Chào các bạn yêu thích WordPress và đang mong muốn tìm hiểu cách tùy biến giao diện với Nevo theme! Trong phần thứ hai của loạt hướng dẫn sử dụng Nevo theme – phiên bản miễn phí, chúng ta sẽ tiếp tục khám phá và học cách tùy chỉnh giao diện tổng thể để tạo nên một trang web độc đáo và phù hợp với ý muốn của bạn. Giao diện Nevo không chỉ đẹp mắt mà còn cực kỳ linh hoạt và dễ dàng để bạn tạo ra các thay đổi mang tính cá nhân, từ việc điều chỉnh màu sắc, phông chữ cho đến bố cục và phần tiêu đề.
Chúng ta sẽ hướng dẫn bạn từng bước một để bạn có thể tạo ra một giao diện độc đáo, thể hiện đầy đủ cá tính của bạn và phản ánh chính xác thông điệp mà bạn muốn truyền tải thông qua trang web.
Dù bạn có kinh nghiệm nhiều hay ít trong việc tùy biến giao diện, phần này đều sẽ giúp bạn nắm vững cách thức thực hiện và biến ý tưởng của bạn thành hiện thực trên trang web.
Hãy cùng nhau khám phá và tận dụng tối đa khả năng tùy chỉnh mà Nevo theme mang lại để tạo nên một trang web thực sự độc đáo và ấn tượng!
Chúng ta sẽ bắt đầu từng bước một trong phần tiếp theo của hướng dẫn này. Hãy cùng đồng hành và tạo ra một giao diện thú vị cho trang web của bạn!
Global colors
Bạn có thể tìm tùy chọn Màu sắc trong Trình tùy chỉnh giao diện chủ đề tại
Appearance → Customize → General → Global Colors.
Colors
Màu sắc Toàn cục mang lại khả năng tùy chỉnh màu chung thống nhất, giúp bạn điều chỉnh một lần và áp dụng cho toàn bộ trang web của bạn.
Primary Color: Tùy chỉnh để thay đổi màu chủ đạo của nội dung trang web.
Secondary Color: Tùy chỉnh để thay đổi màu phụ của nội dung trang web.
Success Color: Tùy chỉnh các thay đổi màu thành công như thông báo hoàn thành đơn hàng, thêm vào giỏ hàng, v.v…
Info Color: Tùy chỉnh đổi màu các thông tin như bản tin woocommerce, làm nổi bật nội dung website.
Warning Color: Tùy chỉnh thay đổi màu cảnh báo, màu chữ, màu nền của cảnh báo, ví dụ màu cảnh báo không hoàn thành đơn hàng, các trường thông tin bị thiếu v.v…
Link Color: Customize đổi màu tất cả các màu link website.
Link Color Hover: Tùy chỉnh đổi màu khi rê chuột vào link.
Base Color: Tùy chỉnh để thay đổi văn bản nội dung và màu đoạn của trang web.
Title Color: Tùy chỉnh đổi màu tiêu đề website như màu tiêu đề bài viết, tiêu đề trang, tiêu đề trang lưu trữ v.v…
Meta Color: Tùy chỉnh để thay đổi màu meta bài viết, meta bình luận, meta sản phẩm, v.v…
Heading Color: Tùy chỉnh đổi màu tiêu đề chính trên website từ H1 sang H6.
Global style
Bạn có thể tìm thấy tùy chọn kiểu trong: Appearance → Customize → General → Global styles.
Tùy chỉnh phong cách và cá nhân hóa các phần của trang web của bạn.
Site Background: tùy chỉnh màu nền, ảnh nền toàn site.
Button: tùy chỉnh phong cách của nút trên toàn bộ trang web.
Form Input: tùy chỉnh kiểu của Đầu vào biểu mẫu trên toàn bộ trang web.
Heading Title: kiểu dáng tùy chỉnh cho các tiêu đề được áp dụng cho Mô-đun, Phần,
Bài viết liên quan, Bình luận… trên khắp trang web.
Sidebar Widgets (Pro): tùy chỉnh kiểu thanh bên áp dụng cho tất cả các thanh bên trên toàn bộ trang web. (hiện đang phát triển)
Sidebar Widgets Title (Pro): kiểu tùy chỉnh cho tiêu đề nằm trên thanh bên áp dụng với tất cả các classic widget trên toàn trang web. (hiện đang phát triển)
Global layouts
Bạn có thể tìm thấy tùy chọn bố cục trong tùy biến chủ đề: Appearance → Customize → General → Global Layouts.
Tùy chỉnh bố cục trang web của bạn bao gồm tùy chỉnh toàn bộ chiều rộng hoặc đóng hộp cùng với các kích thước cụ thể cho nội dung và thanh bên.
Full Width: Bố cục toàn chiều rộng là bố cục mặc định cho chủ đề và nó hiển thị nội dung của bạn ở giữa nhưng có nền trắng xuyên suốt. Bố cục này không có bất kỳ phần đệm nào xung quanh trình bao bọc chính.
Boxed: Bố cục đóng hộp có phần đệm xung quanh cả hai mặt của trình bao bọc chính cũng như nền được áp dụng cho nó để bạn có thể áp dụng nền tùy chỉnh cho nội dung của mình và tất cả nội dung của bạn sẽ được căn giữa với nền bao quanh nó.
Container width: tùy chỉnh chiều rộng của container.
Sidebar Width: tùy chỉnh độ rộng của Sidebar.
Content layout: tùy chỉnh cho phép bạn tách các thành phần trang web của mình (khu vực nội dung, widget, đầu trang, chân trang, v.v.) thành các khối riêng biệt hoặc chứa tất cả chúng bên trong một vùng chứa.
Global sidebars
Bạn có thể tùy chỉnh sidebar ở: Appearance → Customize → General → Global Sidebar.
Tùy chỉnh phong cách và cá nhân hóa các phần của trang web của bạn.
Bạn có thể chọn từ các bố cục thanh bên khác nhau cho Trang, Bài đăng trên blog, Lưu trữ bài đăng trên Blog, Tìm kiếm và trang 404, v.v… Khi tất cả các cài đặt riêng lẻ không được chọn. Hiện chức sticky còn đang hoàn thiện và chỉ có ở bản PRO.
Như vậy là kết thúc phần 2, hẹn gặp bạn ở phần 3.
