Cách tạo featured post 2 cột giống iHuongDan.vn theme GoMedia

Cách tạo featured post 2 cột giống iHuongDan.vn theme GoMedia
4.5 (90%) 8 votes

Hôm nay iHuongDan được bác “Nguyễn Sơn Tùng” trong nhóm WordPress Việt Nam hỗ trợ cũng như hướng dẫn iHuongDan tạo featured post 2 cột trong theme GoMedia giống như tại trang chủ ihuongdan.vn. Mình tin rằng đa số trong chúng ta khi mới bắt đầu sử dụng theme Gomedia chắc chắc chúng ta sẽ thắc mắc rằng tại sao site của mình cũng sử dụng theme gomedia giống như một số site như: thachpham.com hay hoangluyen.com chẳng hạn? Tại sao site của mình lại có featured post là dạng slider xếp theo tag mà không phải list danh sách bài mới 2 cột như các trang trên. Vậy thì hôm nay iHuongDan nhân tiện được bác Nguyễn Sơn Tùng hỗ trợ chỉ dẫn. iHuongDan sẽ tổng hợp lại ngắn gọn và có hình ảnh demo hướng dẫn chi tiết các bạn tạo featured post dạng hai cột dành cho bạn nào chưa biết cách tạo featured post dạng 2 cột trong theme GoMedia như sau:

Xem thêm: Cách bỏ tiếng việt có dấu trong URL wordpress
                  Tạo comment facebook cho website wordpress

Đầu tiên chúng ta tìm và mở file “front.php” trong theme GoMedia theo đường dẫn:
[junkie-hightlights color=”green”]wp-content/themes/gomedia/front.php[/junkie-hightlights]

Bước tiếp theo chúng ta tìm đến dòng 17 trong file front.php ta sẽ nhìn thấy hình như sau
tao featured post 2 cotCác bạn chú ý đến phần mình khoanh tròn màu đỏ nhé. Tiếp theo chúng ta thay phần khoanh tròn màu đỏ thành:
[junkie-hightlights color=”green”]id=”featured-right”[/junkie-hightlights]

Chúng ta sẽ được hình như sau:
tao featured post 2 cot2Bước tiếp theo chúng ta chú ý đến dòng 19 đến dòng 43. Các bạn xóa hết code từ dòng 19 tới dòng 43. Có nghĩa các bạn sẽ xóa hết code của DIV “<div id=carousel-0″ class=jcarousel”>“. Sau khi xóa chúng ta sẽ được hình như sau:
tao featured post 2 cot 3Sau khi xóa xong, các bạn copy và dán đoạn code dưới đây vào ngay chỗ các bạn xừa xóa. Tức các bạn dán ngay vào dòng thứ 19 như hình trên. Đoạn mình ghi chú là “Bạn vừa xóa code trong đoạn này“:

<ul>
 <?php foreach ( $featured as $post ) : setup_postdata( $post ); ?>
 <li class="plain-item <?php if ( ++$i == 3 ) { echo 'last-item'; } ?> clearfix">
 <a href="<?php the_permalink(); ?>" rel="bookmark">
 <?php if ( has_post_thumbnail() ) : ?>
 <?php the_post_thumbnail( 'gomedia-featured-small', array( 'class' => 'entry-thumb', 'alt' => esc_attr( get_the_title() ) ) ); ?>
 <?php endif; ?>
 <div class="plain-title">
 <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?>
 <div class="entry-meta"><?php printf( __( 'by %s', 'gomedia' ), esc_attr( get_the_author() ) ) ?></div><!-- .entry-meta -->
 </div><!-- .carousel-caption -->
 </a>
 </li>
 <?php endforeach; ?>
 </ul>

Ta được như hình sau:
tao featured post 2 cot 4Tiếp theo công đoạn cuối cùng của chúng ta đó là thêm đoạn code sau vào sau dòng 15:

<?php $i = 0; ?>

Ta được hình như sau:
tao featured post 2 cot 5Vật là chúng ta đã xong rồi. Giờ trở về trang chủ và thưởng thức thành quả của mình thôi nào.

ihuongdan

Chúc các bạn thành công. Nếu có thắc mắc gì hãy để lại comment iHuongDan sẽ giải đáp giúp các bạn nhé. Hoặc có thể nhờ support từ bác Nguyễn Sơn Tùng qua facebook nhé!

Ý Kiến Bình Luận