• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Sử dụng content box, color button và highlight menu
hosting-tot-nhat-danh-cho-wordpress

Sử dụng content box, color button và highlight menu

Cập nhật: 10/10/2023 Trung Hiếu 43 Bình luận

Mục lục Hiện
  • 1. Content box, color button và highlight menu là gì?
  • 2. Sử dụng content box, color button và highlight menu
    • 2.1. Conten box
    • 2.2. Color button
    • 2.3. Highlight menu

Hướng dẫn sử dụng content box, color button và highlight menu trong theme Paradise.

tinh-nang-content-box-color-button-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).

paradise-content-box

  • 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.

paradise-highlight-menu

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):

tao-content-box-va-color-button-trong-theme-paradise

  • 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.

kich-hoat-tinh-nang-content-box-va-color-button

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.

tick-vao-muc-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 đó.

dien-highlight-vao-muc-css-classes

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).

mua-paradise-child-theme

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. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Loại bỏ Auto Sizes CSS trên WordPress 6.7
Loại bỏ Auto Sizes CSS trên WordPress 6.7

Chuyên mục: Thủ thuật WordPress Thẻ: Paradise child theme

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Tải có điều kiện các file JS và CSS của plugin WooCommerce
Bài viết sau Mừng WP Căn bản tròn 5 tuổi, giảm giá sốc theme Paradise »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Minh Quế 3 bình luậnviết

    07/10/2023 lúc 12:20

    Mình thấy css của button chưa đẹp, hy vọng sẽ có bản cập nhật tốt hơn. Đơn giản quá cũng khiến mình nhàm chán :D

    Bình luận
    • Trung Hiếu Quản lýviết

      07/10/2023 lúc 12:59

      “Chúng tôi là Apple chứ không phải Samsung. Nên việc lắng nghe ý kiến của người dùng là không cần thiết”. 😒
      Đấy, nếu là bên khác thì chắc là họ sẽ nói vậy. 😌 Còn bên mình thì chắc là mình sẽ thiết kế lại mấy cái button trong phiên bản sau. Ít nhất là sẽ điều chỉnh kích thước cho đồng bộ với các nút bấm khác. 🤣

      Bình luận
      • Droppii 3 bình luậnviết

        09/10/2023 lúc 19:59

        Bác nghiên cứu thêm 1 vài tiện ích cần thiết cho anh em affilate là ok nha. ví dụ so sánh có hay không? nút button đẹp chút là ok

        Bình luận
        • Trung Hiếu Quản lýviết

          09/10/2023 lúc 21:10

          “So sánh có hay không” là tính năng thế nào nhỉ?

          Bình luận
          • Minh Quế 3 bình luậnviết

            10/10/2023 lúc 19:55

            bác thử xem bên theme reHub là biết á

          • Trung Hiếu Quản lýviết

            10/10/2023 lúc 20:33

            Ý bạn là tính năng Pros và Cons ấy hả? Cái này thì tạo 2 cột nội dung, 1 bên để content box màu xanh lá (pros), 1 bên để content box màu đỏ (cons) là được mà. Còn cách để tạo các cột nội dung thì bạn có thể xem ở đây. Demo trên theme Paradise tại đây.

  2. Chinh 8 bình luậnviết

    25/03/2017 lúc 15:09

    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ình luận
    • Trung Hiếu Quản lýviết

      25/03/2017 lúc 15:53

      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

      Bình luận
    • Chinh 8 bình luậnviết

      25/03/2017 lúc 17:33

      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 @@

      Bình luận
      • Trung Hiếu Quản lýviết

        25/03/2017 lúc 17:36

        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

        Bình luận
    • Chinh 8 bình luậnviết

      25/03/2017 lúc 17:35

      e xóa cache đi nên được r a ạ :D

      Bình luận
      • Trung Hiếu Quản lýviết

        25/03/2017 lúc 17:36

        Đấy. Biết ngay mà. :P

        Bình luận
  3. Chinh 8 bình luậnviết

    23/03/2017 lúc 08:19

    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 ạ?

    Bình luận
    • Trung Hiếu Quản lýviết

      23/03/2017 lúc 08:41

      Thêm nào bạn nhỉ? Theme Paradise à? :P

      Bình luận
      • Chinh 8 bình luậnviết

        23/03/2017 lúc 13:43

        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ì

        Bình luận
        • Trung Hiếu Quản lýviết

          23/03/2017 lúc 14:25

          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

          Bình luận
          • Chinh 8 bình luậnviết

            23/03/2017 lúc 15:05

            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 ạ

          • Trung Hiếu Quản lýviết

            23/03/2017 lúc 15:11

            Ý bạn là tính năng gửi email thông báo khi có người reply bình luận à? :P

          • Chinh 8 bình luậnviết

            23/03/2017 lúc 15:43

            e hỏi giao diện comment :D

          • Trung Hiếu Quản lýviết

            23/03/2017 lúc 15:45

            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

          • Chinh 8 bình luậnviết

            23/03/2017 lúc 15:46

            thanks :D

  4. Kien 21 bình luậnviết

    22/03/2017 lúc 17:41

    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?

    Bình luận
    • Trung Hiếu Quản lýviết

      22/03/2017 lúc 18:53

      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

      Bình luận
      • Kien 21 bình luậnviết

        22/03/2017 lúc 22:09

        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 đó.

        Bình luận
  5. Thuy Phuong 19 bình luậnviết

    17/02/2017 lúc 12:09

    Có làm được ntn ko bác ơi.
    http://prntscr.com/e9rsdh

    Bình luận
    • Trung Hiếu Quản lýviết

      17/02/2017 lúc 12:13

      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

      Bình luận
      • thuy phuong 19 bình luậnviết

        17/02/2017 lúc 14:35

        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 :(

        Bình luận
        • Trung Hiếu Quản lýviết

          17/02/2017 lúc 14:40

          Ô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

          Bình luận
          • Lôi Hạ 5 bình luậnviết

            05/04/2017 lúc 12:55

            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

          • Trung Hiếu Quản lýviết

            05/04/2017 lúc 12:57

            Để 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

          • Lôi Hạ 5 bình luậnviết

            05/04/2017 lúc 17:32

            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

          • Lôi Hạ 5 bình luậnviết

            05/04/2017 lúc 17:35

            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/

      • Thuy Phuong 19 bình luậnviết

        17/02/2017 lúc 14:37

        à với, web bác bị cái này nè
        http://prntscr.com/e9sszp

        Bình luận
        • Trung Hiếu Quản lýviết

          17/02/2017 lúc 14:41

          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

          Bình luận
  6. Bin 10 bình luậnviết

    17/02/2017 lúc 09:36

    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

    Bình luận
    • Trung Hiếu Quản lýviết

      17/02/2017 lúc 11:03

      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 ạ. :)

      Bình luận
  7. Bin 10 bình luậnviết

    16/02/2017 lúc 21:37

    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ình luận
    • Trung Hiếu Quản lýviết

      17/02/2017 lúc 07:57

      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ình luận
  8. Ngọc Duy 213 bình luậnviết

    16/02/2017 lúc 10:30

    Một theme rất đẹp. Rất đáng dùng.

    Bình luận
  9. Thái Tài 36 bình luậnviết

    16/02/2017 lúc 07:47

    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

    Bình luận
    • Trung Hiếu Quản lýviết

      16/02/2017 lúc 08:12

      Link mình để trong bài viết rồi mà bạn: https://wpcanban.com/dich-vu-cai-dat-paradise-child-theme/ :P

      Bình luận
  10. Pháp Trình 45 bình luậnviết

    15/02/2017 lúc 15:32

    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 ^^

    Bình luận
    • Trung Hiếu Quản lýviết

      15/02/2017 lúc 15:46

      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ình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

Bình luận mới nhất

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.005 Bài viết - 35.545 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting