Hướng dẫn sử dụng content box, color button và highlight menu trong theme Paradise.
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:
- Các tính năng của theme Paradise tích hợp trong Customizer
- Tại sao bạn nên chọn theme Paradise cho website WordPress?
Content box, color button và highlight menu là gì?
- Content box: là những hộp chứa nội dung với nhiều màu sắc khác nhau, cho phép bạn tùy chỉnh nội dung bên trong. Các màu được hỗ trợ bao gồm: blue (xanh dương), gray (xám), green (xanh lá), purple (tím), red (đỏ) và yellow (vàng).
- Color button: là những nút bấm với nhiều màu sắc khác nhau. Các màu được hỗ trợ cũng tương tự như content box.
- Highlight menu: làm nổi bật một hoặc một số mục bất kỳ trên menu của bạn.
Sử dụng content box, color button và highlight menu
Kể 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):
- Content box: chọn phần nội dung mà bạn muốn đóng khung => click vào nút Formats (Định dạng) => Chọn một trong các mục bắt đầu bằng Content box… (màu sắc tùy bạn lựa chọn).
- Color button: chọn liên kết (text đã chèn link) mà bạn muốn tạo thành nút bấm => click vào nút Formats (Định dạng) => Chọn một trong các mục bắt đầu bằng Button… (màu sắc tùy bạn lựa chọn).
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 blue bằng tên màu sắc được hỗ trợ trong danh sách bên trên để tạo box với màu sắc khác nhau.
Color button
Cá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 https://domain.com bằng link của trang bạn muốn dẫn tới. Các bạn cũng có thể thay blue bằng một trong các tên màu sắc được hỗ trợ.
Highlight menu
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ẻ highlight vào khung CSS Classes tương ứng với mục đó.
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. :)
Bữa nay vào thấy giao diện nó phẳng phẳng đẹp nhỉ. Hóng giảm giá kịch sàn ^^
Kịch sàn rồi bạn ơi. Hôm nay ngày khuyến mãi cuối cùng. Giá còn 450k – 500k – 600k tương ứng với 3 gói Starter – Professional – Ultimate. Xem chi tiết tại đây. Nếu muốn mua thì nhanh chân vì cơ hội không có lần thứ 2 đâu. :D
Bác Hiếu cho mình xin link tham khảo chi tiết của 3 gói đi. Em lục mãi chẳng thấy
Link mình để trong bài viết rồi mà bạn: https://wpcanban.com/dich-vu-cai-dat-paradise-child-theme/ :P
Một theme rất đẹp. Rất đáng dùng.
Bác Hiếu cho mình hỏi bác có biết 1 số mẫu theme nào chuyên về sàn giao dịch thanh toán – đăng bài rao bán từ thành viên hiển thì trên trang không bác, nó đại loại như 1 trang rao vặt sản phẩm và mình có thể quản lí thành viên và bài viết
Bạn tham khảo bài viết “Top 6 themes tạo trang rao vặt tốt nhất cho WordPress” xem. :P
Bác hiếu cho mình hỏi chứt được giờ làm 1 trang website sàn giao dịch tiền tệ ảo có 1 số chức năng chính là: VÍ ĐIỆN TỬ – TÍCH HỢP SMS – CÁC CỔNG THANH TOÁN TRỰC TUYẾN – GIAO DỊCH GIỮA CÁC TÀI KHOẢN – MUA BÁN TRAO ĐỔI
Nếu một trang website như thế mà làm thì giá hết tầm bao nhiêu bác :)
bác có biết theme nào dạng như thế thông tư vấn giúp mình với thank bác nhiều
Mình không biết theme nào có chức năng tương tự. Cũng không nhận làm mấy site kiểu đó nên không biết giá bạn ạ. :)
Có làm được ntn ko bác ơi.
http://prntscr.com/e9rsdh
Khác gì Colored Boxes đâu bạn? Mấy cái link trong box thì cũng chèn theo cách thông thường thôi. :P
ko bác ơi, em thích cái box viền có dấu chấm gạch ấy, mà ko tìm dc plugin nào làm dc :(
Ôi trời. Cái này CSS thôi mà. Thay vì dùng thuộc tính “solid” cho border thì dùng thuộc tính “dotted” hoặc “dashed”. Có gì ghê gớm đâu. :P
Hay trong bản cập nhật mới mình hiếu làm cái này đi, nhiều bạn cần đấy
Để tham khảo ý kiến khách hàng xem sao. Nếu mọi người thích đường nét đứt thay cho nét liền thì đơn giản mà. :P
Bên Hiếu có thể tích hợp trên thanh công cụ soạn thảo cho tiện không, chứ đánh code như v thì lâu
ảnh ví dụ:
https://goo.gl/WVtwpW
Rất là đẹp đó hiếu
nó làm cho cảm giác người đọc muốn đọc ghi chú m muốn gửi đến khách hàng hơn
m.n xem nè:
https://phattrienmatbang.com/can-thue-nha-lam-quan-cafe-trung-nguyen-nhuong-quyen/
à với, web bác bị cái này nè
http://prntscr.com/e9sszp
Xóa cache trình duyệt đi bạn. Trình duyệt bạn đang lưu cache file stylesheet cũ của mình nên nó lỗi như thế đấy. :P
Dạo gần dây không biết wordpress của mình bị gì mà click vào nút “Screen Options”, nó không bật ra nữa :(
Không biết có ai chung tình trạng không?
Của mình vẫn bình thường. Bạn kiểm tra xem có phải bị conflict với plugin nào không? :P
Mình đã thử mọi cách được hướng dẫn trên google, tắt hết tất cả plugin vẫn không được.
Chuyển qua trình duyệt khác không phải Chrome thì được :)) Chắc xung đột với addon nào đó.
Về phần chỉnh sửa màu sắc của theme, admin có thể viết 1 bài hướng dẫn không ạ?
Thêm nào bạn nhỉ? Theme Paradise à? :P
Vầng đúng rồi ạ, trong phần tùy chỉnh e tìm không thấy, mà sửa code thì e lại mù mờ không biết gì
Thực ra theme có thể đổi màu thông qua Appearance => Customize => Colors. Nhưng do mình sử dụng file style.min.css để tối ưu tốc độ load thay cho file style.css nên tính năng này tạm thời không hoạt động được. Mình đang tìm giải pháp khắc phục. Nếu bạn muón đổi màu thì hiện tại không có cách nào khác là phải thêm code CSS tùy biến vào Appearance => Customize => Additional CSS hoặc chỉnh sửa file style.min.css. Nhưng cách này không tối ưu cho tốc độ load hoặc thiết lập sẽ bị mất khi update theme lên phiên bản mới. :P
thank you :(( hóng update của admin
Ps: cho e hỏi là phần comment này admin dùng plugin gì vậy ạ
Ý bạn là tính năng gửi email thông báo khi có người reply bình luận à? :P
e hỏi giao diện comment :D
Giao diện comment là mặc định của theme mà. Mình chỉ tùy biến thêm một chút để hiển thị quy định bình luận + chuyển khung bình luận lên đầu. :P
thanks :D
Em đang dùng theme của a, và dùng code colored boxes, nhưng khi xem thử chỉ thấy ra văn bản thôi mà ko thấy có khung màu
Bạn đang dùng phiên bản nào? Đã update lên phiên bản 4.2.7 mới nhất chưa? :P
em đã cập nhật bản mới nhất rồi, ko được khung màu và còn bị lỗi thanh menu nữa @@
Xóa cache trình duyệt + cache web + cache CloudFlare (nếu có) đi bạn. Chuyện muôn thuở và bạn nào cũng quên. Cập nhật xong không xóa cache chạy đi kêu lỗi. Bó tay. :P
e xóa cache đi nên được r a ạ :D
Đấy. Biết ngay mà. :P