• WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc WP
    • Tối ưu WordPress
    • Cài theme Paradise
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

  • Bắt đầu
  • Thủ thuật WordPress
  • WordPress plugins
  • WordPress themes
  • Hosting và domain
  • Thông báo
Trang chủ » WordPress » Thủ thuật WordPress » Sử dụng colored boxes, color buttons và highlight menu

Sử dụng colored boxes, color buttons và highlight menu

15/02/2017 22/03/2017 Trung Hiếu 37 Bình luận

Mục lục

  • Sử dụng colored boxes, color buttons và highlight menu
    • Genesis colored boxes
    • Genesis color buttons
    • Genesis highlight menu

Hướng dẫn sử dụng colored boxes, color buttons và highlight menu trong Paradise child theme.

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 Genesis colored boxes (hộp màu), Genesis color buttons (nút bấm màu) và Genesis 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:

  • Theme Paradise v4.1 ra mắt, giảm giá lì xì đầu năm
  • Theme Paradise v4.2 chính thức ra mắt, hỗ trợ WooCommerce

Sử dụng colored boxes, color buttons và highlight menu

Genesis colored boxes

Là những khung 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).

Để tạo colored boxes, các bạn cần phải chuyển trình soạn thảo WordPress sang chế độ Text. Sau đó, sử dụng cấu trúc HTML dưới đây:

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.

Genesis color buttons

Các màu sắc được hỗ trợ cũng như cách sử dụng gần giống với colored boxes. Chỉ khác ở chỗ các bạn cần dùng code HTML sau:

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

Genesis highlight menu

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. Bấm vào nút Screen Options (ở góc trên bên phải màn hình) và tick vào mục CSS Classes.

Chọn mục muốn làm nổi bật và thêm thẻ “highlight” vào phần 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ừ 500.000 VNĐ đến 700.000 VNĐ. Không giới hạn số site được phép cài đặt, 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).

Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)

Bài viết liên quan

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

dich-vu-cai-dat-website-wordpress-mien-phi

Tác giả: Trung Hiế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é.

Previous Post: « Tải có điều kiện các file JS và CSS của plugin WooCommerce
Next Post: 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

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Chinh đã bình luận:

    25/03/2017 at 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

    Trả lời
    • Trung Hiếu đã bình luận:

      25/03/2017 at 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

      Trả lời
    • Chinh đã bình luận:

      25/03/2017 at 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 @@

      Trả lời
      • Trung Hiếu đã bình luận:

        25/03/2017 at 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

        Trả lời
    • Chinh đã bình luận:

      25/03/2017 at 17:35

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

      Trả lời
      • Trung Hiếu đã bình luận:

        25/03/2017 at 17:36

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

        Trả lời
  2. Chinh đã bình luận:

    23/03/2017 at 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 ạ?

    Trả lời
    • Trung Hiếu đã bình luận:

      23/03/2017 at 08:41

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

      Trả lời
      • Chinh đã bình luận:

        23/03/2017 at 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ì

        Trả lời
        • Trung Hiếu đã bình luận:

          23/03/2017 at 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

          Trả lời
          • Chinh đã bình luận:

            23/03/2017 at 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 đã bình luận:

            23/03/2017 at 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 đã bình luận:

            23/03/2017 at 15:43

            e hỏi giao diện comment :D

          • Trung Hiếu đã bình luận:

            23/03/2017 at 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 đã bình luận:

            23/03/2017 at 15:46

            thanks :D

  3. Kien đã bình luận:

    22/03/2017 at 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?

    Trả lời
    • Trung Hiếu đã bình luận:

      22/03/2017 at 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

      Trả lời
      • Kien đã bình luận:

        22/03/2017 at 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 đó.

        Trả lời
  4. Thuy Phuong đã bình luận:

    17/02/2017 at 12:09

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

    Trả lời
    • Trung Hiếu đã bình luận:

      17/02/2017 at 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

      Trả lời
      • thuy phuong đã bình luận:

        17/02/2017 at 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 :(

        Trả lời
        • Trung Hiếu đã bình luận:

          17/02/2017 at 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

          Trả lời
          • Lôi Hạ đã bình luận:

            05/04/2017 at 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 đã bình luận:

            05/04/2017 at 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ạ đã bình luận:

            05/04/2017 at 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ạ đã bình luận:

            05/04/2017 at 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 đã bình luận:

        17/02/2017 at 14:37

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

        Trả lời
        • Trung Hiếu đã bình luận:

          17/02/2017 at 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

          Trả lời
  5. Bin đã bình luận:

    17/02/2017 at 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

    Trả lời
    • Trung Hiếu đã bình luận:

      17/02/2017 at 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 ạ. :)

      Trả lời
  6. Bin đã bình luận:

    16/02/2017 at 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

    Trả lời
    • Trung Hiếu đã bình luận:

      17/02/2017 at 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

      Trả lời
  7. Ngọc Duy đã bình luận:

    16/02/2017 at 10:30

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

    Trả lời
  8. Thái Tài đã bình luận:

    16/02/2017 at 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

    Trả lời
    • Trung Hiếu đã bình luận:

      16/02/2017 at 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

      Trả lời
  9. Pháp Trình đã bình luận:

    15/02/2017 at 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 ^^

    Trả lời
    • Trung Hiếu đã bình luận:

      15/02/2017 at 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

      Trả lời

Primary Sidebar

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!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress

dich-vu-toi-uu-website-wordpress-chat-luong-cao

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

  • Google Site Kit có thực sự cần thiết cho website của bạn? 18/11/2019
  • Hạ cấp WordPress về phiên bản cũ một cách đơn giản 13/11/2019
  • Lazyload hình ảnh với plugin chính thức từ Google 06/11/2019
  • Hướng dẫn đổi tên miền không mất thứ hạng tìm kiếm 20/10/2019
  • Ẩn bài viết trong WordPress một cách đơn giản 08/10/2019
  • Chèn nút like Facebook vào bài viết trên website WordPress 10/09/2019

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

quet-ma-doc-mien-phi-cho-website

Footer

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

  • Tịnh Nguyễn Blog trong 10 Cách giúp tăng rank Alexa cho blog/ website của bạn
  • Bitcoin Vietnam News trong Hướng dẫn đổi tên miền không mất thứ hạng tìm kiếm
  • Trung Hiếu trong Theme Beginner của Theme Junkie – sự lựa chọn tuyệt vời
  • Trung Hiếu trong Hướng dẫn cài LiteSpeed Cache cho WordPress một cách đơn giản

Bình luận nhiều nhất (tháng)

  1. Dat Nguyen (5)
  2. Pham Hai (3)
  3. Tịnh Nguyễn Blog (3)
  4. Du Dang (2)
  5. Duẩn (2)
  6. Mai Xuân Tiến (2)

Liên kết và Đối tác

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung
  • Canh Me

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

10 Chuyên mục - 928 Bài viết - 34301 Bình luận

Bản quyền © 2014 - 2019 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting