Hướng dẫn sử dụng Theme GoodWine
Hướng dẫn sử dụng Theme GoodWine
Tác giả chinhnv - 22/09/2019

Bắt đầu nhanh

Sau khi kích hoạt chủ đề và nhập nội dung demo, chúng tôi đã sẵn sàng để bắt đầu với các cài đặt chủ đề cơ bản như tiêu đề trang web, khẩu hiệu, logo, favicon, v.v.

Để thay đổi tiêu đề và khẩu hiệu trang web của bạn, hãy đi tới Cài đặt> Chung . Xin lưu ý, các thông số này rất quan trọng đối với các công cụ tìm kiếm.

Một ý tưởng tuyệt vời khác có thể là thiết lập cấu trúc permalinks tùy chỉnh để làm cho chúng thân thiện hơn với SEO và dễ đọc hơn với con người. Chuyển đến Cài đặt> Permalinks và thực hiện thay đổi theo ví dụ bên dưới.

TÙY BIẾN CHỦ ĐỀ

Bây giờ, hãy điều hướng đến Giao diện> Tùy chỉnh trong menu bên bảng điều khiển WP – tính năng giúp tùy chỉnh chủ đề cực kỳ thân thiện và dễ hiểu, cho phép Quản trị viên dễ dàng quản lý cảm giác và giao diện của trang web blog từ một nơi.

QUAN TRỌNG! Xin lưu ý rằng chủ đề của chúng tôi cung cấp một hệ thống phân cấp thừa kế đặc biệt cho cài đặt “Tùy chọn chủ đề”. Điều đó có nghĩa là các cài đặt riêng lẻ của mỗi trang có thể ghi đè cài đặt chung được thực hiện với Bảng tùy chỉnh.

Chúng tôi đã tích hợp rất nhiều tùy chọn bổ sung vào menu “Tùy chỉnh” mặc định của WordPress, cho phép bạn kiểm soát linh hoạt giao diện và hành vi của toàn bộ trang web cũng như các loại bài đăng, trang và danh mục riêng lẻ.

Hơn nữa, bạn có thể thấy các thay đổi của giao diện người dùng ngay sau khi thay đổi – khi tham số cần thiết được chọn, mà không chuyển từ quản trị viên sang giao diện người dùng mỗi lần. Nó tiết kiệm nhiều thời gian của bạn và cho phép bạn tùy chỉnh trang web của bạn chỉ trong vài cú nhấp chuột. Khi bạn hoàn tất các thay đổi, bạn nên nhấp vào nút “Lưu và xuất bản” ở đầu trình đơn bên của Trình tùy chỉnh.
Có khá nhiều thông số ở đây, nhưng may mắn là phần lớn trong số chúng có các giá trị mặc định phù hợp với hầu hết nhu cầu của người dùng. Hãy xem xét kỹ hơn về chúng:

Thực đơn

Phần này cho phép quản lý các loại Menu có sẵn:

Menu cũng có sẵn trong cài đặt “Ngoại hình> Menu”.

Dưới đây là các vị trí Menu được xác định trước:

  • Menu chính – Hiển thị menu chính.
  • Menu Footer – Chịu trách nhiệm hiển thị menu trong khu vực chân trang.

Mỗi vị trí menu này đều có sẵn để điền vào bất kỳ bộ menu được xác định trước nào và cũng có sẵn để chỉnh sửa ngay thông qua cài đặt “Tùy biến”.

Bộ menu được xác định trước:

Widgets

Tùy thuộc vào trang đã chọn có sẵn để chỉnh sửa bằng các công cụ của Customizer, bạn có thể nhận thấy một loại bộ widget khác nhau được bao gồm trong một trang cụ thể.

Nếu bạn mở rộng bộ tiện ích này, bạn sẽ có thể:

    1. Thêm một tiện ích : chỉ cần nhấp vào nút “Thêm một tiện ích” để xem các tiện ích có sẵn, sau đó nhấn vào tiện ích bạn muốn sử dụng:

    1. Sắp xếp lại vị trí của các widget bằng 3 biểu tượng:
      • Di chuyển – cho phép bạn di chuyển widget sang thanh bên khác.
      • Xuống – các widget sẽ được chuyển xuống.
      • Lên – tiện ích sẽ được di chuyển lên trên.

Sau khi bạn sắp xếp lại vị trí của các vật dụng trong thanh bên, nhấp vào nút “Xong” ở dưới cùng.

Hơn nữa, chủ đề của chúng tôi cung cấp một vài bộ Tiện ích tùy chỉnh có sẵn thông qua phần Giao diện> Tiện ích cũng như một số vị trí bổ sung khác cho phép hiển thị các tiện ích cần thiết gần như ở mọi nơi trên trang. Kiểm tra ảnh chụp màn hình dưới đây để biết thêm thông tin.

Bạn có thể chỉ định bất kỳ tiện ích tùy chỉnh (khu vực widget) cho trang trong phần Tùy chọn chủ đề.

Đây là cách “Tiện ích thanh bên” có thể trông như sau:

Các widget tùy chỉnh:

    1. Addon ThemeREX – Trình phát âm thanh : Hiển thị trình phát âm thanh.
    1. Addon ThemeREX – Lịch : Hiển thị lịch thông thường.
    1. Addon ThemeREX – Danh bạ : Hiển thị Logo và thông tin liên lạc của bạn.
    1. Addon ThemeREX – Slider Post / Revolution Slider : Hiển thị các slide thông qua Slider Post (Swiper) hoặc Revolution Slider.
    1. Addon ThemeREX – Xã hội : Hiển thị các liên kết đến hồ sơ mạng xã hội. Các biểu tượng xã hội kế thừa các liên kết (URL) vào hồ sơ xã hội của bạn được chỉ định trong tab Giao diện> ThemeREX> Xã hội .
    1. Addon ThemeREX – Trình phát video : Hiển thị trình phát video.

Tiêu đề, Tagline & biểu tượng trang web

Cài đặt của nhóm này chịu trách nhiệm cho biểu tượng trang web, khẩu hiệu và hiển thị tiêu đề:

TIÊU ĐỀ TRANG WEB

Văn bản được nhập vào trường này sẽ được hiển thị dưới dạng logo (nếu logo hình ảnh không được tải lên) và như tiêu đề trang web trong tab trình duyệt của bạn.

KHẨU HIỆU

Văn bản được nhập vào trường này sẽ được hiển thị dưới dạng khẩu hiệu của trang web dưới logo. Theo mặc định, khẩu hiệu được sử dụng nếu không có logo hình ảnh được chọn.

BIỂU TƯỢNG TRANG WEB

Bạn có thể tải lên / xóa biểu tượng trang web của mình (favicon) tại đây (phải là 512x512px).

Lý lịch

Các cài đặt này cho phép bạn thêm hình nền phía sau thân nội dung, khi kiểu cơ thể “Đóng hộp” được bật và để quản lý vị trí của nó:

Chỉ cần nhấp vào nút Chọn hình ảnh để tải lên hình ảnh từ Thư viện phương tiện hoặc từ máy tính của bạn. Sau bước này, bạn sẽ thấy một tập hợp các tham số khác cho nền, chẳng hạn như “Đặt trước”, “Vị trí hình ảnh” và “Màu nền”.

Tiêu đề

Tùy chọn này cho phép bạn tải lên hình ảnh logo, chọn loại tiêu đề và chèn widget.

TIÊU ĐỀ HIỆN TẠI / ĐÃ TẢI LÊN TRƯỚC ĐÓ

Tùy chọn này cho phép bạn tải hình ảnh lên vùng tiêu đề (Đừng quên kiểm tra cài đặt tùy chọn “Kiểu tiêu đề”). Nó cũng hiển thị hình ảnh tiêu đề hiện tại và trước đó đã tải lên.

“Ghi đè hình ảnh tiêu đề” – cài đặt này cho phép bạn thay thế hình ảnh mặc định của tiêu đề bằng hình ảnh đặc trưng của trang / bài đăng / sản phẩm.

VIDEO TIÊU ĐỀ

Tải lên một video nền để tiêu đề của bạn.
Cài đặt “Fullheight header” mở rộng vùng tiêu đề lên toàn bộ màn hình. Chỉ hoạt động nếu một hình ảnh nền được đặt cho tiêu đề.

KIỂU TIÊU ĐỀ / VỊ TRÍ / PHỐI MÀU

Tại đây, bạn có thể áp dụng một trong một vài kiểu tiêu đề khác nhau, đặt vị trí của nó và chọn bảng màu cho nó.

Các kiểu tiêu đề có sẵn:

    • Kiểu “Tiêu đề 1”:
    • Kiểu “Tiêu đề 2”:

QUAN TRỌNG! Các kiểu tiêu đề khả dụng được tạo thông qua cài đặt Tùy chỉnh Toàn cầu (Giao diện> Tùy chỉnh). Để thay đổi vùng tiêu đề theo kiểu có sẵn, bạn nên điều hướng đến .../wp-content/themes/good-wine-shop/templatesthư mục và chỉnh sửa tệp mẫu tương ứng như header-1.phphoặc header-2.php.

Chỉ định thông tin cần thiết với văn bản lời chào và cài đặt liên quan đến địa chỉ / điện thoại (cho kiểu tiêu đề 1).

MENU KIỂU / PHỐI MÀU / DI CHUỘT

Các nhóm cài đặt này cho phép bạn chọn kiểu hiện tại cho menu, đặt lược đồ màu và hiệu ứng di chuột hoạt hình.

SUBMENU HIỂN THỊ HÌNH ẢNH ĐỘNG / SUBMENU ẨN HÌNH ẢNH ĐỘNG

Chọn một hiệu ứng cho hoạt hình menu con.

TÌM KIẾM TRONG TIÊU ĐỀ

Chọn cách để trường tìm kiếm hoạt động: mở rộng hoặc đi toàn màn hình.

VẬT DỤNG TIÊU ĐỀ

Chọn tiện ích cần thiết được thiết lập để hiển thị nó trong khu vực tiêu đề.
Cài đặt “Tiêu đề toàn bộ” chịu trách nhiệm kéo dài khu vực tiện ích tiêu đề lên toàn bộ chiều rộng cửa sổ.
Tùy chọn “Hiển thị tiêu đề trang” và “Hiển thị Breadcrumbs” chịu trách nhiệm hiển thị tiêu đề và mẩu bánh mì trên một trang.

LOGO

Hình ảnh logo có thể được tải lên hoặc chọn từ Thư viện phương tiện.

LOGO CHO RETINA

Tải lên hình ảnh logo kích thước gấp đôi để làm cho nó trông đẹp hơn trên màn hình Retina.

BỐ TRÍ DI ĐỘNG TỪ

Cài đặt này chịu trách nhiệm cho bố cục di động. Chẳng hạn, nếu độ phân giải của màn hình là 959px, bố cục di động sẽ được áp dụng.

ĐĂNG NHẬP / MẪU ĐĂNG KÝ ( CHỈ KIỂU “TIÊU ĐỀ 1” !)

Văn bản cho hộp kiểm “Tôi đồng ý …” được đặt trong Giao diện> Tùy chỉnh> Nội dung> Văn bản có liên kết Chính sách bảo mật .
Để thêm / tùy chỉnh liên kết Chính sách quyền riêng tư, hãy điều hướng đến Cài đặt (Bảng điều khiển WP)> Quyền riêng tư và chỉ định trang sẽ được sử dụng làm Chính sách quyền riêng tư.

XIN LƯU Ý! Trong trường hợp bạn dự định sử dụng biểu mẫu đăng ký mà không có sự đồng ý, chỉ cần để trống tùy chọn “Văn bản với liên kết Chính sách bảo mật” trong phần Giao diện> Tùy chỉnh> Nội dung !

WooC Commerce

Cài đặt của nhóm này cho phép quản lý giao diện tổng thể của các yếu tố WooC Commerce (chỉ hoạt động nếu trình cắm WooC Commerce được cài đặt).

CSS bổ sung

Cài đặt này cho phép bạn nhúng các kiểu tùy chỉnh vào bất kỳ đâu trên trang.

Nội dung

Bạn có thể tùy chỉnh hành vi của khu vực nội dung trong phần này.

PHONG CÁCH CƠ THỂ

Tùy chọn Kiểu cơ thể cho phép bạn chọn cách hiển thị trang chọn độ rộng cho nội dung thân trang web:

  • Đóng hộp – thân trang nằm trong vùng có chiều rộng màn hình giới hạn và bạn có thể thấy hình nền phía sau nó.
  • Wide – trang cơ thể chiếm toàn bộ chiều rộng màn hình (hình nền không nhìn thấy đằng sau nó), và nội dung được đặt trong khu vực có chiều rộng hạn chế, ở trung tâm của màn hình.
  • Toàn bộ – thân trang chiếm gần như toàn bộ chiều rộng màn hình.
  • Toàn màn hình – thân trang chiếm toàn bộ chiều rộng màn hình.

Đóng hộp

Rộng

Chiều rộng đầy đủ

Toàn màn hình

SƠ ĐỒ MÀU TRANG WEB

Chọn một trong những bảng màu có sẵn cho trang web của bạn.
Cài đặt “Mở rộng nội dung” cho phép bạn mở rộng nội dung trang, nếu thanh bên bị ẩn.
Cài đặt “Xóa lề” chỉ cần loại bỏ các lề trên và dưới khu vực của nội dung.

NÚT DI CHUỘT / DI CHUỘT HÌNH ẢNH

Chọn các hiệu ứng di chuột cần thiết cho các nút và hình ảnh.

Dưới đây bạn có thể tìm thấy một ví dụ về hiệu ứng di chuột của hình ảnh với tùy chọn được đặt thành “Biểu tượng”.

TIỆN ÍCH THANH BÊN / BẢNG MÀU / VỊ TRÍ

Chọn tiện ích cần thiết được thiết lập để hiển thị nó trong thanh bên và vị trí của nó.
Cài đặt “Lược đồ màu” cho phép bạn chỉ áp dụng bảng màu cần thiết cho thanh bên.

Dưới đây bạn có thể tìm thấy các cài đặt liên quan đến widget cho phép đặt một widget được đặt ở các khu vực có sẵn (hầu hết mọi nơi trên trang). Vui lòng tham khảo hướng dẫn này để xem làm thế nào nó hoạt động.

VĂN BẢN VỚI LIÊN KẾT CHÍNH SÁCH BẢO MẬT

Chỉ định văn bản cho hộp kiểm ở dạng mặc định (được xây dựng bằng trx_sc_formshortcode) và ở dạng đăng nhập / đăng ký (chỉ dành cho kiểu “Tiêu đề 1”!). Văn bản này sẽ được hiển thị trước liên kết Chính sách bảo mật.

Để thêm / tùy chỉnh liên kết Chính sách quyền riêng tư, hãy điều hướng đến Cài đặt (Bảng điều khiển WP)> Quyền riêng tư và chỉ định trang sẽ được sử dụng làm Chính sách quyền riêng tư.

XIN LƯU Ý! Trong trường hợp bạn dự định sử dụng các biểu mẫu mặc định mà không có hộp kiểm đồng ý, chỉ cần để trống tùy chọn “Văn bản với liên kết Chính sách bảo mật”!

Chân trang

Thiết lập của nhóm này chịu trách nhiệm chọn phong cách của khu vực chân trang.

PHỐI MÀU CHÂN TRANG

Chọn bảng màu cần thiết cho khu vực chân trang.

VẬT DỤNG CHÂN TRANG

Chọn các vật dụng cần thiết để hiển thị trong khu vực chân trang.

CỘT CHÂN TRANG

Đặt số lượng cột cần thiết để hiển thị các vật dụng trong.

Footer toàn bộ – cài đặt này kéo dài khu vực chân trang đến toàn bộ chiều rộng cửa sổ.
Hiển thị logo – cài đặt này hiển thị logo trong khu vực chân trang. Nếu bạn đã chọn tùy chọn này, vui lòng nhấp vào nút lưu và làm mới trang để làm cho các trường bổ sung xuất hiện. Tại đây bạn có thể tải lên logo cho chân trang cũng như phiên bản Retina của nó.
Hiển thị các biểu tượng xã hội – cài đặt này hiển thị các biểu tượng xã hội trong khu vực chân trang. Các biểu tượng xã hội kế thừa các liên kết (URL) vào hồ sơ xã hội của bạn được chỉ định trong tab Giao diện> ThemeREX> Xã hội .

BẢN QUYỀN

Đặt văn bản bản quyền của bạn vào khu vực chân trang. Sử dụng {Y}biểu tượng để chỉ năm hiện tại.

Trang chủ

Cài đặt của nhóm này chịu trách nhiệm quản lý giao diện và hành vi tổng thể của các thành phần trang chủ.

“Mở rộng nội dung” – mở rộng chiều rộng nội dung nếu thanh bên được đặt thành “ẩn”.

PHONG CÁCH BLOG:

  • Trích dẫn – Bài viết sẽ chứa hình ảnh nổi bật, một đoạn trích nhỏ từ nội dung bài đăng và nút “Tiếp tục đọc”.
  • 2/3 cột cổ điển – Bài viết kiểu “Trích dẫn” được sắp xếp trong 2/3 cột.
  • Danh mục đầu tư 2/3/4 cột – Bài viết sẽ được hiển thị trong một vài cột, nhưng không có mô tả.
  • Cột thư viện 2/3/4 – Bài viết sẽ được hiển thị dưới dạng ô hình ảnh bộ sưu tập.
  • Cột 2/4/6 cột – Bài viết sẽ được hiển thị theo thứ tự “cờ”.

CÀI ĐẶT LIÊN QUAN ĐẾN TIÊU ĐỀ

Các cài đặt này cho phép chỉ định các widget tiêu đề.

CÀI ĐẶT LIÊN QUAN ĐẾN THANH BÊN

Các cài đặt này chịu trách nhiệm chỉ định các widget được đặt cho một thanh bên và vị trí của nó.

CÀI ĐẶT LIÊN QUAN ĐẾN WIDGET

Các cài đặt này cho phép chỉ định các widget được đặt cho bất kỳ khu vực widget nào. Vui lòng tham khảo hướng dẫn này để kiểm tra làm thế nào nó hoạt động.

Blog Lưu trữ

Phần này cho phép bạn kiểm soát bố cục và kiểu dáng của các trang lưu trữ blog của mình, chẳng hạn như trang luồng blog và trang danh mục. Các cài đặt của phần này giống như đối với Trang chủ mà chúng tôi đã mô tả ở trên.
Vui lòng kiểm tra bài viết của chúng tôi hoặc truy cập video hướng dẫn này để biết thêm thông tin về cách tùy chỉnh các trang Bài viết.

“Mở rộng nội dung” – mở rộng chiều rộng nội dung nếu thanh bên được đặt thành “ẩn”.

PHONG CÁCH BLOG

Chọn kiểu bài đăng cần thiết cho kho lưu trữ blog của bạn (Tương tự như đối với Trang chủ).

THỂ LOẠI ĐỂ HIỂN THỊ

Chọn danh mục cần thiết để hiển thị trong kho lưu trữ blog.

PHONG CÁCH CHIẾU

Chọn kiểu phân trang cần thiết cho bài viết để hiển thị.

“Giữ chỗ hình ảnh bài đăng liên quan” – cài đặt này cho phép sử dụng hình ảnh mặc định trong các bài đăng mà không có hình ảnh nổi bật. Nếu không được chọn, sẽ không có hình ảnh nào được sử dụng cho những bài viết như vậy.

NỘI DUNG BÀI VIẾT

Chọn cách để hiển thị nội dung bài viết của bạn.

HOẠT HÌNH CHO BÀI VIẾT

Chọn kiểu hoạt hình cần thiết cho bài viết của bạn để hiển thị.

CÀI ĐẶT LIÊN QUAN ĐẾN TIÊU ĐỀ

Các cài đặt này cho phép chỉ định các widget tiêu đề.

CÀI ĐẶT LIÊN QUAN ĐẾN THANH BÊN

Các cài đặt này chịu trách nhiệm chỉ định các widget được đặt cho một thanh bên và vị trí của nó.

CÀI ĐẶT LIÊN QUAN ĐẾN WIDGET

Các cài đặt này cho phép chỉ định các widget được đặt cho bất kỳ khu vực widget nào. Vui lòng tham khảo hướng dẫn này để kiểm tra làm thế nào nó hoạt động.

cửa tiệm

Các cài đặt này chịu trách nhiệm cho giao diện và hành vi tổng thể của (các) trang Cửa hàng.

“Mở rộng nội dung” – mở rộng chiều rộng nội dung nếu thanh bên được đặt thành “ẩn”.

CÀI ĐẶT LIÊN QUAN ĐẾN PHONG CÁCH

Các cài đặt này cho phép chỉ định chế độ cửa hàng.

CÀI ĐẶT LIÊN QUAN ĐẾN TIÊU ĐỀ

Các cài đặt này cho phép chỉ định các widget tiêu đề.

CÀI ĐẶT LIÊN QUAN ĐẾN THANH BÊN

Các cài đặt này chịu trách nhiệm chỉ định các widget được đặt cho một thanh bên và vị trí của nó.

CÀI ĐẶT LIÊN QUAN ĐẾN WIDGET

Các cài đặt này cho phép chỉ định các widget được đặt cho bất kỳ khu vực widget nào. Kiểm tra phần Widgets để biết thêm thông tin.

Biên tập phối màu

Cài đặt của phần này cung cấp cho bạn nhiều tùy chọn hơn để quản lý linh hoạt bảng màu của trang web của bạn. Hãy xem xét các tham số này.

CÀI ĐẶT MÀU

Tại đây, bạn có thể chọn gắn bó với Đơn giản (bạn sẽ chỉ có thể thay đổi màu có dấu, liên kết và màu nút) hoặc tùy chọn Nâng cao (bạn sẽ có thể kiểm soát hoàn toàn giao diện trang web của mình) tùy chỉnh bảng màu cài đặt.

BẢNG MÀU

Chọn một trong một vài bảng màu được xác định trước:

Mặc định

LIÊN KẾT

Tùy chọn này cho phép bạn đặt màu cần thiết cho các liên kết và vùng có dấu của bạn.

LIÊN KẾT HOVER

Tại đây bạn có thể đặt màu di chuột cần thiết cho các liên kết và vùng có dấu của mình.

XIN LƯU Ý Trong trường hợp khả năng phối màu “Đơn giản” là không đủ, bạn có thể sử dụng bảng màu “Nâng cao” và thay đổi hoàn toàn cảm giác và giao diện của toàn bộ trang web của bạn.

TRANG CHỦ

This section covers the information about Pages in your website: included page templates, how to edit existing pages and add new ones.

Page templates

To create a new page navigate to “Pages” dashboard menu item in your WordPress admin panel and click on Add new button.

Choose either “Blog Archive” (blog page) or “Default Template” (regular page) option in the Page Attributes sidebar.

Additionally, you can manipulate with “Theme Options” settings to customize an overall look and behavior of your page.

Homepage

Now, let’s proceed with building a homepage. You can create as many options of the main page, as you want.

Below is the “Homepage 1” configuration example, the same one as on our demo website.

HOMEPAGE 1

The screenshot below demonstrates the page style we are aiming at:

The algorithm of our actions would be as follows:

    1. Select Pages > Add New and create a new page.
  1. Specify a name for it (e.g. Home 1).

Now the page is ready for further customization with WPBakery Page Builder. Before you start, please check these WPBakery Page Builder-related tutorials. They give you a basic understanding of how to build a page properly.

    1. Official WPBakery Page Builder FAQ page.
    1. Getting Started With WPBakery Page Builder Guide.
    1. WPBakery Page Builder: A Guide To Drag & Drop Page Building.
    1. How to Add Row and Column with WPBakery Page Builder.
    1. How to Add Row or Column Background with WPBakery Page Builder.
  1. How to Create Empty Space Between Elements with Custom Height.

Usually, the page consists of Sections, Rows, Block containers, Content Blocks, Columns and some other elements. On the screenshots below you can see which backend section corresponds to a front-end section.

Below are screenshots of “Homepage 1” front-end and back-end divided into sections, its source code, and the “Theme Options” settings.

To make the homepages look exactly like on demo, please specify the necessary id and class name on the “Widget Slider Settings” tab in the WPBakery Page Builder’s Row settings. Check the screenshot below for more information.

The background color/image for the page blocks can be customized in the Widget Slider Settings > General or Content Area Settings > Design Options tab in the WPBakery backend editor.

Theme Options settings (Homepage 1):

Once you finished with building your page, you would need to assign it as Homepage. To do this:

    1. Navigate to Settings > Reading menu item in the WordPress dashboard menu.
    2. In the “Homepage displays” section select “A static page (select below)” option and choose the necessary page from the drop-down list in the “Homepage”.
  1. Click on “Save” button to save the changes.

Feel free to create your own variations of Homepage.

Xem thêm tại: Vc Shopee