10 Tháng 12, 2016 Tác giả: Thịnh Nguyễn Chuyên mục: WordPress Plugins, WordPress Themes

Cách khai báo gọi plugins OptionTree làm theme option trong wordpress

option-tree

Như ở bài trước Thịnh có giới thiệu qua về plugins OptionTree giúp tạo theme wordpress nhanh chóng và hiệu quả, nhưng mình không có nói rõ khai báo làm sao để gọi được nó và hiển thị nó thành một theme option cụ thể. Đề bù lại cho các bạn dễ hiểu hơn thì ở bài này Thịnh sẽ chia sẻ cụ thể cách khai báo gọi theme option cụ thể sử dụng plugin OptrionTree.

Lưu ý: nếu như bạn đã cài đặt plugin hoặc chưa cài đặt ở bài trước thì đều làm theo các bước sau là nó sẽ hiển thị theme option trong wordpress.

  1. Nếu đã cài thì bạn vào thư mục plugin của wordpress và copy thư mục option-tree sang thư mục tên theme mà bạn đang sử dụng. Ví dụ: tên thư mục theme của mình là themeviet thì mình copy thư mục option-tree sang thư mục themeviet.
  2. Nếu như bài chưa cài đặt thì tải về plugins theme này và sau đó giải nén được thư mục option-tree sau đó copy vào thư mục themeviet như trên.
  3. Tiếp theo bạn tạo một thư mục có tên functions trong theme themeviet.
  4. Bạn đã copy thư mục option-tree sang theme thì bạn vào đương dẫn tiếp theo sẽ là option-tree\assets\theme-mode, bạn copy file demo-theme-options.php trong đó và chuyển nó vào thư mục functions mà bạn tạo ở bước 3.
  5. Bạn đổi tên file demo-theme-options.php thành theme-options.php.
  6. Tiếp đến trong file functions.php của theme bạn khai báo ở đầu với mã lệnh sau
    include_once( 'option-tree/ot-loader.php' );
    include_once( 'functions/theme-options.php' );
    
  7. Bạn lưu lại và vào kiểm tra thành phần theme option.
    theme-option

Như vậy sau khi bạn khai báo đoạn mã trên là nó sẽ hiển thị thành phần “Theme Options“. Việc còn lại là bạ thay đổi file theme-optrion.php sao cho ra được quản trị theme phù hợp với nhu cầu của bạn.

Tác giả: Thịnh Nguyễn

Chuyên gia chia sẻ kiến thức về lập trình, thiết kế web và tối ưu hệ thống server.

Chia sẻ bài viết này:

5 bình luận

  • Lý Đỗ

    30/09/2018 lúc 20:58

    Chào bạn, bạn vui lòng hướng dẫn bằng hình ảnh hoặc video cho mọi người được không? mình thấy mọi người vào đây là dân mù công nghệ nên chép mã vào theme và khai báo không biết ở chỗ nào. bạn có thể hướng dẫn chi tiết. mình cũng đang rất bí vì đến đoạn theme thì không có theme options. Đã tải về option tree về nhưng không biết và không hiểu làm gì tiếp theo. Giúp đỡ nhé
    Thanks

  • minh

    17/02/2017 lúc 15:21

    bài viết khá khó hiểu ở bước 4 b nói cop cái gì vào theme mod đó b nhỉ

    • Thịnh Nguyễn

      17/02/2017 lúc 15:24

      Mình đã chỉnh lại một số từ bạn có thể đọc lại dễ hiểu hơn

  • Nguyễn Phước Thiện Ân

    10/12/2016 lúc 23:02

    em chào anh, cho em hỏi wordpress có thể cài đặt plugin từ CMS ngoài không ạ? ví dụ như plugin search nếu anh biết xin anh cho em một gợi ý để tìm hiểu ạ, cám ơn anh

    • Thịnh Nguyễn

      11/12/2016 lúc 14:49

      Được bạn nhé, bạn hoàn toàn có thể, miễn sao plugins đó có trên kho plugin của wordpress hoặc đảm bảo bạn viết theo đúng chuẩn quy tắc

Để lại bình luận của bạn

Địa chỉ email của bạn sẽ không được công bố rộng rãi. Các trường bắt buộc được đánh dấu *

Bài viết liên quan

Hướng dẫn tạo trang liên hệ với Contact Form 7

Nếu như website của bạn đang sử mã nguồn mở wordpress thì đó là điều tuyệt vời và hơn hết là các trang web hiện nay đều có form liên hệ giúp người truy cập dễ liên hệ với bạn. Ví dụ như có một khách hàng truy cập tới website của bạn trong khi […]

Xem chi tiết →

Sử dụng do_shortcode để hiển thị shortcode của Contact Form 7

Xin chào tất cả các bạn, bữa nay Thịnh rảnh rỗi chia sẻ với các bạn cách hiển thị được shortcode của contact form 7 trên bất kỳ vị trí nào của site. Như các bạn đã biết Contact Form 7 là một plugins khá nổi tiếng dành cho wordpress. Sở dĩ nó nổi tiếng […]

Xem chi tiết →

Tổng hợp Plugin SEO WordPress tốt nhất dành cho website

WordPress là một trong những mã nguồn mở dùng để thiết kế web tốt nhất hiện nay với mức độ phổ biến khá rộng rãi trong cộng đồng mã nguồn mở và đứng đầu về mảng web. Chính vì vậy mà kho plugin, themes của nó khá đồ sộ cho chúng ta lựa chọn tùy […]

Xem chi tiết →