ĐĂNG TIN
logo
Online:
Visits:
Stories:
Profile image
Tác giả: fcwordpress
Trang tin cá nhân | Bài đã đăng
Lượt xem

Hiện tại:
1h trước:
24h trước:
Tổng số:
Thiết kế theme wordpress phần 6
Thursday, December 26, 2013 8:42
% of readers think this story is Fact. Add your two cents.


Nếu chưa xem phần 5 thì xem theo link dưới nhé bạn:

Hôm nay chúng ta sẽ đi tìm hiểu về theme option và searchform:

Bạn nhìn vào ảnh thấy đơn giản đúng không nào, tuy nhiên việc mà chúng ta làm thì không phải ít đâu, tôi xin nói sơ qua các công việc làm để tạo một phần như hình vẽ trên, các nút rss, nút mạng xã hội là chúng ta sử dụng theme option đẻ lưu các url về rss về mạng xã hội, còn cái hộp tìm kiếm chúng ta sẽ sử dụng chức năng searchform của wordpress

Mã html của hình trên là:

Tạo menu tên là Theme option gắn vào wordpress admin, để làm việc này bạn mở file functions.php lên và gõ vào các lệnh dưới đây:

Tôi xin giải thích các dòng lệnh bênh trên:

  • Hàm mylove_add_options: là hàm tôi khai báo dùng để lưu các options mặc định khi theme được cài đặt
  • Hàm add_option: là làm tạo một option mới với tên và giá trị mặc định để lưu vào cơ sở dữ liệu
  • add_action( ‘after_setup_theme’, ‘mylove_add_options’ ): chỉ đơn giản là thực hiện hàm mylove_add_options (hàm do chúng ta khởi tạo) ngay sau khi theme được cài đặt xong
  • create_menu: là hàm tôi khai báo
  • add_menu_page: là hàm có nhiệm vụ tạo menu, tham số đầu tiên của hàm là tạo một tiêu đề trên thanh tiêu đề, tham số thứ hai là tạo một mục menu ở đây là theme option, tham số thứ 3 là quyền để có thể thực hiện tác vụ này, tham số thứ 4 là một tham số trên url, phần bôi đỏ như hình dưới đó bạn

tham số thứ 5 là hàm cần thực hiện ở đây là mylove_theme_option, tham số thứ 6 là icon của menu, nếu bạn để trống nó sẽ sử dụng icon mặt định của wordpress, ở đây chúng ta để trống (phần đóng khung đỏ như hình ở dưới) 

tham số thứ 7 là vị trí hiểm thị menu, bạn có thể tham khảo bản vị trí dưới đây

  • add_action(“admin_menu”,’create_menu’): là một action (hành động) của hook admin_menu thì thực hiện cái hàm create_menu ( tạo menu)
  • function mylove_theme_option(){
    include “settings.php”;
    }

đây chỉ là một hàm include (bao hàm) file settings.php

Bây giờ chúng ta sẽ đi tìm hiểu tiếp file settings.php (file này bạn tạo file mới ngang hàng với file functions.php và gõ các lệnh sau vào)

Tùy chỉnh
Cập nhật tùy chỉnh
Rss
Facebook
Twitter
Google +

Tôi xin giải thích sơ qua các lệnh bên trên, khi một hành động submit, ở đây chúng ta đặt tên là cập nhật được thực hiện thì biến $_SERVER['REQUEST_METHOD'] kiểm tra xem có phải xem có phải là một hành động post không nếu có thì thực hiện các update_option do người dùng nhập và các lệnh dưới chỉ là form mã html (bạn tự tìm hiểm nha), ở đây tôi chỉ đơn cử một trường hợp để bạn hiểu

mỗi khi chúng ta click vào theme option thì chúng ta sẽ lấy giá trị của từng option đã khởi tạo lúc vừa mới cài đặt theme và in giá trị ra value của input text

Mỏi tay quá đi…

(Còn tiếp…)

Tin nổi bật trong ngày
Tin mới nhất

Register

Newsletter

Email this story

If you really want to ban this commenter, please write down the reason:

If you really want to disable all recommended stories, click on OK button. After that, you will be redirect to your options page.