Tạo mục “Mới cập nhật” trong theme Gomedia

Theo yêu cầu của một số bạn khi sử dụng Theme Gomedia là làm sao mà tạo được mục “Mới cập nhật” giống như site của mình. Thì ở bài viết này mình sẽ hướng dẫn cách bạn cách làm.
Mặc định nó sẽ hiện thị như thế này:
tao-muc-moi-cap-nhat-trong-theme-gomedia-1
Sau khi chỉnh sửa nó sẽ hiện thị như thế này:

tao-muc-moi-cap-nhat-trong-theme-gomedia
Tạo mục “Mới cập nhật” trong theme Gomedia

Trước tiên mình sẽ giới thiệu qua về chức năng này trên Theme Gomedia. Trên Theme GoMedia có một tính năng đó là Featured Section. Tính năng này giúp hiển thị bài viết ở đầu trang chủ dựa vào Tag. Mặc định thì nó chỉ hiển thị được có 3 bài viết kiểu slide bên trái nhìn nó không đẹp mắt cho lắm. Nhưng nếu bây giờ bạn muốn nó hiển thì 6 bài viết thì phải làm sao? Và liệu bạn có muốn xoá cái Slide bên trái đi và thêm vào đó 3 bài viết nữa không? Tất cả đều làm được và mình sẽ hướng dẫn các bạn nhé.

Việc làm là rất đơn giản. Các bạn chỉ việc mở file Front.php trong thư mục của Theme và thực hiện như mình hướng dẫn bên dưới. Vậy là xong. (Tốt nhất bạn nên tạo Child Theme để thực hiện sửa đổi. Sau này lỡ mà cập nhật phiên bản với thì không mất đi các đoạn code mà chúng ta đã chỉnh sửa).
B1. Tìm đoạn code này:

<div id="content" class="col-md-9">

.
Sau đó thêm vào bên dưới đoạn code này:

<h3>Mới cập nhật</h3>

B2. Tiếp theo thay toàn bộ code trong cặp thẻ:


<section id="featured-content" class="row clearfix">
</section>

Bằng đoạn code sau:


<section id="featured-content" class="row clearfix">

						<?php $tag = of_get_option( 'gomedia_featured_tag' ); ?>

						<?php $featured = get_posts( array( 'posts_per_page' => 3, 'tag_id' => $tag ) ); ?>

						<?php if ( $tag && $featured ) : ?>
							<?php $i = 0; ?>


<div id="featured-right" class="col-md-6">

<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>


							</div>


						<?php endif; wp_reset_postdata(); ?>

						<?php $featured2 = get_posts( array( 'posts_per_page' => 3, 'offset' => 3, 'tag_id' => $tag ) ); ?>

						<?php if ( $tag && $featured2 ) : ?>
							<?php $i = 0; ?>


<div id="featured-right" class="col-md-6">


<ul>
									<?php foreach ( $featured2 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>


							</div>


						<?php endif; wp_reset_postdata(); ?>

</section>

<!-- #featured-content -->

Vậy là xong rùi đó, đơn giản phải không nào :D. Chúc các bạn thành công!

Tạo mục “Mới cập nhật” trong theme Gomedia
3 (60%) 4 votes

Bình luận với Facebook


4 thoughts on “Tạo mục “Mới cập nhật” trong theme Gomedia

    1. Bạn muốn bỏ phần thanh Video thì vào Giao diện –> Theme Setting –> Chọn Tab Home Page và bỏ dấu tick ở mục Display Latest Videos đi là được nhé. Cảm ơn bạn đã ghé thăm blog.

Add Comment