Với những bạn sử dụng Genesis Framework thì Genesis Simple Hook Guide là một plugin bạn không nên bỏ qua, với Genesis Simple Hook Guide bạn có thể dễ dàng trong việc tùy chỉnh theme, từ việc tìm ra các vị trí hook đến việc xác định cấu trúc của một website Genesis Framework là việc vô cùng dễ dàng. Show Bài viết này mình sẽ hướng dẫn bạn 2 cách để xác định các hook trên một cấu trúc blog, từ đó bạn có thể nhận biết các hook và thuộc tính CSS tương ứng… Cách 1: Cài đặt và kích hoạt plugin Genesis Simple Hook Guide.https://vi.wordpress.org/plugins/genesis-visual-hook-guide/ Vậy Genesis Simple Hook Guide là gì? Genesis Simple Hook Guide là một plugin của Christopher Cochran, plugin này giúp bạn xác định những vị trí hook trong site của mình, và tùy biến nó theo ý thích. Sau khi kích hoạt, bạn sẽ không thấy phần quản lý của plugin này trong trang admin mà chỉ nhìn thấy thêm mục Genesis Hook Guide trên thanh menu admin ở bên trên cùng ngoài trang chủ blog của bạn. Để xác định các hook, bạn chỉ cần click vào Genesis Hook Guide như bên trên, chọn Action Hooks hoặc Filter Hook, khi đó trang web của bạn sẽ trở thành như thế này: Trong hình trên, các khoanh màu là các hook còn các khoanh màu vàng là cấu trúc trang web của bạn. Genesis Hook Guid > Markup Hiển thị các lớp CSS trong file style.css. Muốn tùy chỉnh thuộc tính của các vùng này, bạn chỉ cần tìm lớp css tương ứng để thay đổi. Nếu bạn không muốn cài đặt plugin và muốn giới thiệu các hook trong chủ đề Genesis Sample, bạn có thể làm như vậy trên trang demo của Genesis Simple Hook Guide. Cách 2: Truy cập trực tiếp vào trang web Genesis Simple Hook Guide.Bạn có thể cick vào từng khu vực để tìm những hook tương xứng… Đấy là 2 cách để bạn xác định các hook trong cấu trúc genesis framework là thế nào từ đó sẽ giúp bạn xây dựng trang web của mình tốt hơn, hoặc bạn có thể tự tay thiết kế cho mình một theme ưng ý, Tôi hy vọng bạn sẽ thích bài viết này! Như đã thông báo trong changelog của phiên bản 4.2.4, chúng tôi đã bổ sung thêm các tính năng mới bao gồm content box (hộp màu nội dung), color button (nút bấm màu) và highlight menu (làm nổi bật những mục nhất định trên menu) vào theme Paradise để giúp các bạn làm nổi bật các nội dung quan trọng một cách dễ dàng hơn. Bài viết hôm nay sẽ giới thiệu qua về các màu sắc được hỗ trợ cũng như hướng dẫn các bạn cách sử dụng chúng sao cho đúng. Tham khảo thêm:
Sử dụng content box, color button và highlight menuKể từ phiên bản 5.5.9 (phát hành ngày 09/06/2022), các bạn có thể tạo content box và color button một cách nhanh chóng ngay trong trình soạn thảo Visual (Trực quan):
Kể từ phiên bản 6.2 (phát hành ngày 22/07/2022), các bạn sẽ phải kích hoạt tính năng Sử dụng content box và color button trong Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu trải nghiệm trước khi có thể dùng chúng trong trình soạn thảo. Nếu bạn đang sử dụng theme Paradise phiên bản cũ hơn (5.5.8 trở về trước) thì ngay bên dưới là hướng dẫn chi tiết: Conten boxĐể tạo content box, các bạn cần phải chuyển trình soạn thảo WordPress sang chế độ Text (Văn bản). Sau đó, sử dụng cấu trúc HTML dưới đây: <div class="content-box-blue">Nhập nội dung của bạn vào đây.</div> Thay Color buttonCách sử dụng gần giống với content box, chỉ khác ở chỗ các bạn cần dùng code HTML sau: <a class="button-blue" href="https://domain.com">Nội dung hiển thị trong nút bấm</a> Thay 1. Nếu muốn làm nổi bật một mục nào đó trên menu, các bạn có thể truy cập vào Appearance => Menus => chọn đúng menu cần chỉnh sửa => click vào nút Screen Options (Tùy chọn hiển thị) ở góc trên bên phải màn hình và tick vào mục CSS Classes. 2. Chọn mục muốn làm nổi bật và thêm thẻ Click vào nút Save Menu để lưu lại và xem kết quả. Thật đơn giản phải không nào? Chúc các bạn thành công! Mọi thắc mắc và góp ý về theme Paradise, xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp. Nếu bạn thích có giao diện giống hệt WP Căn bản thì còn chần chừ gì nữa mà không đặt mua ngay bởi vì nó chỉ có giá từ 599.000 VNĐ đến 799.000 VNĐ tùy theo số site được phép cài đặt. Theme hỗ trợ update tự động ngay khi có phiên bản mới với lịch trình update thường xuyên (xem changelog). Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :) Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé. |