Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Wordpress Tips > Hướng dẫn thiết kế theme wordpress – File Footer
Hướng dẫn thiết kế theme wordpress – File Footer
Nguyễn Trung Hiếu
Share Code Web Company 2014

Hướng dẫn thiết kế theme wordpress – File Footer

Chào các bạn,file footer cũng là một file khá là quan trọng trong wordpress, nó giúp chúng ta có thể tùy biến thêm các vùng hiển thị như dạng chân trang là 2 cột, 3 cột hay thông tin đơn vị chủ quan cho một trang web. Và bài hôm nay chúng ta sẽ học cách tùy biến phần footer này trong wordpress

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

  • Một bộ code editor
  • Một trình duyệt để test thành quả
  • Một phần mềm chỉnh sửa ảnh, có thể sử dụng ngay Paint trong window
  • Nếu bạn sử dụng localhost, thì cần cài thêm một số server ảo như EasyPHP, XAMPP….
  • Nếu bạn không có quyền truy cập thằng vào host, thì cần có một account FTP để upload code.

Trong bài viết này, tôi sẽ hướng dẫn bạn thêm 4 widget vào phần footer, tạo ra một trang web có chân trang gồm 4 cột sử dụng widget API

Đăng ký Widget Area với functions.php

Để theme có thể nhận widget trong admin, chúng ta cần phải khai báo với wordpress thông qua file functions.php. Bạn mở file functions.php lên, sau đó tìm wptutsplus_widgets_init() và theme đoạn code sau

Sau khi đăng ký xong, bạn vô Admin -> Appearance -> Widgets sẽ thấy xuất hiện wordpress đã nhận 4 widget của chúng ta, nhưng đây chỉ giúp nhận trong Admin thôi, chứ trong file footer.php của chúng ta chưa có gì cả, nên điều hiển nhiên nó sẽ chằng xuất hiện cái gì ra bên ngoài 😀
footer widget

Thêm Widget vào file footer.php

Bạn mở file footer.php và tìm đoạn code sau

Và thay bằng một đoạn ngắn hơn như sau

Ngoài ra, bạn có thể thêm một số thứ nhỏ nhỏ bên dưới chân trang như phần copyright, đơn vị chủ quản….

Móc nối file footer.php với theme của chúng ta

Trong file footer.php trước thẻ < /body> chúng ta thêm dòng sau

Và cuối cùng là save lại

Download code

Như vậy là chúng ta đã lấy xong toàn bộ nội dung của bài viết trong database rồi đấy.

Related Posts

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}