Wordpress Archives — Page 2 of 9

Adjust WordPress JPEG Resize Quality

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

function update_jpeg_quality( $quality, $context ) {
	return 100;
}
add_filter( 'jpeg_quality', 'update_jpeg_quality' );

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.

June 23, 2016June 28, 2017 pupungbp

snippet, WordpressFunctions, Image Qualiry, WordpressLeave a comment

Add Custom Size Image to Media Popup in WordPress

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:

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' );

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:

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' );

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' );

June 6, 2016June 28, 2017 pupungbp

PHP, snippet, WordpressCustom Image, Media Uploader, PHPLeave a comment

Equal Div Height with JQuery

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:

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' );

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:

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');

function inject_script() {

echo <<< EOT

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.

April 18, 2016June 28, 2017 pupungbp

jQuery, WordpressHTML, jquery, Match Height Div, WordpressLeave a comment

Add Placeholder to Your Comment Form in WordPress

By default, WordPress doesn’t support placeholder in their function form. To add this function simply add this code to your functions.php. Continue reading “Add Placeholder to Your Comment Form in WordPress” →

February 22, 2016February 22, 2016 pupungbp

How To, PHP, snippet, WordpressSnippet, wordpress functions6 Comments

Get Page ID or URL From a Slug in WordPress

This is interesting, with years experience working with WordPress, I’ve never dealt with this kind of issue. I searched the codex, and found get_page_by_path is the ideal solution instead of directly create query to database.

get_page_by_path( $page_path, $output, $post_type );

1	get_page_by_path( $page_path, $output, $post_type );

To get a page ID simply add the slug to the function

// Returns Object page ID
$page_id = grain_get_url_by_slug('slug');

1 2	// Returns Object page ID $page_id = grain_get_url_by_slug('slug');

I creates a function to simplify the usage

function get_url_by_slug($slug) {
    $page_url_id = get_page_by_path( $slug );
    $page_url_link = get_permalink($page_url_id);
    return $page_url_link;
}

function get_url_by_slug($slug) {

$page_url_id = get_page_by_path( $slug );

$page_url_link = get_permalink($page_url_id);

return $page_url_link;

}

And use it in real life

<p>
	<a href="<?php echo get_url_by_slug('services'); ?> ">
		What can we do for you?
	</a>
</p>

<p>

What can we do for you?

</a>

</p>

November 16, 2015 pupungbp

PHP, snippet, WordpressLeave a comment