• WordPress
    • Tất cả
    • Lỗi Wordpress thường gặp
    • WordPress PLUGINS
    • WordPress SEO
    • WordPress THEMES

    EXAMPLEARTICLE

    EXAMPLEARTICLE

    EXAMPLEARTICLE

    Exploring Dating Trends and Platforms

    Exploring Dating Trends and Platforms

    Free Trade Signals Telegram ➤ Join Top Crypto Trading Group Now

    Hướng dẫn tắt chức năng comment trong wordpress

    Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

    Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

    9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

    9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

    Trending Tags

      • WordPress PLUGINS
      • WordPress SEO
      • WordPress THEMES
    • Công cụ
      7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

      7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

      Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

      Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

      Thiết lập dịch vụ đặt hàng trực tuyến trong WordPress

      Cách thiết lập dịch vụ đặt hàng trực tuyến cho nhà hàng với WordPress

      Các công cụ cần thiết cho một lớp học trực tuyến WordPress

      Các công cụ cần thiết cho một lớp học trực tuyến WordPress

      7 công cụ kiểm tra Backlink tốt nhất

      7 công cụ kiểm tra Backlink tốt nhất

      Cách tạo bố cục WordPress tùy chỉnh với Elementor

      Cách tạo bố cục WordPress tùy chỉnh với Elementor

      Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

      Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

      Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

      • Design
    • Hosting

      FTP là gì? hướng dẫn tạo tài khoản ftp trên hosting

      Pasted 81 1

      WooCommerce Hosting tốt nhất năm 2020 (đánh giá và kiểm tra hiệu suất)

      Hướng dẫn cách cài đặt WordPress lên hosting 2020

      Hướng dẫn cách cài đặt WordPress lên hosting 2020

      Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

      Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

      Huong Dan Tang Maximum Size Khi Upload File Tren Wordpress 49146

      Hướng dẫn tăng kích thước file tối đa khi upload trên WordPress

      Luu Ban Nhap Tu Dong 15826

      Cách cài đặt WordPress trên hệ điều hành Windows bằng WAMP

      Hướng dẫn tải hàng loạt file media WordPress qua FTP

      Hướng dẫn tải hàng loạt file media WordPress qua FTP

      9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

      9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

      Cách khắc phục lỗi  403 Forbidden trong WordPress

      Cách khắc phục lỗi 403 Forbidden trong WordPress

      • Domain Hosting
    • News
      chuyen-doi-so-la-gi

      Chuyển đổi số là gì? Giới thiệu 3 phần mềm chuyển đổi số hiệu quả

      Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

      Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

      share-plugin-wordpress-wp-rocket

      [Share Plugin WordPress] WP Rocket bản mới nhất – Cập nhật liên tục

      So sánh 15 nền tảng CMS phổ biến nhất năm 2020

      So sánh 15 nền tảng CMS phổ biến nhất năm 2020

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

      So sánh ưu, nhược điểm giữa Wix và WordPress

      So sánh ưu, nhược điểm giữa Wix và WordPress

      Hướng dẫn xóa bộ nhớ Cache trong website WordPress

      Hướng dẫn xóa bộ nhớ Cache trong website WordPress

    • WordPress
      • Tất cả
      • Lỗi Wordpress thường gặp
      • WordPress PLUGINS
      • WordPress SEO
      • WordPress THEMES

      EXAMPLEARTICLE

      EXAMPLEARTICLE

      EXAMPLEARTICLE

      Exploring Dating Trends and Platforms

      Exploring Dating Trends and Platforms

      Free Trade Signals Telegram ➤ Join Top Crypto Trading Group Now

      Hướng dẫn tắt chức năng comment trong wordpress

      Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

      Mẹo sử dụng Ping list hiệu quả để tăng tốc độ index google

      9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

      9 Plugin tạo bài quiz đố vui tốt nhất cho WordPress (2020)

      Trending Tags

        • WordPress PLUGINS
        • WordPress SEO
        • WordPress THEMES
      • Công cụ
        7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

        7 công cụ tạo tên blog tốt nhất giúp bạn tìm ý tưởng cho tên blog WordPress

        Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

        Hướng dẫn sử dụng FOMO trên trang web WordPress để tăng lượt chuyển đổi

        Thiết lập dịch vụ đặt hàng trực tuyến trong WordPress

        Cách thiết lập dịch vụ đặt hàng trực tuyến cho nhà hàng với WordPress

        Các công cụ cần thiết cho một lớp học trực tuyến WordPress

        Các công cụ cần thiết cho một lớp học trực tuyến WordPress

        7 công cụ kiểm tra Backlink tốt nhất

        7 công cụ kiểm tra Backlink tốt nhất

        Cách tạo bố cục WordPress tùy chỉnh với Elementor

        Cách tạo bố cục WordPress tùy chỉnh với Elementor

        Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

        Hướng dẫn tối ưu hóa hình ảnh cho WordPress mà không làm giảm chất lượng ảnh

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

        Hướng dẫn chặn thực thi PHP tại một thư mục cụ thể để bảo mật website WordPress

        • Design
      • Hosting

        FTP là gì? hướng dẫn tạo tài khoản ftp trên hosting

        Pasted 81 1

        WooCommerce Hosting tốt nhất năm 2020 (đánh giá và kiểm tra hiệu suất)

        Hướng dẫn cách cài đặt WordPress lên hosting 2020

        Hướng dẫn cách cài đặt WordPress lên hosting 2020

        Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

        Hướng dẫn cách lưu trữ trang web đơn giản cho người mới bắt đầu

        Huong Dan Tang Maximum Size Khi Upload File Tren Wordpress 49146

        Hướng dẫn tăng kích thước file tối đa khi upload trên WordPress

        Luu Ban Nhap Tu Dong 15826

        Cách cài đặt WordPress trên hệ điều hành Windows bằng WAMP

        Hướng dẫn tải hàng loạt file media WordPress qua FTP

        Hướng dẫn tải hàng loạt file media WordPress qua FTP

        9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

        9 plugin tốt nhất giúp bạn di chuyển website WordPress sang host mới (Plugin Migration)

        Cách khắc phục lỗi  403 Forbidden trong WordPress

        Cách khắc phục lỗi 403 Forbidden trong WordPress

        • Domain Hosting
      • News
        chuyen-doi-so-la-gi

        Chuyển đổi số là gì? Giới thiệu 3 phần mềm chuyển đổi số hiệu quả

        Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

        Top 7 chủ đề blog giúp kiếm tiền online hot nhất năm 2020

        share-plugin-wordpress-wp-rocket

        [Share Plugin WordPress] WP Rocket bản mới nhất – Cập nhật liên tục

        So sánh 15 nền tảng CMS phổ biến nhất năm 2020

        So sánh 15 nền tảng CMS phổ biến nhất năm 2020

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        So sánh 6 phần mềm kế toán tốt nhất cho doanh nghiệp vừa và nhỏ

        So sánh ưu, nhược điểm giữa Wix và WordPress

        So sánh ưu, nhược điểm giữa Wix và WordPress

        Hướng dẫn xóa bộ nhớ Cache trong website WordPress

        Hướng dẫn xóa bộ nhớ Cache trong website WordPress

      Cùng Học WordPress

      Cách tạo bố cục dạng nhiều cột trong bài viết WordPress mà không dùng code HTML

      LeViet được đăng bởi LeViet
      21/05/2020
      trong chuyên mục WordPress
      0 0
      0
      Cách tạo bố cục dạng nhiều cột trong bài viết WordPress mà không dùng code HTML
      0
      CHIA SẺ
      2.3k
      LƯỢT XEM
      Share on FacebookShare on Twitter

      Bố cục dạng nhiều cột thường được sử dụng để tạo sự hấp dẫn cho bài viết, hoặc trang nội dung nhằm thu hút độc giả hơn. Báo và tạp chí đã dùng cách chia bố cục thành nhiều cột trong bài viết của mình từ rất lâu. Mục tiêu ban đầu là giúp người xem dễ dàng đọc văn bản nhỏ hơn trong khi vẫn sử dụng không gian có sẵn một cách tinh tế.

      Bố cục với chỉ một cột được sử dụng tương đối phổ biến trên các website hiện nay. Tuy nhiên, dạng bố cục nhiều cột vẫn hữu ích khi bạn cần làm nổi bật nội dung nào đó, vì nó giúp mắt người xem quét và đọc dễ dàng nội dung đó hơn.

      Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng tạo bố cục nhiều cột trong các bài đăng WordPress mà không cần viết bất kỳ code HTML nào.

       

      Cách dễ dàng nhất để thêm nhiều cột trong bố cục WordPress

      Tạo 1 bố cục nhiều cột hay còn gọi là “tạo nội dung dạng lưới” trong WordPress rất đơn giản. Đây là một tính năng mặc định trong trình chỉnh sửa WordPress Block Editor Gutenberg , có thể giúp cho bạn tùy chỉnh nhiều cột một cách đơn giản.

      Để thêm bố cục nhiều cột, bạn cần tạo một bài đăng mới hoặc chỉnh sửa bài hiện có. Khi bạn đang trong khu vực chỉnh sửa bài đăng, hãy nhấp vào biểu tượng ‘Add” nằm ở trên cùng để thêm một Block mới.

      Tiếp theo, bạn cần chọn biểu tượng Columns nằm dưới tab Layout Elements.

      Bây giờ bạn sẽ thấy con trỏ chuột ở cột bên trái và một văn bản ngắn sẽ xuất hiện ở cột bên phải.

      Như bạn có thể thấy trong ảnh chụp màn hình ở trên, vùng cột mới được tạo ra chỉ là một vùng trống không có nội dung. Nếu bạn di chuột qua bên trái, bạn có thể thấy đường viền khối bao quanh được tô sáng, và vùng bên phải cũng tương tự như vậy.

      Khi tạo 1 cột mới trong văn bản đang được soạn thảo thì mặc định luôn luôn có hai cột . Tuy nhiên, bạn có thể tăng số lượng cột văn bản theo ý muốn, bằng cách thêm số cột bạn muốn tại vùng cài đặt cột nằm bên phải ( như hình trên) . WordPress cho phép bạn có thể có tối đa sáu cột trong một hàng.

      Bắt đầu thêm nội dung bằng cách nhấp vào cột bạn muốn thêm, ngoài ra bạn có thể sử dụng phím tab trên bàn phím để chuyển sang cột tiếp theo, tương tự như cách di chuyển trong Exel.

      Cách để thêm Media hoặc định dạng khác trong cột của bạn

      Ngoài nội dung văn bản được mặc định dùng trong cột , bạn cũng có thể thêm hình ảnh và nhúng video (embed video) vào các cột trong WordPress.

      Chỉ cần đưa con nháy chuột vào một cột thì bạn sẽ thấy hiển thị biểu tượng ‘Add new block’ , ngoài ra bạn cũng có thể thêm một Block bằng cách gõ “/” và sau đó là lựa chọn định dạng của Block đó, có thể là video, hoặc hình ảnh tùy thích.

      Block với định dạng đã chọn của bạn sẽ xuất hiện bên trong cột , sau đó bạn có thể tiếp tục thêm nội dung bạn muốn.

      Trong ảnh minh họa này, Block mới được tạo khi dùng theme Twenty Nineteen mặc định của WordPress. Bạn có thể thấy chúng tôi đã tạo ra 3 cột. Trong đó: 2 cột đầu có định dạng là văn bản, cột thứ 3 chúng tôi chèn 1 hình ảnh minh họa.

      Có cách dễ dàng hơn nếu bạn chỉ muốn thêm 1 Media và 1 chú thích nhỏ nằm bên cạnh nó, bạn có thể sử dụng Block “Media and Text“. Block này được tạo riêng để hiển thị Media kèm với 1 nội dung văn bản.

       

      Thêm nhiều cột trong Trình chỉnh sửa WordPress phiên bản cũ


      Trong trường hợp bạn chưa nâng cấp WordPress của bạn lên để dùng trình chỉnh sửa Gutenberg và vẫn sử dụng Classic Editor, bạn sẽ cần phải cài đặt một plugin riêng để tạo bố cục nhiều cột.

      Đầu tiên, bạn cần cài đặt và kích hoạt plugin Lightweight Grid Columns. Để được hướng dẫn chi tiết, hãy làm theo hướng dẫn từng bước của chúng tôi về cách cài đặt plugin trong WordPress.

      Khi cài đặt và kích hoạt plugin xong, bạn có thể tạo một bài đăng mới hoặc chỉnh sửa một bài đăng cũ để thử nghiệm. Tại vùng soạn thảo văn bản, bạn nhấp vào nút “Add Columns” từ thanh công cụ.

      Bây giờ bạn sẽ thấy một pop-up bật lên cho phép thêm cột đầu tiên của bạn. Bạn có thể chọn kích thước cho cột của bạn theo tỷ lệ % hiển thị trên máy tính để bàn, máy tính bảng và thiết bị di động.

      Ví dụ: nếu bạn đặt tỷ lệ phần trăm cột trên máy tính để bàn là 50%, thì khi duyệt website bằng máy tính để bàn, cột của bạn sẽ chiếm 50% hàng nội dung.

      Có rất nhiều tùy chọn để đặt độ rộng cột của bạn, từ 5% đến 100% (tăng 5% mỗi tùy chọn). Bạn có thể chọn một tùy chọn phần trăm hiển thị bằng cách nhấp vào menu thả xuống.

      Sau đó, bạn cần thêm nội dung cột vào ô Content, sau đó nhấp vào nút OK để chèn nó vào bài đăng của bạn.

      Bây giờ plugin sẽ tạo ra một shortcode với nội dung mà bạn đã thêm và chèn nó vào trình chỉnh sửa bài đăng của bạn.

      Bây giờ, cột đầu tiên của bạn đã được thêm vào trong bài viết. Bạn có thể lặp lại quy trình thêm cột trên để thêm nhiều cột hơn. Đối với cột cuối cùng trong hàng, hãy đánh dấu vào ô Last column in row.

      Sau đó, bạn có thể lưu bài viết của mình lại và bật chế độ xem trước bài viết đó. Hình minh họa dưới đây, chúng tôi chụp ảnh màn hình với 2 cột được hiển thị bằng Theme Twenty Seventeen.

      Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm các cột trong bài đăng WordPress mà không sử dụng code HTML. Bạn cũng có thể muốn xem hướng dẫn đơn giản nhất của chúng tôi về cách dễ dàng căn chỉnh hình ảnh trong WordPress.

      Nếu bạn thích bài viết này, thì vui lòng đăng ký Kênh YouTube của chúng tôi để xem thêm nhiều video hướng dẫn. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

       

      Like this:

      Like Đang tải...
      • Xu Hướng
      • Bình luận
      • Mới nhất
      Hướng dẫn cho phép đăng ký tài khoản trên WordPress

      Hướng dẫn cho phép đăng ký tài khoản trên WordPress

      21/05/2020
      Hướng dẫn sử dụng trình chỉnh sửa Block Editor mới trên WordPress (Gutenberg)

      Hướng dẫn sử dụng trình chỉnh sửa Block Editor mới trên WordPress (Gutenberg)

      09/07/2020
      PDF

      Cách upload file PDF lên trang web WordPress

      11/06/2020

      EXAMPLEARTICLE

      0
      Hướng dẫn cài đặt WordPress trên Amazon Web Services

      Hướng dẫn cài đặt WordPress trên Amazon Web Services

      0
      Hướng dẫn cách hạn chế không cho phép điền form đối với người dùng không đăng nhập

      Hướng dẫn cách hạn chế không cho phép điền form đối với người dùng không đăng nhập

      0
      Cách tạo giỏ hàng cho người dùng trên WordPress bằng cách dùng BigCommerce

      Cách tạo giỏ hàng cho người dùng trên WordPress bằng cách dùng BigCommerce

      0

      EXAMPLEARTICLE

      06/02/2025

      EXAMPLEARTICLE

      16/01/2025

      EXAMPLEARTICLE

      16/01/2025

      Exploring Dating Trends and Platforms

      19/09/2024
      QUẢNG CÁO

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

      EXAMPLEARTICLE

      06/02/2025

      EXAMPLEARTICLE

      16/01/2025

      EXAMPLEARTICLE

      16/01/2025

      Exploring Dating Trends and Platforms

      19/09/2024

      Exploring Dating Trends and Platforms

      29/08/2024


      Cùng Học WP blog chia sẻ kiến thức học tập về WordPress, Hosting, Marketing, SEO, MMO miễn phí. Phương châm của cunghocwp.com là cho đi giá trị.

      Liên Hệ Cùng Học WP

      Mọi thông tin liên hệ về Cùng Học WP mời các bạn liên hệ trực tiếp chúng tôi theo các thông tin sau:

          • Hotline: 0973.666.777
          • Email: lienhe@cunghocwp.com
          • Địa chỉ: 387 Nguyễn Đình Chiểu, Phường 5, Quận 3, Hồ Chí Minh

      © 2020 – Cùng Học WordPress. All Right Reserved.

      Về chúng tôi  /  Liên hệ  /  Chính sách bảo mật  /  Quy định sử dụng

      • WordPress
        • WordPress PLUGINS
        • WordPress SEO
        • WordPress THEMES
      • Công cụ
        • Design
      • Hosting
        • Domain Hosting
      • News

      © 2025 JNews - Premium WordPress news & magazine theme by Jegtheme.

      Xin Chào !

      Đăng nhập vào tài khoản của bạn bên dưới

      Đã quên mật khẩu?

      Tạo tài khoản mới!

      Điền vào các mẫu dưới đây để đăng ký

      Tất cả các trường đều được yêu cầu. Đăng nhập

      Truy xuất mật khẩu của bạn

      Vui lòng nhập tên người dùng hoặc địa chỉ email của bạn để đặt lại mật khẩu của bạn.

      Đăng nhập
      %d bloggers like this: