Sẽ có lúc bạn cần thay đổi một số chi tiết quan trọng trên website nền tảng WordPress của mình như logo, thông tin liên hệ, màu sắc cho một số khu vực,… Để tùy chỉnh hoặc thiết lập mới các chi tiết đó, bạn sẽ cần sử dụng công cụ Theme Options. Vậy, cách dùng Theme Options như thế nào? Nó có phức tạp như phải code hay không? Trong bài viết ngày hôm nay, WebSeo sẽ đưa ra hướng dẫn quản trị Theme Options trong website WordPress. Hy vọng bài viết giúp ích cho bạn!

1. Theme Option WordPress là gì?

Theme Options giúp tùy chỉnh theme WordPress đã kích hoạt

Khác với việc code đầy rắc rối và khó nhằn, với sự hỗ trợ của theme trong website WordPress, bạn có thể lựa chọn những mẫu website với giao diện và bố cục ưng ý nhất. Sau đó, bạn có thể tùy chỉnh lại nội dung, màu sắc và các chi tiết khác trên website mẫu sao cho phù hợp với mục đích của mình. Theme Options chính là một khu vực giúp bạn có thể tùy chỉnh lại theme WordPress đã chọn đó.

Hiện tại, WordPress cung cấp 2 loại theme là miễn phí và có trả phí. Các loại theme miễn phí có giao diện khá đơn giản và thường bạn phải thêm rất nhiều chi tiết để có thể tạo thành một website hoàn chỉnh nếu như muốn cung cấp nhiều nội dung hơn cho người dùng mạng. Với các loại theme có trả phí, bạn có thể thoải mái lựa chọn những giao diện chuyên nghiệp, bắt mắt hơn mà không mất nhiều công sức và thời gian để tinh chỉnh. 

2. Download và cài đặt plugin hỗ trợ Theme Options WordPress

Advanced Custom Fields sẽ giúp bạn quản trị Theme Options một cách đơn giản hơn

Để quản trị Themes Options website WordPress, bạn cần phải nhờ đến sự hỗ trợ của một plugin mang tên Advanced Custom Fields. Tuy nhiên, bạn cần lưu ý là chỉ phiên bản ACF PRO mới giúp bạn thực hiện được chức năng này trong nền tảng WordPress.

Trước tiên, bạn tìm và download plugin ACF PRO rồi giải nén để tải lên thư mục: wp-content/plugins. Nếu không, bạn có thể vào mục Plugin để cài đặt ACF một cách bình thường. 

3. Hướng dẫn quản trị Theme Options trong website WordPress

Bạn cần biết cách quản lý Theme Options để tùy chỉnh giao diện website một cách dễ dàng và tinh gọn hơn. Quản lý Theme Options trong WordPress cũng không quá phức tạp với những chỉ dẫn sau đây: 

3.1. Tạo trang tùy chỉnh website Theme Options 

Cách tạo Theme Options đơn giản hơn bao giờ hết khi bạn chỉ cần dán đoạn code sau vào file functions.php của theme:

1

2

3

4

5

6

7

8

9

if( function_exists('acf_add_options_page') ) {

acf_add_options_page(array(

'page_title'  => 'Theme options', // 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

));

}

Sau đó, vào Theme Options trong trang quản trị để bắt đầu tạo nội dung cho trang tùy chỉnh.

Kích vào Theme Options và bạn thấy chưa có nội dung gì

3.2. Thêm thông tin vào trang tùy chỉnh website

Có 4 bước để bạn hoàn tất việc thêm thông tin vào trang tùy chỉnh này trong Theme Options:

Tạo mới một field sau khi tạo được trang tùy chỉnh bằng ACF

– Bước 1: Kích vào mục “Custom Fields” và “Add new” để tạo mới.

Chọn chức năng cho từng field như logo, liên hệ, email,…

– Bước 2: Tạo chức năng cho từng field trong mục “Add new field group”. Cụ thể là image cho logo và text cho email & address.

Lưu ý chọn vị trí cho trang tùy chỉnh trên website

– Bước 3: Sau khi hoàn tất chọn chức năng, kích vào “Options Page” trong mục Location.

– Bước 4: Kích nút “Đăng bài viết” để hoàn tất. 

3.3. Thêm nội dung vào trang tùy chỉnh và get dữ liệu ra ngoài

Quay trở lại Theme Options để chỉnh sửa nội dung cho trang tùy chỉnh

Để thêm nội dung vào các trang tùy chỉnh này sau khi cài đặt, bạn quay trở về mục Theme Options rồi tiến hành điều chỉnh như bình thường. 

Cuối cùng, để get dữ liệu ra ngoài giao diện website, bạn tiếp tục tiến hành dán các đoạn code sau:

– Cho logo:

1

2
<?php $logo = get_field('logo', 'option'); ?>

<img src="<?php echo $logo; ?>" alt="My website">

– Cho địa chỉ:

PHP

1

2

3

4
<p>

<strong>Địa chỉ:</strong>

<?php the_field('address', 'option'); ?>

</p>

– Cho email:

PHP

1

2

3

4
<p>

<strong>Email:</strong>

<?php the_field('email', 'option'); ?>

</p>

Vậy là bạn đã hoàn tất hết các bước để quản trị trang tùy chỉnh trong Theme Options. Bài viết trên đây đã hướng dẫn quản trị Theme Options trong website WordPress. Hy vọng rằng với các kiến thức trên, bạn hoàn toàn có thể quản trị Theme Options website WordPress một cách dễ dàng và hiệu quả. Chúc bạn thành công!

 

 

 

 

 

 

 

 

Đừng quên đăng ký nhận bản tin nhé !

Hàng tuần Webseo.com.vn sẽ gửi tổng hợp tài liệu Marketing hấp dẫn qua Email của bạn.

Share this post