Dịch lại từ nenuno, người dịch: Neo (ntuts.com)

Chỉnh sửa trong phần quản trị

Bài hướng dẫn sử dụng giao diện mặc định của wordpress 3.0 và cài đặt phiên bản wordpress chưa qua sửa chữa.

Nếu đã đăng nhập với tài khoản quản trị, ấn Edit ở một post nào đó và bạn sẽ thấy widget Featured image như hình dưới

Đặt Featured image cho bài viết của mình như sau (hình ảnh sử dụng là logo của wordpress)

Sau khi "Use as featured image" bạn sẽ thấy ảnh hiển thị ở featured image widget:

Thay đổi cấu trúc theme

Mở file loop.php trong thư mục /wp-content/themes/twentyten, bắt đầu từ dùng 136:

<div class="entry-content">
	<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
	<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->

Thêm đoạn code sẽ hiển thị Featured image như sau:

<div class="entry-content">
	// Hiển thị ảnh đại diện
<?php if   ( function_exists("has_post_thumbnail") &&   has_post_thumbnail() ) { the_post_thumbnail(array(200,160), array("class" => "alignleft post_thumbnail")); } ?>
	// Kết thúc hiển thị ảnh đại diện
	<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
	<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->

Bạn có thể chỉnh sửa kích thước của ảnh đại diện tại array(200,160). Lưu file loop.php và xem trang web của mình, bạn sẽ thấy ảnh đại diện hiển thị trên các bài viết