Tạo Theme Option với Advanced Custom Fields PRO WordPress

Tạo Theme Option với Advanced Custom Fields PRO WordPress – Loanh quanh trên mạng có rất nhiều bài hướng dẫn tạo theme option cho wordpress. Nhưng Tòn tin chắc ít bác nào làm được theo hướng dẫn. Vì có bài hướng dẫn đòi hỏi code các hàm quá nhiều. Và ngay dưới đây là bài hướng dẫn của Tòn mời 500 anh em cùng xem.

Tạo theme option cho WordPress

Vì tránh các trường hợp khách hàng đòi hỏi tự chỉnh logo, hotline,…thì việc áp dụng chức Theme Options cho website wordpress giúp khách hàng dễ dàng thay đổi là điều cần thiết. Vậy để làm được như vậy bạn tìm hiểu cách tạo Options cho Theme bằng plugin Advanced Custom Fields PRO.

Các bước thực hiện thiết lập theme option đơn giản 

Bước 1: Cài đặt plugin Advanced Custom Fields PRO

Chú ý: Phải sử dụng bản Pro thì mới có chức năng Theme Options nhé!

Link tải: http://www.mediafire.com/file/qpi5mlno3ier9he/advanced-custom-fields-pro.zip/file

Pass giải nén xem bài viết Bảng giá SEO Cam Lâm và nhập số điện thoại ở tiêu đề thông tin liên hệ.

Bước 2: Tạo trang tùy chỉnh website theme options

Sau khi tải và cài đặt plugin chúng ta sẽ tạo trang trong options cho theme. Để tạo trang option bạn cần khai báo hàm code dưới đây vào file functions.php 

/**
 * Tạo theme options khi có Advanced Custom Fields PRO
 */
if( function_exists('acf_add_options_page') ) {
    acf_add_options_page(array(
        'page_title' 	=> 'Cam Ranh Media - Option', // Title hiển thị khi truy cập vào Options page
        'menu_title'	=> 'Theme Options', // Tên menu hiển thị ở khu vực admin
        'menu_slug' 	=> 'theme-settings', // Url hiển thị trên đường dẫn của options page
        'capability'	=> 'edit_posts',
        'redirect'	=> false
    ));
}

=> Giờ đây bạn quay lại trang admin và nhấn F5 sẽ thấy kết quả. Còn đối web nào dùng cache thì nhấn Ctrl+f5 nhé!

Bước 3: Tạo nội dung vào Theme Option

Ví dụ: Giờ Tòn cần tạo các chức năng sau đây:

  • Thêm sửa họ và tên
  • Thêm số Hotline
  • Thêm sửa địa chỉ

Sau đây chúng ta sẽ thực hiện việc thêm nội dung bằng cách sử dụng plugin ACF.

Tạo Theme Option với Advanced Custom Fields PRO WordPress

Bước 4: Get dữ liệu ra ngoài website

+ Sau khi bạn tạo các Field như hình trên và quay lại trang Theme Option nhập dữ liệu và update lại.

+ Tiếp theo Tòn sẽ get dữ liệu ra bên ngoài bằng các hàm dưới đây hoặc các bạn xem bài viết Hàm get Advanced Custom Fields hiển thị bên ngoài

<?php
   the_field({field_name}, 'option');
?>

{field_name} là tên field khi chúng ta tạo các field nhé.

//Gọi field bình thường : 
<?php the_field('xxx') ?>

//Gọi field thuộc Theme Option : 
<?php the_field('xxx', 'option') ?>

Với plugin Advanced Custom Fields PRO thì ngoài việc tạo options được các trường cơ bản như:

+ image

+ text

+ textarea,

+ date

+ (…)

Bạn còn có thể options nhiều thứ như: gallery, google map, reapeat content …Chúc các bạn thành công.

Xem thêm: Dịch vụ seo uy tín Nha TrangDịch vụ seoThiết kế web

Xem chi tiết