Wordpress Expert | Web Developer | App Developer
Everything bad could happen during your run to your deadline, including your internet connection. I was in that situation couple weeks ago, just a few hours before I should send the document, the connection suddenly went down, and all my data are on the PC no WiFi module available. The first thing I remember was to use my Xiaomi phone to work as Internet Modem. Continue reading “How to Make Your Xiaomi Phone as USB Modem on PC”
I didn’t realize it at first, but when I need it, I realize it gone.
For security reason, PPTP VPN connection eliminated on the latest Mac OS Sierra. There is no way Apple will bring it back, but fortunately, there’s an App for that. I recently evaluating a VPN client for Mac that supports PPTP and other methods as well. It’s Shimo VPN. Continue reading “How to Solve PPTP VPN on Mac OS Sierra”
Got your latest images pixelated after uploading it to WordPress? Yes, that could be irritating especially on Photography sites. WordPress has a function to adjust the level of the image quality, as described on Developer Code Reference.
Simply put this small code to your functions.php
1 2 3 4 | function update_jpeg_quality( $quality, $context ) { return 100; } add_filter( 'jpeg_quality', 'update_jpeg_quality' ); |
Adjust return number to set the level of compression.
100 = No Compression applied. Change it moderate compression about 80. Anything below 80 will make your images looks pixelated but produced a minimum of file size.
In WordPres 4.5, my old function to add a custom size to media uploader seems not working anymore. But I found that new way to add custom size image is a lot simpler using image_size_names_choose filter.
Basically when you create your own image sizes using the add_image_size function:
1 2 3 4 5 | function add_news_thumb() { add_image_size( 'news', 800, 300, TRUE ); add_image_size( 'news-detail', 1500, 600, TRUE ); } add_action( 'after_setup_theme', 'add_news_thumb' ); |
you can just add the new sizes to image_size_names_choose:
1 2 3 4 5 6 7 | function added_custom_size( $sizes ) { return array_merge( $sizes, array( 'news' => __( 'News Thumbnail' ), 'news-detail' => __( 'News Detail ' ), ) ); } add_filter( 'image_size_names_choose', 'added_custom_size' ); |
jQuery is a fast solution if you need support on your HTML layout. Having an issue to keep your divs in an equal height? Check out this cool and easy script to keep your divs in an equal height: jQuery Match Height Plugin.
If you are on WordPress, you can try this simple line on ‘functions.php’ file:
1 2 3 4 | function add_custom_script() { wp_enqueue_script( 'match-height', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js', array('jquery')); } add_action( 'wp_enqueue_scripts', 'add_custom_script' ); |
Call the function on header or footer:
1 2 3 4 5 6 7 8 9 10 | function inject_script() { echo <<< EOT <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.map .column-4').matchHeight(); }); </script> EOT; } add_action('wp_footer', 'inject_script'); |
Or you can simply use a plugin to add the codes above.
