Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Wordpress Tips > Tạo banner quảng cáo bằng Custom Post
Tạo banner quảng cáo bằng Custom Post
Nguyễn Trung Hiếu
Share Code Web Company 2014

Tạo banner quảng cáo bằng Custom Post

Như mình đã giới thiệu, WordPress có hệ thống Custom Post khá là hay, và hôm nay mình sẽ chia sẻ cho các bạn cách tạo phần quảng cáo ngoài trang chủ, có sử dụng custom Post này nhé

using a custom post type to create a home page
Trong bài học này chúng ta sẽ học được:

  • Cách đăng ký một Custom Post Type cho banner của chúng ta
  • Tạo một function mới trong file Functions để hiển thị banner
  • Sử dụng function vừa tạo để hiển thị ra ngoài trang chủ
  • Cuối cùng là style banner

Nguyên liệu cần cho bài học

Để làm được bài tuts này, các bạn cần chuẩn bị

  • Bộ mã nguồn WordPress
  • Quyền truy cập vào thư mục chứa template của bạn

Ở đây tác giả dùng ngay theme twentytwelve để hướng dẫn các bạn.

Tạo mới Banner Post Type

Đầu tiên bạn có thể tham khảo cách tạo Custom Post Type trên WordPress. Đầu tiên, bạn mở file functions.php và thêm đoạn code sau

Với đoạn code trên, bạn đã đăng ký thêm một Menu nữa vào dãy menu bên tay trái của WordPress ở khu vực admin. Nút menu này bao gồm 4 menu con là Banners, New Banner, Categories, Tags
banner post type in admin wordpress

Lấy Banner Post Type

Bước tiếp theo chúng ta sẽ sử dụng WP_Query để lấy ra những bài viết có kiểu Banner Post Type để hiển thị ra ngoài. Vẫn trong file functions.php, bạn thêm đoạn code sau

Hàm trên sẽ kiểm tra xem có tồn tại một post nào thuộc dạng Banner Post Type không, nếu có thì hiển thị.

Hiển thị Banner

Bạn có thể sử dụng hàm bên trên, vứt vào những chỗ nào bạn muốn hiển thị quảng cáo. Ví dụ như có thể chọn các file header.php, page.php, front-page.php. Nếu bạn chỉ muốn hiển thị ra ngoài trang chủ thì có thể sử dụng hàm kiểm tra if( is_home_page() )

Lúc này banner sẽ xuất hiện ngoài trang chủ nhưng chưa có style gì cả
banner custom post type

Style banner

Bạn có thể copy style đơn giản như sau

banner post type
Vậy là xong rồi đó, chúc bạn thành công

Download code

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

http://sharecodeweb.net/?s={search_term_string}