Bài 3: Hướng dẫn chỉnh trang chủ theme wordpress

0
67

Xin chào tất cả các bạn! Hoclamweb247.com đã quay trở lại rồi đây và ở bài số 3 này mình sẽ hướng dẫn bạn cách chỉnh những theme có sẵn theo ý của mình, đối với những theme free trên mạng thì việc chỉnh là rất khó khăn, nhưng đến với Serie Học WordPress sẽ chỉ cho bạn tất cả những bí quyết đó.

Ở bài số 2 mình đã hướng dẫn xong cách cài theme Truereview và bây giờ những bạn nào chưa mở localhost thì hãy mở lên để bắt đầu thực hành nhé!

Đầu tiên Chỉnh lại giao diện trang chủ

  1. Các bạn mở Wampserver lên truy cập vào đường dẫn: http://localhost/hoclamweb/wp-admin/ Login user + pass để vào quản lý.
  2. Các bạn vào Trang –> Tất cả các trang –> Home –> và chọn chỉnh sửa trang home như hình dưới

3. Sau khi xong ở mục 2 sẽ vào được trang như hình dưới.

  • Các bạn có thể sửa home –> thành Trang chủ cho thành tiếng việt nhé.
  • Các bạn chú ý ở mục số 1 có: Add widget, Add Row, Layouts
  • Mục số 2 là các Add widget mình thêm vào để trình bày trang chủ

3.1 Add widget –> các tùy chọn widget để thêm và co thể kéo thả vào các Row khá tiện lợi.

3.2 Add Row –> Các bạn có thể tự chọn số dòng row để hiển thi bố cục của mình nhé –> Cuối cùng nhấn insert để cài đặt Row

3.3 Layouts.

  • Nhấp vào Trình tạo Layouts bên cạnh tab Add widget, Add Row, phía trên trình chỉnh sửa bài đăng.
  • Nhấp vào nút Theme Defined.
  • Bạn sẽ thấy một trang popup, nhấn vào Home Page bên phải.
  • Nhấp vào Ok khi bạn nhìn thấy cửa sổ bật lên.
  • Bố cục prebuild đã sẵn sàng để sử dụng! Nhưng bạn phải chỉnh sửa từng tuỳ chọn tùy chọn.

4. Loại bố cục layout của theme

Full Width: Hiển thị nội dung trong chế độ toàn chiều hoặc không có thanh bên.

Full Width Narrow: Hiển thị nội dung ở chế độ toàn chiều hoặc không có thanh bên.

Right Sidebar: Hiển thị nội dung với thanh bên ở bên phải.

Left Sidebar: Hiển thị nội dung bằng thanh bên ở bên trái.

Sau khi chỉnh xong nhấn vào nút cập nhập và ra ngoài trang để xem thành quả nhé.

Chúc các bạn thành công! ở bài sau mình sẽ hướng dẫn các bạn tạo trang giới thiệu, chuyên mục và trang liên hệ nhé!

Bình luận của bạn

Bình luận đầu tiên

avatar
wpDiscuz