Sử dụng ảnh đại diện trong WordPress 3.0

Xem: 1083    Tải: 0   Thảo luận: 0   Mục: WordPress template   Lĩnh vực: Máy tính - công nghệ

0 điểm   ( 6 đánh giá ) File đã được kiểm thử

Ảnh đại diện được giới thiệu ở phiên bản wordpress 2.9 nhưng ở bản 3.0 đã có một số thay đổi. Để thực hiện bài hướng dẫn này bạn cần có hiểu biết cơ bản về chỉnh sửa theme wordpress và một chút php.

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

Sử dụng ảnh đại diện trong WordPress 3.0

Sử dụng ảnh đại diện trong WordPress 3.0 Đăng ngày 04-10-2013  Ảnh đại diện được giới thiệu ở phiên bản wordpress 2.9 nhưng ở bản 3.0 đã có một số thay đổi. Để thực hiện bài hướng dẫn này bạn cần có hiểu biết cơ bản về chỉnh sửa theme wordpress và một chút php. 5/10 1083

Thảo luận:

Để bình luận bạn phải đăng nhập thành viên.

File tương tự

Files cùng mục

 
Hỗ trợ kỹ thuật cho thành viên:
Tổng đài: (+84) 246. 32.979.36
Số di động (Hotline): 0969.091.265
Thời gian làm việc:
Sáng: 8h-12h; Chiều: 13h30-17h30
(Nghỉ chiều T7, CN và các ngày lễ, tết)
Chat với Megacode
https://www.facebook.com/megacodevn
File gợi ý cho bạn
File tải nhiều nhất
Megacode.vn - Thư viện mã nguồn chia sẻ, tải file cho cộng đồng
Copyright © 2013-2016. All rights reserved. Bản quyền thuộc VinaGon
Địa chỉ: Số 38 Hàng Bè, Hàng Bạc, Hoàn Kiếm, Hà Nội.
Văn phòng giao dịch: Phòng 28, Tầng 6, HH1A Linh Đàm, Hoàng Mai, Hà Nội
Email: info@vinagon.com | Website: www.vinagon.com | Điện thoại: (+844) 6. 32.979.36;