Thiết kế theme wordpress phần 8

05/01/2014 09:02 50072

Nếu bạn chưa xem phần 7 thì xem theo link dưới đây:

Thiết kế theme wordpress phần 7

Hôm nay chúng ta sẽ bắt đầu chuyển footer html sang footer của wordpress

Hình footer:

• Giới thiệu khóa học làm chủ công nghệ Responsive Design
• Giới thiệu và hướng dẫn sử dụng code xem video haivl
• Dự án ebook thiết kế theme wordpress từ A->Z-Vì một cộng động yêu thích wordpress
• Lý do dự án về Ebook thiết kế theme wordpress ra đời
• Tản mạng về css
• Buổi tảng mạn về jquery
• Buổi tảng mạn về Php, mysql, apache, phpmyadmin, xampp
• Buổi tảng mạn về wordpress
• Kế hoạch html cho theme wordpress
• Thiết lập reset css, body, a cho file style và layout phần header của trang index
• Viết mã html và css cho thanh menu about, nút social network và form tìm kiếm

 

Mã html:

 

Phần thông tin bản quyền chúng ta sẽ sử dụng theme option:

Bạn mở file functions.php lên và thêm vào dòng lệnh sau:

 

Câu lệnh add_option(‘mylove_copyright’, ‘Thông tin bản quyền’) có ý nghĩa sẽ thêm vào bản wp_option một record để lưu các thông tin về bản quyền khi theme vừa cài đặt xong (after_setup_theme), tiếp theo bạn mở file settings.php mà chúng ta đã tạo ra để include, bạn thêm vào:

 

Dòng lệnh update_option(‘mylove_copyright’, $_POST[‘mylove_copyright’]) có nhiệm vụ update các thông tin về bản quyền ở dưới footer

Tiếp theo bạn thêm vào:

Đoạn lệnh trên có nhiệm vụ lấy giá trị của key mylove_copyright ra thành phần của form là textarea

Như vậy chúng ta đã xong phần theme option cho admin wordpress, bây giờ chúng ta sẽ đi gọi nó ra ngoài footer, bạn mở file footer lên và thêm vào echo get_option(‘mylove_copyright’)

 

Hàm get_option lấy giá trị tự bảng wp_option, hàm get_template_directory_uri là lấy đường dẫn của theme hiện tại

Bây giờ chúng ta tận hưởng thành quả nào đăng nhập vào wordpress admin và truy cập vào theme option bạn sẽ thấy:

 

Tạm dừng

(Còn tiếp)