Trang chủ WordpressWordpress Development [Lập trình theme WordPress] Viết code cho footer.php

[Lập trình theme WordPress] Viết code cho footer.php

bởi Thạch Phạm
0 bình luận 11,5K views

Tham gia nhóm hỗ trợ WordPress

Tham gia nhóm Hỗ trợ Server - Hosting & WordPress để cùng nhau hỏi đáp và hỗ trợ các vấn đề về WordPress, tối ưu máy chủ/server.

Tham gia ngay
Bài này thuộc phần 5 của 20 phần trong serie Lập trình theme WordPress



Ngay sau khi tiến hành viết code cho file header.php trong theme của mình, thì việc tiếp theo mình khuyến khích các bạn nên làm là hãy viết code cho file footer.php trong theme. Sở dĩ chúng ta nhảy từ header.php đến footer.php như vậy là vì hai file này có liên quan mật thiết với nhau trong các thẻ HTML. Ví dụ ở trong file header.php, chúng ta đã khai báo thẻ <body> nhưng chưa có </body>, và cái thẻ đóng </body> đó chúng ta sẽ làm ở file footer.php này.

Cũng giống như header.php, footer.php là file mà sau này chúng ta sẽ làm cho nó hiển thị ở mọi trang.

Trước tiên, bạn nên mở file index.php ra, viết thêm get_footer() thành giống như thế này:

<?php get_footer(); ?>

Coi như bây giờ file index.php của chúng ta sẽ chỉ có hai dòng này.

Khuyến mãi Black Friday

<?php get_header(); ?>

<?php get_footer(); ?>

Bắt đầu code cho footer.php

Hãy nên nhớ rằng, ở file header.php bạn viết thẻ mở nào mà chưa đóng thì nó sẽ được đóng ở file footer.php.

Chẳng hạn như trong file header.php, chúng ta có mở thẻ <body>, <html> và thẻ <div class=”container”> đều chưa được đóng, vậy thì bây giờ chúng ta sẽ viết thẻ đóng cho nó ở file footer.php kèm cái hook wp_footer() như sau:

[html]
</div> <!–end #container –>
<?php wp_footer(); ?>
</body> <!–end body–>
</html> <!–end html –>
[/html]

Cũng giống như wp_head(), hook wp_footer() là giúp cho WordPress nhận ra đâu là phần footer của trang web để một số plugin có thể hook vào và làm được những việc nó muốn.

Nhưng footer vậy có vẻ đơn giản quá, chúng ta ghi một dòng copyright cho nó hoành tráng nha.


<footer id="footer">
<div class="copyright">
© <?php echo date(‘Y’); ?> <?php bloginfo( ‘sitename’ ); ?>. <?php _e(‘All rights reserved’, ‘thachpham’); ?>. <?php _e(‘This website is proundly to use WordPress’, ‘thachpham’); ?>
</div>
</footer>
</div> <!–end #container –>
<?php wp_footer(); ?>
</body> <!–end body–>
</html> <!–end html –>

Giờ thì trang chủ website của chúng ta có thêm “thành viên” mới là Footer rồi. :D

laptrinhtheme-finish-footerLời kết

Đây có thể nói là bài ngắn nhất trong serie vì file footer.php thường thì chúng ta rất ít làm gì, ngoại trừ bạn muốn làm cho nó phức tạp hơn như chèn sidebar, menu này nọ nhưng serie này là làm theme đơn giản nên mình loại bỏ hết mấy cái không cần thiết đi.

Ở bài tiếp theo, chúng ta sẽ tiến hành viết code cho index.php nhé.

2.7/5 - (3 bình chọn)
0 bình luận

Có thể bạn quan tâm

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.