Hoàng Luyến

Hoàng Luyến

Administrator

Bài 22: Tùy biến theme đơn giản với Customize


Bkasoft.net – Với tính năng Customize trong WordPress này website của bạn có thể tùy chỉnh màu sắc, tên, chuyên mục,… theo ý các bạn. Xem hướng dẫn tại đây nhé!

Các bước tùy biến theme với Customize:

Bước 1: Mở cửa sổ Customize

  • Với cài đặt phiên bản tiếng Anh: Bạn vào Appearance > Customize (Hình 1)
  • Với cài đặt phiên bản tiếng Việt: Bạn vào Giao diện > Tùy chỉnh  (Hình 2)
    bai-20-tim-hieu-khu-vuc-appearance-trong-wordpress1
    Hình 1. Các bước tùy biến Theme với Customize trên phiên bản tiếng Anh.
    bai-20-tim-hieu-khu-vuc-appearance-trong-wordpress2
    Hình 2. Các bước tùy chỉnh giao diện trên phiên bản tiếng Việt.

Bước 2: Tùy chỉnh giao diện website với các tính năng

  • Ở phiên bản tiếng Anh
    bai-20-tim-hieu-khu-vuc-appearance-trong-wordpress4
    Hình 3. Cửa sổ tùy chỉnh giao diện (phiên bản tiếng anh)
    Hướng dẫn:
    Ở hình 3, bạn nhấp vào dấu mũi tên để xem và sửa từng mục của phần Customize.

    + Site Title & Tagline (Tiêu đề và mô tả site ): đây là nơi viết tiêu đề trang và khẩu hiệu mô tả hiển thị ở đầu trang. (Hình 3)

    + Colors: Là tính năng điều chỉnh màu sắc bạn có thể tham khảo các thông tin dưới đây

    • Base Color Scheme: Bảng phối màu cơ bản.
    • Background Color: Màu nền.
    • Header and Sidebar Text Color: Màu chữ trong tiêu đề và sidebar.
    • Header and Sidebar Background Color: Màu của tiêu đề và màu nền của Sidebar.

    + Header Image: là ảnh phần đầu trang. Bạn có thể Add new image (Thêm hình ảnh mới) hoặc thay ảnh khác nếu bạn muốn.

    + Background Image: tính năng cho phép bạn đặt hình nền cho website.

    + Widgets: gồm các Widgets Area giúp bạn thêm các  Seach, Recent Posts, Recent Comment, Archives,… để chúng hiển thị trên sidebar

    + Static Front Page: là tính năng hiển thị một trang chủ tĩnh  hoặc các Page được tạo ra như bạn đã học ở bài 12. ở đây bạn có thể chọn Your latest posts (hiển thị bài viết mới nhất) hoặc A static page (Trang tĩnh) theo Front page và Posts page.

  • Ở phiên bản tiếng Việt
    bai-20-tim-hieu-khu-vuc-appearance-trong-wordpress3
    Hình 4. Tính năng tùy chỉnh giao diện (phiên bản tiếng việt)
    Tương tự như phiên bản tiếng Anh bạn cũng vào từng mục chỉnh sửa và thay đổi tùy theo giao diện bạn đang cài đặt.

Lời kết.

Học xong bài học này, bạn đã có thể tự tùy biến theme cho giao diện bằng WordPress và chọn các màu sắc, hình nền,… cho giao diện website của bạn. Ở bài học tiếp theo mình sẽ hướng dẫn các bạn Cách cài đặt theme WordPress các bạn đón đọc nhé. Cảm ơn các bạn đã theo dõi bài học này.

tuy-bien-theme-don-gian-voi-customize

Bài 22: Tùy biến theme đơn giản với Customize

( Case Study hướng dẫn sử dụng WordPress )

—oOo—

« Bài 21: Hướng dẫn Menu trong WordPress Học WordPress

Bài 23: Cách cài đặt theme WordPress »


Tác giả: Hoàng Luyến

Bài 22: Tùy biến theme đơn giản với Customize
Đánh giá bài viết


11 Bình luận

Viết bình luận
  1. Tháng Tư 21, 01:09 Hoa Ngọc

    Giờ thì mình đã hiểu Tùy biến Theme là thế nào rùi, cảm ơn Ad đã đăng bài này!

    Bình luận
  2. Tháng Tư 27, 01:15 Trang Nami

    Bạn ơi tính năng Customize là như nào vậy!

    Bình luận
  3. Tháng Năm 09, 01:13 Trang Trần

    Minh muon thay doi mau sidebar thì lam ntn ak b?

    Bình luận
    • Tháng Năm 09, 01:16 Nguyễn Thủy

      Chào Trang. Bạn vào Appearance(giao diện) > Customize(tùy chỉnh) > Colors > Header and Sidebar Text Color: Màu chữ trong tiêu đề và sidebar và bạn có thể chọn màu theo mong muốn

      Bình luận
  4. Tháng Năm 11, 08:10 Trâm

    Cho mình hỏi: Phần Static Front Page của mình không thấy hiện lên, chỉ tới phần Widgets là hết. Dù mình đã ấn lưu phần thay đổi theme nhưng khi xem thì không có gì thay đổi hết. Có phải do mình lỡ chọn là trang tĩnh nên mới không thay đổi được không?

    Bình luận
  5. Tháng Sáu 02, 00:39 Mỹ Mỹ

    muốn thay đổi ảnh đầu trang cũng vào phần này ak bạn?

    Bình luận
  6. Tháng Sáu 02, 00:46 Thành Nguyễn

    Cậu ơi sao tớ không thay đổi được colors trong phần tùy chỉnh theme này 🙁

    Bình luận

Viết bình luận

Tất cả bình luận

Thật tuyệt vời nếu bài viết này nhận được ý kiến của bạn. *

SEO