Wordpress Udemy Day 6: Building Custom Homepage
- Khác biệt giữa Front-page.php; home.php vs Index.php.
- Khi nào front-page.php được hiển thị bài viết mới nhất.
front-page.php --> home.php --> index.php. Tức là, nếu không có trang front-page bài viết sẽ mặc định hiển thị lên Homepage. Front-page này được setting trong phần Cài đặt - Đọc.
- home.php được set là mặc định cho Blog Page do đó nó thay thế cho các template về content đã tạo ở bài trước.
** Tạo HomePage.
- Tạo front-page.php là template cho Home Page.
- Ta không sử dụng home.php vì sẽ sử dụng template của content cho Blog Page.
- Copy các code tương ứng từ các template như page-actors.php; hay page-trailers.php...đã tạo vào front-page.php để edit.
- Tạo thành phần đầu tiên là Trailer cho Homepage, với số lượng trailer hiển thị là 1 như sau:
* Hàm rewind_posts() và reset_postdata()
- rewind_posts() : Sử dụng khi chúng ta muốn dùng lại query (ví dụ ở đây là trailer) nhưng với thuộc tính khác ví dụ không phải là 'posts_per_page' nữa trong cùng một file.
- rewind_posts() : Sử dụng khi chúng ta muốn dùng lại nhiều query khác loại trong cùng một file.
- Nên tạo div bao bọc mỗi query để tiện cho css.
- Reset query và thêm query thứ 2 như sau:
- Tượng tự reset và add thêm query tiếp theo.
- Thêm tiêu đề cho từng query part trên homepage.
- Khi nào front-page.php được hiển thị bài viết mới nhất.
front-page.php --> home.php --> index.php. Tức là, nếu không có trang front-page bài viết sẽ mặc định hiển thị lên Homepage. Front-page này được setting trong phần Cài đặt - Đọc.
- home.php được set là mặc định cho Blog Page do đó nó thay thế cho các template về content đã tạo ở bài trước.
** Tạo HomePage.
- Tạo front-page.php là template cho Home Page.
- Ta không sử dụng home.php vì sẽ sử dụng template của content cho Blog Page.
- Copy các code tương ứng từ các template như page-actors.php; hay page-trailers.php...đã tạo vào front-page.php để edit.
- Tạo thành phần đầu tiên là Trailer cho Homepage, với số lượng trailer hiển thị là 1 như sau:
* Hàm rewind_posts() và reset_postdata()
- rewind_posts() : Sử dụng khi chúng ta muốn dùng lại query (ví dụ ở đây là trailer) nhưng với thuộc tính khác ví dụ không phải là 'posts_per_page' nữa trong cùng một file.
- rewind_posts() : Sử dụng khi chúng ta muốn dùng lại nhiều query khác loại trong cùng một file.
- Nên tạo div bao bọc mỗi query để tiện cho css.
- Reset query và thêm query thứ 2 như sau:
- Tượng tự reset và add thêm query tiếp theo.
- Thêm tiêu đề cho từng query part trên homepage.
Nhận xét
Đăng nhận xét