Cara membuat Featured Posts WordPress

September 19, 2018 Artikel,Tips dan Trik,WordPress Kholis Muhaimin

Apa bedanya Featured Posts sama Sticky Post? Hampir sama, tapi dengan Featured Posts kita bisa mengkhususkan artikel dimana aja. Untuk jelasnya, mari perhatikan gambar di bawah:

Di kolom sebelah kiri, kita ingin menampilkan 1 artikel. Untuk itu kita membutuhkan Featured Posts, sedangkan di sebelah kanan adalah artikel terbaru yang hanya ditampilkan 4 artikel. Kalo pakai looping biasa, susah bisa teratur seperti gambar di atas.

Untuk menampilkan Featured Posts, kita harus copas script di functions.php dan file template. Silahkan copas script di bawah ini ke file yang diminta.

Functions.php


// Featured Post
function sm_custom_meta() {
    add_meta_box( 'sm_meta', __( 'Featured Posts', 'sm-textdomain' ), 'sm_meta_callback', 'post' );
}
function sm_meta_callback( $post ) {
    $featured = get_post_meta( $post->ID );
    ?>
   
     
 
     
<div class="sm-row-content">
        <label for="meta-checkbox">
            <input type="checkbox" name="meta-checkbox" id="meta-checkbox" value="yes" <?php if ( isset ( $featured['meta-checkbox'] ) ) checked( $featured['meta-checkbox'][0], 'yes' ); ?> />
            <?php _e( 'Featured this post', 'sm-textdomain' )?>
        </label>
          
    </div>
 
 
 
   
    <?php
}
add_action( 'add_meta_boxes', 'sm_custom_meta' );
/**
 * Saves the custom meta input
 */
function sm_meta_save( $post_id ) {
   
    // Checks save status
    $is_autosave = wp_is_post_autosave( $post_id );
    $is_revision = wp_is_post_revision( $post_id );
    $is_valid_nonce = ( isset( $_POST[ 'sm_nonce' ] ) && wp_verify_nonce( $_POST[ 'sm_nonce' ], basename( __FILE__ ) ) ) ? 'true' : 'false';
   
    // Exits script depending on save status
    if ( $is_autosave || $is_revision || !$is_valid_nonce ) {
        return;
    }
   
 // Checks for input and saves
if( isset( $_POST[ 'meta-checkbox' ] ) ) {
    update_post_meta( $post_id, 'meta-checkbox', 'yes' );
} else {
    update_post_meta( $post_id, 'meta-checkbox', '' );
}
   
}
add_action( 'save_post', 'sm_meta_save' );

Index.php atau template lainnya.



<div class="col-md-6 stick1">
                <?php
  $args = array(
        'posts_per_page' => 1,
        'meta_key' => 'meta-checkbox',
        'meta_value' => 'yes'
    );
    $featured = new WP_Query($args);
 
if ($featured->have_posts()): while($featured->have_posts()): $featured->the_post(); ?>
                <div>
<h5 class="sticky"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
<a href="<?php the_permalink(); ?>">
    <?php   
                  if ( has_post_thumbnail() ) {  
                    the_post_thumbnail('full', array('class' => 'img-fluid sticky '));;  
                    } 
                    else {
  echo '<img class="img-fluid" src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/thumb.jpg" alt="<?php the_title(); ?>"  />';
            }
                ?></a>
                </div>
<?php

endwhile; else:
    endif;
?>
            </div>


Sekarang fitur Featured Posts udah bisa kita gunakan, pilih artikel yang ingin kamu jadikan Featured Posts kemudian centang Featured this post. Gampang bukan?

75 total views, 1 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail