0 warih trik tampilkan Related Post di Genesis Framework tanpa Plugin azik

warih trik tampilkan Related Post di Genesis Framework tanpa Plugin azik - terbaru menarik amximal ajib azik sekali ada dari warih trik tampilkan Related Post di Genesis Framework tanpa Plugin azik.

Sebenarnya banyak plugin untuk menampilkan Related Post di Genesis Framework, cuman sebisa mungkin kita tidak tergantung pada plugin. Oleh karena itu kita bisa menggunakan tutorial ini sebagai alternatif Menampilkan Related Post di Genesis Framework.

Anda hanya perlu mengedit 2 item ini di Child themes Genesis anda -> Function.php dan Style.css. Sebelum anda mengedit 2 file tersebut, alangkah baiknya kalau dibackup terlebih dahulu.

Menampilkan Related Post di Genesis berdasarkan Category

Jika anda ingin menampilkan Related Post berdasarkan Category, maka sisipkan kode dibawah ini di Function.php yang berada pada Child Theme Genesis anda.

 /** Display related posts in Genesis based on Category  */
function related_posts_categories() {
if ( is_single ( ) ) {
global $post;
$count = 0;
$postIDs = array( $post->ID );
$related = '';
$cats = wp_get_post_categories( $post->ID );
$catIDs = array( );{
foreach ( $cats as $cat ) {
$catIDs[] = $cat;
}
$args = array(
'category__in'          => $catIDs,
'post__not_in'          => $postIDs,
'showposts'             => 5,
'ignore_sticky_posts'   => 1,
'orderby'               => 'rand',
'tax_query'             => array(
array(
'taxonomy'  => 'post_format',
'field'     => 'slug',
'terms'     => array(
'post-format-link',
'post-format-status',
'post-format-aside',
'post-format-quote' ),
'operator' => 'NOT IN'
)
)
);
$cat_query = new WP_Query( $args );
if ( $cat_query->have_posts() ) {
while ( $cat_query->have_posts() ) {
$cat_query->the_post();
$related .= '<li><a href="' . get_permalink() . '" rel="bookmark" title="Permanent Link to' . get_the_title() . '">' . get_the_title() . '</a></li>';
}
}
}
if ( $related ) {
printf( '<div><h3>Related Posts</h3><ul>%s</ul></div>', $related );
}
wp_reset_query();
}
}
add_action( 'genesis_after_post_content', 'related_posts_categories' );

Fungsi dari Kode ini

• Menampilkan Related Posts acak berdasarkan kategori.
• Menentukan jumlah tulisan yang ditampilkan dengan cara mengubah nilai di 'showposts' => 5

Menampilkan Related Post di Genesis berdasarkan Tag

Jika anda ingin menampilkan Related Post berdasarkan Tag, maka sisipkan kode dibawah ini di Function.php yang berada pada Child Theme Genesis anda.

 
/** Display related posts in Genesis based on Tags */
function related_posts_tags () {
if ( is_single ( ) ) {
global $post;
$count = 0;
$postIDs = array( $post->ID );
$related = '';
$tags = wp_get_post_tags( $post->ID );
foreach ( $tags as $tag ) {
$tagID[] = $tag->term_id;
}
$args = array(
'tag__in'               => $tagID,
'post__not_in'          => $postIDs,
'showposts'             => 5,
'ignore_sticky_posts'   => 1,
'tax_query'             => array(
array(
'taxonomy'  => 'post_format',
'field'     => 'slug',
'terms'     => array(
'post-format-link',
'post-format-status',
'post-format-aside',
'post-format-quote'
),
'operator'  => 'NOT IN'
)
)
);
$tag_query = new WP_Query( $args );
if ( $tag_query->have_posts() ) {
while ( $tag_query->have_posts() ) {
$tag_query->the_post();
$related .= '<li><a href="' . get_permalink() . '" rel="bookmark" title="Permanent Link to' . get_the_title() . '">' . get_the_title() . '</a></li>';
$postIDs[] = $post->ID;
$count++;
}
}
if ( $related ) {
printf( '<div><h3>Related Posts</h3><ul>%s</ul></div>', $related );
}
wp_reset_query();
}
}
add_action( 'genesis_after_post_content', 'related_posts_tags' );

Fungsi dari Kode ini

• Menampilkan Related Posts acak berdasarkan tag.
• Menentukan jumlah tulisan yang ditampilkan dengan cara mengubah nilai di 'showposts' => 5

Memberi style pada Related Post di Genesis Theme

setelah menambahkan kode diatas, saatnya bagi anda menambahkan kode dibawah ini di bagian Style.css

 
.related-posts {
margin: 10px 0;
}
.related-posts h3 {
font-size: 18px;
}
.related-posts ul {
list-style:none;
}
.related-posts ul li {
padding: 3px 0;
border-bottom: 1px dashed #ccc;
}
.related-posts ul li a{
font-size:14px;
text-decoration:none;
}

Cara Menampilkan Related Post di Genesis Framework tanpa Plugin. Sebenarnya banyak plugin untuk menampilkan Related Post di Genesis Framework, cuman sebisa mungkin kita tidak tergantung pada plugin. Oleh karena itu kita bisa menggunakan tutorial ini sebagai alternatif Menampilkan Related Post di Genesis Framework.

Anda hanya perlu mengedit 2 item ini di Child themes Genesis anda -> Function.php dan Style.css. Sebelum anda mengedit 2 file tersebut, alangkah baiknya kalau dibackup terlebih dahulu. Baca Juga : Tutorial Mengubah atau Menghapus Post Meta di Genesis Framework

Menampilkan Related Post di Genesis berdasarkan Category

Jika anda ingin menampilkan Related Post berdasarkan Category, maka sisipkan kode dibawah ini di Function.php yang berada pada Child Theme Genesis anda.
 /** Display related posts in Genesis based on Category  */ function related_posts_categories() { if ( is_single ( ) ) { global $post; $count = 0; $postIDs = array( $post->ID ); $related = ''; $cats = wp_get_post_categories( $post->ID ); $catIDs = array( );{ foreach ( $cats as $cat ) { $catIDs[] = $cat; } $args = array( 'category__in'          => $catIDs, 'post__not_in'          => $postIDs, 'showposts'             => 5, 'ignore_sticky_posts'   => 1, 'orderby'               => 'rand', 'tax_query'             => array( array( 'taxonomy'  => 'post_format', 'field'     => 'slug', 'terms'     => array( 'post-format-link', 'post-format-status', 'post-format-aside', 'post-format-quote' ), 'operator' => 'NOT IN' ) ) ); $cat_query = new WP_Query( $args ); if ( $cat_query->have_posts() ) { while ( $cat_query->have_posts() ) { $cat_query->the_post(); $related .= '<li><a href="' . get_permalink() . '" rel="bookmark" title="Permanent Link to' . get_the_title() . '">' . get_the_title() . '</a></li>'; } } } if ( $related ) { printf( '<div><h3>Related Posts</h3><ul>%s</ul></div>', $related ); } wp_reset_query(); } } add_action( 'genesis_after_post_content', 'related_posts_categories' );

Fungsi dari Kode ini

• Menampilkan Related Posts acak berdasarkan kategori.
• Menentukan jumlah tulisan yang ditampilkan dengan cara mengubah nilai di 'showposts' => 5

Menampilkan Related Post di Genesis berdasarkan Tag

Jika anda ingin menampilkan Related Post berdasarkan Tag, maka sisipkan kode dibawah ini di Function.php yang berada pada Child Theme Genesis anda.
  /** Display related posts in Genesis based on Tags */ function related_posts_tags () { if ( is_single ( ) ) { global $post; $count = 0; $postIDs = array( $post->ID ); $related = ''; $tags = wp_get_post_tags( $post->ID ); foreach ( $tags as $tag ) { $tagID[] = $tag->term_id; } $args = array( 'tag__in'               => $tagID, 'post__not_in'          => $postIDs, 'showposts'             => 5, 'ignore_sticky_posts'   => 1, 'tax_query'             => array( array( 'taxonomy'  => 'post_format', 'field'     => 'slug', 'terms'     => array( 'post-format-link', 'post-format-status', 'post-format-aside', 'post-format-quote' ), 'operator'  => 'NOT IN' ) ) ); $tag_query = new WP_Query( $args ); if ( $tag_query->have_posts() ) { while ( $tag_query->have_posts() ) { $tag_query->the_post(); $related .= '<li><a href="' . get_permalink() . '" rel="bookmark" title="Permanent Link to' . get_the_title() . '">' . get_the_title() . '</a></li>'; $postIDs[] = $post->ID; $count++; } } if ( $related ) { printf( '<div><h3>Related Posts</h3><ul>%s</ul></div>', $related ); } wp_reset_query(); } } add_action( 'genesis_after_post_content', 'related_posts_tags' );

Fungsi dari Kode ini

• Menampilkan Related Posts acak berdasarkan tag.
• Menentukan jumlah tulisan yang ditampilkan dengan cara mengubah nilai di 'showposts' => 5

Memberi style pada Related Post di Genesis Theme

setelah menambahkan kode diatas, saatnya bagi anda menambahkan kode dibawah ini di bagian Style.css
  .related-posts { margin: 10px 0; } .related-posts h3 { font-size: 18px; } .related-posts ul { list-style:none; } .related-posts ul li { padding: 3px 0; border-bottom: 1px dashed #ccc; } .related-posts ul li a{ font-size:14px; text-decoration:none; }