Hầu hết các Genesis child theme đều có Feature Image mặc định là nằm phía bên dưới của Tiêu đề – Title bài viết. Trong bài viết này sẽ hướng dẫn chuyển Feature Image lên trên Tiêu đề bài viết trong Genesis.
Mặc định bài viết thuộc Feature Image trước đó:
Kết quả của bài hướng dẫn sẽ như hình bên dưới:
Các bước để thực hiện chuyển Feature Image lên trên Tiêu đề bài viết trong Genesis là:
- Xóa action đặt ảnh mặc định
- Thêm actions và function chuyển Feature Image lên trên Tiêu đề bài viết
- Chỉnh sửa các class CSS của child theme mà bạn đang sử dụng trong style.css
Bước 1: Bạn copy đoạn code bên dưới và paste vào tập tin functions.php trong child theme mà bạn đang sử dụng
https://gist.github.com/nhatdongnguyen/9a42d59f0ffa0d27f36b
Bước 2: Cũng như bước bên trên, bạn copy và paste vào tập tin functions.php trong Genesis child theme.
https://gist.github.com/nhatdongnguyen/4179054d7dc0ebe6e349
Giải thích: if ( is_page() || ! genesis_get_option( ‘content_archive_thumbnail’ ) ): Đoạn mã hàm điều kiện của WordPress conditional tag, có ý nghĩa là nếu là trang – pages thì trở về feature image mặc định.
Bước 3: Tùy thuộc vào Genesis child theme mà bạn sử dụng mà chỉnh sửa phù hợp, các class có thể chỉnh sửa có thể là:
- featured-image
- entry-title
- entry-content
Chúc bạn thành công.
Credit: Going Green Pro Theme
Hung Nguyen says
chào a , a có biết cách tạo 1 lớp phủ gradient tối lên feature image rồi đặt title lên trên feature image đó không ạ ?
vd như hình lớn trang chủ http://www.gamespot.com/
cuong says
Chào anh! anh hướng dẫn chỉnh ngược lại được không,cái của em ảnh thumbnail rất lớn,và nó nằm phía trên,em muốn chuyển ảnh thumbnail nằm bên cạnh và có kích thước 150×150 được không
Nguyễn Nhật Đông says
Cảm ơn bạn Cường đã comment trên blog của mình nhé 😀
Để thực hiện ngược lại hướng dẫn tùy biến bên trên thì bạn có thể vào Genesis child theme mà bạn đang sử dụng xóa functions hiển thị Featured Images đang sử dụng.
Sau đó vào phần Genesis – Theme Setting, trong phần Content Archives chọn Include the Featured Image với Image Size là 150×150.
Trước đó bạn có thể Set thumbnail trong phần Media là 150×150 nhé.
Chúc thành công.
cuong says
cảm ơn anh đã trả lời,em đang xài theme twentfourty.mặc định của theme là hình nằm ở phía trên và kích thước rất lớn.Em muốn chỉnh cho nó nhỏ lại kích thước khoảng 150 x150.và nó nằm bên trái mặc định như theme của anh đó. Em mới tập tành làm web,anh vào trang chaomaohot com xem giúp em cái được không?
Nguyễn Nhật Đông says
Phuzzz Thế mà mình nghĩ bạn Cường sử dụng Genesis Framework chứ 😀
Đông thì hem rành cái theme mặc định của WordPess nhưng nhìn qua cái theme thì việc Cường cần thực hiện để đạt được yêu cầu bên trên là:
– Vào tập tin functions.php thay đổi phần add_image_size trong phần Post Thumbnail
– Vào tập tin content.php xóa phần code ở phần trên articlesm, dán đoạn mã http://pastebin.com/ka9uNJrU vào trong phần <.div class="entry-content"> (nhớ bỏ dấu chấm .) sau đó thì custom lại class CSS.
Thể là xong! Chúc thành công nha Cường!
cuong says
anh bỏ vào giúp em được không? em bỏ nó lỗi phông anh ơi,code conntent.php của em đây anh http://pastebin.com/mSYrjjFd