Hướng dẫn cài đặt theme nội thất – kiến trúc Theratio – Architecture trên WordPress (Part 2)

Bài viết trước, mình đã hướng dẫn các bạn cách Cài đặt theme lên Web, cách cài đặt Plugin bắt buộc, những Plugin được đề xuất. Bài viết cũng đã hướng dẫn bạn cách nhập dữ liệu demo từ theme. Bài viết này, mình sẽ hướng dẫn các bạn thiết lập những phần cơ bản như Header, Footer, thiết lập trang chủ, Blog,…

1. Tổng quát

1.1 Cài đặt chung

Tùy chọn này sẽ giúp bạn chỉnh sửa tiêu đề và dòng giới thiệu, đồng thời đặt biểu tượng trang web (Biểu tượng Trang web được sử dụng làm biểu tượng trình duyệt và ứng dụng cho trang web của bạn).

Đi tới Giao diện> Tùy chỉnh> Chung> Site Identity để thay đổi tiêu đề, dòng giới thiệu và tải lên biểu tượng trang web của bạn.

1.2 Cài đặt trang chủ

Tùy chọn này sẽ giúp bạn chỉnh sửa trang chủ và trang bài viết trên trang web của bạn.

Đi tới Giao diện> Tùy chỉnh> Chung> Cài đặt Trang chủ  để thay đổi trang chủ và trang bài đăng trên trang web của bạn.

2. Header

2.1 Nội dung Header

Theme này sẽ sử dụng Elementor để tạo Header. Để làm được điều đó, đầu tiên chúng ta đặt Elementor cho trình tạo tiêu đề.

Đi tới Trình tạo tiêu đề, sau đó nhấp vào Chỉnh sửa bằng Elementor để chỉnh sửa Header

Sử dụng các widget trong danh mục Theratio Header để tạo hoặc chỉnh sửa Header.

Sử dụng tùy chọn For Header để thiết lập Header cố định (Header Sticky). (Lưu ý: Tùy chọn này chỉ được sử dụng để tạo trình tạo Header.)

Lưu ý: với Header trong suốt, hãy thay đổi phần màu nền thành tối trước khi xây dựng sau đó xóa nền khi tất cả đã hoàn thành.

2.2 Cài đặt Header

Đi tới Giao diện> Tùy chỉnh> Header để thiết lập.

Nếu bạn muốn tất cả các trang sử dụng cùng một Header: Chọn Header và chọn Header cho tất cả trang web.

Trong trường hợp vẫn còn một trang cụ thể hiện đang sử dụng Header khác, bạn cần xóa Header đó hiện đang được sử dụng trong trang cụ thể.

Thiết lập tiêu đề cho các trang cụ thể:

Chuyển đến trang chỉnh sửa và cuộn xuống phần Cài đặt Đầu trang / Chân trang -> Bố cục Đầu trang và chọn một Header cụ thể hoặc loại bỏ Header hiện đang sử dụng.

2.3 Mega Menu

Đầu tiên, hãy cài đặt plugin “ OT Mega Menu ” cho chủ đề của bạn.

Sau khi kích hoạt plugin, bạn vào “WpAdmin -> Appearance -> Menu” để thiết lập.

Ở mục menu cấp 1, nhấp vào mũi tên ở bên phải mục để hiển thị các tùy chọn cấu hình bổ sung. Nhấp vào nút “Cài đặt” để bắt đầu trình tạo Menu Mega . (Lưu ý:  Bạn chỉ có thể xây dựng Menu Mega ở mục menu cấp 1 )

Chọn mục menu để xây dựng Menu Mega

Chọn menu Mega và chiều rộng của menu Mega

Sử dụng các widget để xây dựng một Menu Mega

Lưu ý: Menu Mega chỉ hiển thị trên thiết bị máy tính để bàn, không hiển thị trên thiết bị di động .

3. Cài đặt đầu trang (Page Header)

Theme này hỗ trợ tiêu đề trang chứa tiêu đề trang, breadcrumb.

Đi tới Giao diện> Tùy chỉnh> Tiêu đề trang để thiết lập nền, tiêu đề trang có chiều cao, tiêu đề trang màu và cỡ chữ…

Thiết lập tiêu đề trang cho các trang cụ thể :

4. Footer

4.1 Nội dung Footer

Tương tự như Header, chúng ta cũng đặt Elementor cho Footer Builder

Vào  Footer Builder> Footer 1 / Footer 2 / Footer 3  chọn để chỉnh sửa nội dung footer.

4.2 Cài đặt Footer

Đi tới Giao diện> Tùy chỉnh> Footer  để thiết lập bố cục Footer và nút quay lại đầu trang.

Nếu bạn muốn tất cả các trang sử dụng cùng một Footer: Chọn Footer và chọn một Footer cho tất cả trang web.

Trong trường hợp vẫn còn một trang đặc biệt đang sử dụng Footer khác, bạn cần xóa Footer đó hiện đang được sử dụng trong trang đặc biệt.

Thiết lập Footer cho các trang cụ thể:

Vào trang chỉnh sửa và cuộn xuống phần Cài đặt Header / Footer -> Bố trí Footer và chọn một Footer đặc biệt hoặc loại bỏ Footer hiện đang sử dụng.

5. Thiết lập trang Blog

5.1 Trang Blog

Theme này hỗ trợ 2 bố cục trang blog: lưới và danh sách.

Đi tới Giao diện> Tùy chỉnh> Blog> Trang blog  để thiết lập.

5.2 Trang đơn

Đi tới Giao diện> Tùy chỉnh> Blog> Bài đăng đơn  để thiết lập.

6. Thiết lập kiểu chữ

Vào  Appearance> Customize> Typography để thay đổi font: body, header (h1-> h6), menu main.

7. Tạo kiểu (Styling)

7.1 Phối màu

Đi tới Giao diện> Tùy chỉnh> Phối màu và chọn bảng màu tùy chỉnh của bạn.

7.1 Thêm CSS tùy chỉnh

Bạn có thể thêm mã CSS tùy chỉnh của mình trong Giao  diện> Tùy chỉnh> CSS bổ sung

Như vậy, qua 2 bài viết mình đã hướng dẫn các bạn cách cài đặt là thiết lập theme Theratio.  Hi vọng 2 bài viết đó sẽ hữu ích và giúp bạn thiết lập và cài đặt được Website của mình 1 cách tốt nhất. Nếu bạn không hiểu hoặc cần hỗ trợ hãy liên hệ trực tiếp hoặc để lại lời nhắn cho chúng tôi. Chúng tôi sẽ giúp bạn giải quyết những vấn đề đó 1 trong thời gian sớm nhất.

Chia sẻ bài viết:
Share on facebook
Share on twitter
Share on google
Share on telegram

157 thoughts on “Hướng dẫn cài đặt theme nội thất – kiến trúc Theratio – Architecture trên WordPress (Part 2)”

  1. Pingback: 3roseate

Leave a Comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *