Bài 9 phần 1 - Thay đổi giao diện trang web của bạn sử dụng tính năng Themes của công cụ Appearance

Bạn đã biết cách đăng bài viết (Post), tạo các trang (Page), sử dụng các file đa phương tiện trong các bài viết. Và giờ, bạn sẽ cần tìm hiểu cách thay đổi giao diện website của bạn bằng cách sử dụng công cụ Appearance trong trang quản trị Wordpress.

Tại trang admin WordPress, bạn chọn công cụ Appearance với các tính năng:

  •  I. Themes: Quản lý, thêm mới, thay đổi và tùy chỉnh giao diện wordpress
  •  II. Customize: Tùy chỉnh giao diện trang web
  •  III. Widgets: Các tính năng được cung cấp bởi Wordpress. Bạn có thể chèn Widget vào các vị trí có sẵn trên Website.
  •  IV. Menus: tạo các menu
  •  V.Header: Thay đổi các tùy chọn trong header của Website WordPress.
  •  VI. Editor: chỉnh sửa mã nguồn 

Mình sẽ trình bày chi tiết từng tính năng của công cụ Appearance.

I. Themes

1. Add New: Thêm mẫu giao diện mới 

2. Search installed themes: tìm kiếm giao diện đã cài đặt trong máy 

3. Active: Giao diện được chọn làm giao diện hiện tại cho trang web của bạn.

3.1- Customize: Tùy chỉnh giao diện hiện bạn đang sử dụng cho trang web

4. Với các mẫu giao diện bạn đã cài đặt (ngoại trừ giao diện hiện tại bạn đang dùng ở trên):

4.1- Activate: Chọn mẫu giao diện này sử dụng cho trang web của bạn

4.2- Live Preview: Xem trước xem trang web của bạn trông sẽ như thế nào nếu sử dụng giao diện này.

Bắt đầu tìm hiểu tính năng 1. Add new: Thêm mới mẫu giao diện

Khi bạn chọn Add New, bạn sẽ thấy ở màn hình hiển thị:

a. Search

Tìm kiếm và cài đặt gói giao diện mới trực tiếp trong trang quản trị. Thường được sử dụng khi bạn biết tên gói giao diện bạn đang tìm kiếm.

Bạn nhập chính xác từ (hoặc cụm từ) có trong tên giao diện bạn cần tìm vào ô tìm kiếm > Nhấn Search.

b. Feature Filter

Bạn có thể sử dụng bộ lọc để lọc các kết quả tìm kiếm bằng cách đánh dấu vào các ô trống > Nhấn Find Themes.

Colours - lọc các mẫu giao diện có màu sắc chính

  • Black - màu đen
  • Green - Xanh lá
  • ....

Columns - lọc các mẫu giao diện có số cột

  • One Column - một cột
  • Two Column - hai cột
  • ...

Layout - lọc các mẫu giao diện được sắp xếp

  • Fixed Layout - sơ đồ bố trí cố định ( các vị trí trên trang web được cố định theo đơn vị pixel).

  • Fluid Layout - sơ đồ bố trí di động (các vị trí trang web có thể thay đổi phụ thuộc vào độ phân giải màn hình)

  • Responsive Layout - Sơ đồ bố trí hiển thị phù hợp với từng thiết bị ( laptop, điện thoại, máy tính bảng).

Bạn cũng có thể lọc một số chủ đề phù hợp tại khu vực Features, Subject.

Ví dụ:

  • Bạn cần tìm một trang web có màu đen là chủ đạo, được bố trí thành 3 cột và hiển thị phù hợp với các thiết bị > Bạn đánh dấu vào các ô Black, Three Columns, Responsive Layout

  • Nhấn Find Themes để bắt đầu lọc tìm các mẫu giao diện.

Bạn sẽ được chuyển sang thẻ Search Results hiển thị các kết quả. 

  •  Trong ô Search Results, bạn thấy trong ô Search hiển thị : black,three-columns,responsive-layout tương ứng với những đánh dấu vào các mục Black, Three Columns,Responsive Layout

Chú ý:

Bên dưới mỗi mẫu giao diện có các nút Install, Preview và Details.

  • Install Now: cài đặt mẫu giao diện vào thư viện giao diện trên trang web của bạn.
  • Preview: xem trước xem trang web của bạn trông sẽ thế nào nếu sử dụng mẫu giao diện đó
  • Details: Thông tin chi tiết về mẫu giao diện đó.

Bạn vui lòng xem tiếp nội dung ở trang sau


Ngôn ngữ

Hải sản Vân Đồn

Chuyên mục Tùy biến giao diện WordPress

TÌM KIẾM

Chuyên mục Thủ thuật WordPress

SINH NHẬT 5 - TRIỆU BẤT NGỜ