Hướng dẫn lập trình child theme Genesis Framework – Phần 3

//* Modify breadcrumb arguments.
add_filter( 'genesis_breadcrumb_args', 'genesis_child_breadcrumb_args' );
function genesis_child_breadcrumb_args( $args ) { $args['home'] = 'Home'; // Can be changed by adding text in quotation marks ' ' $args['sep'] = ' / '; // Can be changed by adding text in quotation marks ' ' $args['list_sep'] = ', '; // Can be changed by adding text in quotation marks ' ' $args['prefix'] = '<div class="breadcrumb"><div class="wrap">'; // Can be changed by adding text in quotation marks ' ' $args['suffix'] = '</div></div>'; $args['heirarchial_attachments'] = true; // Can be changed by adding text in quotation marks ' ' Genesis 1.5 and later $args['heirarchial_categories'] = true; // Can be changed by adding text in quotation marks ' ' Genesis 1.5 and later $args['display'] = true; $args['labels']['prefix'] = 'Monster :'; // Can be changed by adding text in quotation marks ' ' $args['labels']['author'] = 'Archives for '; // Can be changed by adding text in quotation marks ' ' $args['labels']['category'] = 'Archives for '; // Can be changed by adding text in quotation marks ' ' Genesis 1.6 and later $args['labels']['tag'] = 'Archives for '; // Can be changed by adding text in quotation marks ' ' $args['labels']['date'] = 'Archives for '; // Can be changed by adding text in quotation marks ' ' $args['labels']['search'] = 'Search for '; // Can be changed by adding text in quotation marks ' ' $args['labels']['tax'] = 'Archives for '; // Can be changed by adding text in quotation marks ' ' $args['labels']['post_type'] = 'Archives for ';// Can be changed by adding text in quotation marks ' ' $args['labels']['404'] = 'Not found: '; // Can be changed by adding text in quotation marks ' ' Genesis 1.5 and later
return $args;
}
// Home breadcrumb icon.
add_filter ( 'genesis_home_crumb', 'genesis_child_breadcrumb_home_icon' );
function genesis_child_breadcrumb_home_icon( $crumb ) { $crumb = '<a href="' . home_url() . '" title="' . get_bloginfo('name') . '"><i class="dashicons dashicons-admin-home"></i> Home</a>'; return $crumb;
}
//* Reposition the breadcrumbs
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_after_header', 'genesis_do_breadcrumbs' );

// Add Featured Posts List.
include_once( get_stylesheet_directory() . '/lib/featured-posts.php' );

<?php
/** * Featured Posts List. * * This file adds Featured Posts List to the Code Genesis Child Theme. * * @package Code Genesis Child * @author Monster * @license GPL-2.0-or-later * @link https://quicksite.vn/ */// Admin Setting
add_action('admin_menu', 'posts_add_pages');
function posts_add_pages() { // Add new menu in Setting: add_submenu_page('edit.php','Featured Posts List', 'Featured Posts List', 8, 'postsoptions', 'posts_options_page');
}
// Main function to diplay on front end
add_action( 'genesis_before_content', 'featuredpostsList' );
function featuredpostsList() { global $post, $wpdb, $posts_settings; if( is_home()){ // posts_id from database $posts_id = $posts_settings['posts_id']; ?><div class="featured-posts-container"><?php if($posts_id): $i = 0; $posts_idarray = explode(',',$posts_id); foreach ($posts_idarray as $list){ $post = new WP_Query('p='.$list.''); $post->the_post(); $categories = get_the_category(); ?> <div class="featured-posts list-<?php echo $i; ?>" style="background-image:url('<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>')"> <div class="featured-posts-content"> <div class="featured-posts-cat"><a href="<?php echo get_category_link( $categories[0]->term_id ); ?>"><?php echo esc_html( $categories[0]->name );?></a></div> <h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2> <div class="featured-posts-time"><?php the_time('M j, Y') ?></div> </div> </div><?php $i ++; ?> <?php } else : ?> <p><?php _e( 'Sorry, no Featured Post List to display. Please set in the Setting', 'genesis-child' );?></p> <?php endif; ?></div><?php }
}
$posts_settings = get_option('posts_settings'); $data = array( 'posts_id' => '' ); $ol_flash = '';
/* Functions */function posts_options_page() { global $ol_flash, $posts_settings, $_POST, $wp_rewrite; if (isset($_POST['posts_id'])) { $posts_settings['posts_id'] = $_POST['posts_id']; update_option('posts_settings',$posts_settings); $ol_flash = __('Your Featured List has been saved.', 'genesis-child'); } if ($ol_flash != '') echo '<div id="message"class="updated fade"><p>' . $ol_flash . '</p></div>'; ?> <div class="wrap"> <h2><?php _e('Add Posts ID to Create Featured Post List','genesis-child') ?></h2> <form action="" method="post"> <table class="optiontable form-table"> <tr><h3><?php _e('Display Featured Post List to your site.','genesis-child') ?></h3></tr> <tr> <th><?php _e('Post ID :','genesis-child') ?></th> <td> <input type="text" name="posts_id" placeholder="1, 2, 3" value="<?php echo htmlentities($posts_settings['posts_id']); ?>" size="50%" /></th><br /> <label for="disabled"><?php _e('To Add Multiple Post IDs use " , " for exmple : " 1, 2, 3"','genesis-child') ?></label> </td> </tr> </table> <p class="submit"> <input type="submit" class="button-primary" value="<?php _e('Save Featured Post List','genesis-child') ?>" /> </p> </form> </div> <?php
}/* 1, 736, 725, 691 */

/* Featured Post List */.featured-posts { float: left; box-shadow: inset 0 0 0 1500px #2222225e; -webkit-filter: initial; filter: initial; -webkit-transform: initial; -khtml-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; -webkit-transition: all 0.2000s linear; transition: all 0.2000s linear; position: relative; background-position: 50% 50%; background-size: cover;
}
.featured-posts:hover { -webkit-filter: initial; filter: initial; -webkit-transform: initial; -khtml-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; -webkit-transition: all 0.2000s linear; transition: all 0.2000s linear; box-shadow:inset 0 0 0 2000px #2222222e;
}
.featured-posts.list-0 { width: 50%; height: 462px; border-right: 5px solid #fff;
}
.featured-posts.list-1 { width: 50%; height: 231px; border-bottom: 5px solid #fff;
}
.featured-posts.list-2 { border-right: 5px solid #fff;
}
.featured-posts.list-2,
.featured-posts.list-3 { width: 25%; height: 231px;
}
.featured-posts.list-0
.featured-posts.list-2,
.featured-posts.list-3 { margin-bottom: 40px;
}
.featured-posts-content { position: absolute; top: 20px; left: 25px; right: 25px; max-height: 95px; z-index: 1; font-size: 14px;
}
.featured-posts-cat a { background-color: #fe2e2e; color: #fff; font-size: 10px; font-size: 1rem; font-weight: 300; padding: 5px 10px; text-transform: uppercase; border-radius: 3px;
}
.featured-posts h2 a,
.featured-posts-time { color: #fff; text-transform: capitalize; font-family: "Roboto",Arial,sans-serif; text-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.featured-posts h2 a:hover,
.featured-posts-time:hover { color: #fff; padding-left: 10px; border-left: 5px solid red
}
.featured-posts h2 a { font-size: 16px;
}
.list-0 h2 a, .list-1 h2 a { font-size: 24px; line-height: 30px;
}

// Select posts in the same categories as the current post.
if ( ! function_exists( 'related_post_category' ) ):
add_action( 'genesis_entry_footer', 'related_post_category', 40 );
function related_post_category() { if ( is_single ( ) ) { // Get a list of the current post's categories global $post; $categories = get_the_category($post->ID); if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; $args=array( 'category__in' => $category_ids, 'post__not_in' => array($post->ID), // Ensure that the current post is not displayed 'posts_per_page' => 3, // Number of related posts to display 'orderby' => 'rand', // Randomize the results ); $my_query = new wp_query($args); if( $my_query->have_posts() ): $i = 0; ?> <div class="related-posts-container"><div class="related-posts-title-block"><h3 class="related-posts-title"><?php _e( 'Related Articles', 'longviet' );?></h3></div> <div class="related-posts-inner"><ul class="related-posts-blook"> <?php while ($my_query->have_posts()):$my_query->the_post(); ?> <li class="related-posts-<?php echo $i; ?>"> <div class="related-posts-img"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('medium'); ?></a> <span class="entry-time"><?php echo esc_html( get_the_date() ) ?></span></div> <div class="item-details"> <h4 class="entry-title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h4> </div> </li> <?php $i ++; ?> <?php endwhile; ?> <?php else : ?> <div class="related-posts-container"><div class="related-posts-title-block"><h3 class="related-posts-title"><?php _e( 'Related Articles', 'longviet' );?></h3></div> <div class="related-posts-inner"><ul class="related-posts-blook"> <p><?php _e( 'Sorry, no related articles to display', 'longviet' );?></p> </ul></div></div> <?php endif; wp_reset_postdata(); // Reset postdata } }
}
endif;

// Select posts in the same tags as the current post.
if ( ! function_exists( 'related_post_tags' ) ):
add_action( 'genesis_entry_footer', 'related_post_tags', 40 );
function related_post_tags() { if ( is_single ( ) ) { global $post; // Get a list of the current post's tags. $tags = wp_get_post_tags($post->ID); if ($tags) { $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id; $args=array( 'tag__in' => $tag_ids, 'post__not_in' => array($post->ID), // Ensure that the current post is not displayed 'posts_per_page' => 3, // Number of related posts to display 'orderby' => 'rand', // Randomize the results ); $my_query = new wp_query($args); if( $my_query->have_posts() ): $i = 0; ?> <div class="related-posts-container"><div class="related-posts-title-block"><h3 class="related-posts-title"><?php _e( 'Related Articles', 'longviet' );?></h3></div> <div class="related-posts-inner"><ul class="related-posts-blook"> <?php while ($my_query->have_posts()):$my_query->the_post(); ?> <li class="related-posts-<?php echo $i; ?>"> <div class="related-posts-img"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(235, 160)); ?></a> <span class="entry-time"><?php echo esc_html( get_the_date() ) ?></span></div> <div class="item-details"> <h4 class="entry-title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h4> </div> </li> <?php $i ++; ?> <?php endwhile; ?> <?php else : ?> <div class="related-posts-container"><div class="related-posts-title-block"><h3 class="related-posts-title"><?php _e( 'Related Articles', 'longviet' );?></h3></div> <div class="related-posts-inner"><ul class="related-posts-blook"> <p><?php _e( 'Sorry, no related articles to display', 'longviet' );?></p> </ul></div></div> <?php endif; wp_reset_postdata(); // Reset postdata } }
}
endif;

/* Related Articles */.related-posts-container .related-posts-title-block { border-bottom: 2px solid #222;
}
.related-posts-container .related-posts-title { display: inline-block; padding: 5px; margin: 0; color: #fff; background-color: #222; line-height: 1; font-size: 16px; font-weight: 600; font-family: open sans,arial,sans-serif;
}
.related-posts-inner { display: block; margin: 20px 0;
}
.related-posts-inner .related-posts-blook { display: flex;
}
.related-posts-inner li { width: 31.33333%; display: block; clear: both; list-style-type: none; margin-right: 3%;
}
.related-posts-inner .related-posts-2 { margin-right: 0%;
}
.related-posts-inner .related-posts-img { position: relative;
}
.related-posts-inner .entry-time { position: absolute; top: 0; padding: 3px; color: #fff; background-color: #222; line-height: 1; font-size: 10px; font-weight: 600; font-family: open sans,arial,sans-serif;
}
.related-posts-inner .entry-time::before { content: '\f469'; font-family: dashicons; font-size: 15px; color: #fff; padding-right: 3px; vertical-align: middle;
}
.related-posts-inner .item-details { margin-top: 20px;
}
.related-posts-inner .entry-title { font-size: 18px; line-height: 1; font-weight: 600; font-family: open sans,arial,sans-serif;
}