THỦ THUẬT WORDPRESS
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
Dự án mới của mình là gamehow.net, mời anh em ghé thăm và góp ý ạ.

Cách tùy biến theme WordPress căn bản cho người mới bắt đầu

Trong bài này mình sẽ hướng dẫn cách tùy biến theme WordPress bằng cách sử dụng các công cụ như Menus - Widgets - Customize Theme Editor có sẵn trong WordPress.

Khi [cài đặt WordPress trên Hosting] xong thì bạn có thể cài đặt theme để public website được rồi đấy. Tuy nhiên, trong quá trình sử dụng theme thì có lúc bạn sẽ cần tùy biến giao diện của nó, lúc này bạn có thể sử dụng những công cụ mà mình hướng dẫn dưới đây.

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

tuy bien theme wordpress jpg

1. Tùy biến theme WP với Widgets trong WordPress

widgets JPG

Trong Wordpress, widgets là tập hợp những khối dữ liệu (block) mà người dùng có thể bổ sung vào giao diện website một cách tùy biến. Họ có thể thêm widget và xóa widget ra khỏi vị trí được chỉ định.

Mỗi widget thường sẽ hiển thị ở một hoặc nhiều phần giao diện nào đó của theme. Ví dụ bên sidebar có nhiều widgets như:

  • Widget Category hiển thị danh sách chuyên mục
  • Widget Calendar hiển thị ngày tháng
  • Widget Latest Post hiển thị bài viết mới nhất ...

Mỗi theme WordPress sẽ được lập trình viên chỉ định những vị trí mà bạn có thể thêm các widget và ta tạm gọi nó là Position Widget. Ví dụ:

  • Theme Twenty NineteenVersion có một vị trí mà bạn có thể thêm widget đó là footer.
  • Theme GeneratePress có 10 vị trí bạn có thêm widget gồm: Right Sidebar, Left Sidebar, Footer, Top Bar, ...

Widget không phải do WP sinh ra mà nó do lập trình viên tạo ra, mục đích là giúp người dùng có thể tùy biến giao diện website một cách đơn giản.

Để biết cách sử dụng Widget thì bạn hãy tham khảo video dưới đây nhé.

[đang bổ sung video]

2. Tùy biến theme WP với menu của WordPress

menus JPG

Công cụ quản lý menu trong WordPress giúp bạn tùy chỉnh các item của menu hiển thị trên website. Bằng cách sử dụng function register_nav_menu và đăng ký trong action init giúp lập trình viên tạo ra những vị trí đặt menu (position) trên theme.

Vì vậy, tùy vào mỗi theme mà có những vị trí đặt menu khác nhau, và tất cả các vị trí đều được thấy trong công cụ Menu Manager của WordPress.

Để vào phần quản lý menu thì bạn truy cập vào Appearance -> Menus.

[đang bổ sung video]

3. Tùy biến giao diện với công cụ Customize của WordPress

Trong WordPress, Customize là công cụ giúp bạn tùy biến giao diện của theme một cách tuân thủ nhất, nghĩa là những gì bạn thay đổi sẽ được lưu trữ trong database chứ không đụng chạm gì đến code.

cusstomize JPG

Tùy theo theme và plugin mà sẽ có nhưng thông số khác nhau. Ví dụ trong theme GeneratePress thì bạn có thể tùy chỉnh màu nền (background), màu sắc và font chữ (font và typography), margin và padding. Khi bạn cài plugin [SEO By Yoast] thì trong này cũng có thêm một mục tùy chỉnh cấu hình cho SEO.

Để vào phần Customize của WP thì bạn vào phần Appearance -> Customize.

[đang bổ sung video]

4. Tùy biến giao diện bằng công cụ Theme Editor

theme editor JPG

Theme Editor nói là công cụ nhưng cũng không phải là công cụ, bởi bản chất của nó là bạn sẽ mở các file trong theme và chỉnh sửa trực tiếp trên đó, chính vì vậy nó chỉ dành cho những người biết lập trình PHP / HTML / CSS nói riêng và WordPress nói chung.

Tài liệu tham khảo cho phần này:

Tốt nhất bạn hãy tham khảo video này để biết cách nhé, và đừng quên tham khảo thêm series lập trình WordPress để biết thêm những thuật ngữ mới.

[đang bổ sung video]

Trên là tổng hợp 4 cách tùy biến giao diện theme WordPress từ cơ bản đến nâng cao dành cho những người đam mêm với CMS phổ biến nhất hiện nay này. Tùy vào khả năng của bản thân mà chọn phương pháp cho phù hợp nhé.

Ngoài những cách trên thì bạn cũng có thể sử dụng những plugin page builder như: Elementor, Beaver Builder, Divi Builder ,Thrive Architect, SiteOrigin Page Builder. Chúc bạn thành công!

Cùng chuyên mục:

Cập nhật nhanh 3 bí kíp thiết kế web đẹp mới nhất 2021

Cập nhật nhanh 3 bí kíp thiết kế web đẹp mới nhất 2021

Sở hữu website đẹp, hấp dẫn và chuyên nghiệp là điều mà ...

Dịch vụ cài đặt blog bằng WordPress miễn phí

Dịch vụ cài đặt blog bằng WordPress miễn phí

Website là một công cụ không thể thiếu khi bán hàng online, nó giúp ta…

Bài 06: Tạo trang quản lý Options trong WordPress

Bài 06: Tạo trang quản lý Options trong WordPress

Ở bài trước mình có nêu ra một ví dụ về quản lý thông tin…

Bài 05: Options API trong WordPress: add_option / get_option ...

Bài 05: Options API trong WordPress: add_option / get_option ...

Trong database của WordPress bạn sẽ thấy một table ten là [prefix]_options, table này sẽ…

Bài 04: Tìm hiểu Hooks , Action và Filter trong WordPress

Bài 04: Tìm hiểu Hooks , Action và Filter trong WordPress

Bạn đã từng nghe khái niệm lập trình hướng sự kiện trong các Framework như…

Bài 02: WordPress API là gì? Danh sách API trong WordPress

Bài 02: WordPress API là gì? Danh sách API trong WordPress

Đáng lẽ mình không viết bài này nhưng lúc đang viết bài tiếp theo thì…

Hướng dẫn làm website WordPress chạy tiếp thị liên kết với AT

Hướng dẫn làm website WordPress chạy tiếp thị liên kết với AT

Ngày nay, công nghệ ngày càng phát triển dẫn đến khái niệm [tiếp thị liên…

Tổng hợp mã CSS thường dùng để tùy biến theme WordPress

Tổng hợp mã CSS thường dùng để tùy biến theme WordPress

WordPress là một CMS dùng để làm website rất phổ biến, hay nói chính xác…

Đánh giá GeneratePress - Cách sử dụng theme GeneratePress

Đánh giá GeneratePress - Cách sử dụng theme GeneratePress

Nếu bạn đang muốn tìm kiếm một theme với các tiêu chí nhẹ, nhanh và…

Làm blog cá nhân bằng WordPress với theme GeneratePress

Làm blog cá nhân bằng WordPress với theme GeneratePress

Thời gian qua chắc hẳn bạn đã nghe đến theme GeneratePress rồi phải không nào?…

Cài đặt WordPress trên localhost

Cài đặt WordPress trên localhost

WordPress được lập trình bằng ngôn ngữ PHP và sử dụng MySQL để lưu trữ,…

Bài 01: WordPress là gì? Nên làm website bằng WordPress?

Bài 01: WordPress là gì? Nên làm website bằng WordPress?

WordPress là một CMS được phát triển trên ngôn ngữ lập trình PHP ...

Tặng license theme Generatepress khi mua Hosting Tinohost

Tặng license theme Generatepress khi mua Hosting Tinohost

Chào các bạn, hiện nay WordPress đang trở thành một phổ biến nhất thế giới,…

12 Wordpress plugin tốt nhất nên dùng cho website WordPress 2021

12 Wordpress plugin tốt nhất nên dùng cho website WordPress 2021

Bạn vừa tạo một blog WordPress mới và đang phân vân không biết nên chọn…

Bài 12: Custom Taxonomy  trong WordPress

Bài 12: Custom Taxonomy trong WordPress

Bài trước mình đã hướng dẫn bạn tạo một thể loại bài viết mới bằng…

Bài 11: Tạo Custom Post Type trong WordPress

Bài 11: Tạo Custom Post Type trong WordPress

Đây là các thể loại mặc định có sẵn sau khi bạn cài đặt WordPress.…

Bài 10: Hiển thị metadata ngoài frontend

Bài 10: Hiển thị metadata ngoài frontend

Sẵn có bạn hỏi làm thế nào để hiển thị nội dung bài viết ra…

Bài 09: Bốn bước custom Meta Boxes trong WordPress

Bài 09: Bốn bước custom Meta Boxes trong WordPress

Tới bài thứ chín này thì khái niệm Custom Meta Boxes không còn xa lạ…

Bài 08: Metadata API trong WordPress

Bài 08: Metadata API trong WordPress

WordPress sử dụng mô hình EAV nhằm giúp lập trình viên có thể tùy biến…

Bài 07: Custom Meta Boxes trong WordPress

Bài 07: Custom Meta Boxes trong WordPress

WordPress là một CMS nên hệ thống dữ liệu của nó chỉ dừng lại ở…

Top