Bỏ qua đến nội dung chính

Cách thêm nhiều cột trên WordPress mà không cần sử dụng plugin

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bạn có muốn thêm nội dung nhiều cột vào bài đăng WordPress của mình không?

Cột có thể được sử dụng để tạo Bố cục hấp dẫn cho các ấn phẩm và trang của bạn.

Các phương tiện in truyền thống, chẳng hạn như báo và tạp chí, đã sử dụng bố cục nhiều cột từ những ngày đầu in ấn. Mục đích của họ là cho phép người sử dụng dễ dàng hơn để đọc một văn bản nhỏ hơn trong khi sử dụng không gian có sẵn một cách kinh tế.

Nếu bạn chưa tạo trang web hoặc blog trên WordPress, mời bạn tham khảo Làm thế nào để cài đặt một bước 7 blog WordPress sau đó, Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn

Bố cục cột đơn được sử dụng phổ biến hơn trên web. Tuy nhiên, lưới với nhiều cột vẫn hữu ích để làm nổi bật nội dung và tạo điều kiện cho việc đọc và phân tích.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm nội dung nhiều cột vào bài đăng WordPress của bạn mà không cần viết bất kỳ mã HTML nào.

Thêm nội dung vào nhiều cột wordpress e1565264744355

Thêm nội dung nhiều cột trong WordPress - Giải pháp dễ dàng

Tạo nội dung nhiều cột, còn được gọi là nội dung lưới trong WordPress, giờ đây trở nên đơn giản vì nó là một tính năng mặc định. Các trình chỉnh sửa khối WordPress Gutenberg mới đề xuất một khối cột.

Để 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 một bài đăng. Khi ở trong khu vực chỉnh sửa, hãy nhấp vào nút " Thêm On Ở trên cùng để thêm một khối.

Sau đó, bạn phải chọn khối cột "Nằm trong tab" Phần tử bố cục ".

Thêm cột wordpress

Bạn sẽ thấy con trỏ chuột nhảy ở cột bên trái và một trình giữ chỗ cho văn bản sẽ xuất hiện ở cột bên phải.

Các cột trên wordpress gutenbeg

Như bạn có thể thấy trong ảnh chụp màn hình ở trên, khối Cột lúc đầu có vẻ là một vùng trống. Nếu bạn di chuột sang trái, bạn có thể thấy đường viền của khối được đánh dấu.

Bạn cũng sẽ có thể nhìn thấy các thông số khối ở cột bên phải của màn hình.

Ví dụ về cột gutenbergTheo mặc định, khối cột thêm hai cột. Bạn có thể tăng số cột bạn muốn thêm từ cài đặt khối ở bên phải. Điều này cho phép bạn thêm tối đa sáu cột trên một hàng.

Chỉnh sửa cột gutenberg wordpressChỉ cần nhấp vào một cột và bắt đầu nhập để thêm nội dung. Bạn có thể sử dụng phím Tab trên bàn phím của mình để chuyển sang cột tiếp theo.

Chuyển đến cột wordpress tiếp theoThêm đa phương tiện và nội dung khác vào các cột của bạn

Ngoài nội dung văn bản, bạn cũng có thể thêm hình ảnh và nhúng video vào các cột WordPress.

Khối cột cho phép bạn thêm khối bên trong mỗi cột. Chỉ cần di chuột qua một cột và bạn sẽ nhận thấy "Thêm một khối mớiBên trong. Bạn cũng có thể thêm một khối bằng cách nhập tên của khối.

Thêm hình ảnh vào cột

Khối đã chọn của bạn sẽ xuất hiện trong cột. Bạn có thể đến đó và thêm nội dung.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Để tải lên - tải lên - phương tiện của bạn, hãy khám phá bài viết của chúng tôi trên Cách tải lên phương tiện hàng loạt của bạn trên WordPress

Khối hình ảnh cột Gutenberg

Đây là cột mới của bạn có thể trông như thế nào trong chủ đề mặc định của Twenty Nineteen. Trong ví dụ này, chúng tôi sử dụng ba cột và cột cuối cùng chứa một hình ảnh.

Hình ảnh thêm cột gutenberg

Nếu bạn chỉ muốn thêm một hình ảnh và văn bản sang một bên, bạn cũng có thể sử dụng khối Phương tiện và văn bản Thay vì cột. Khối này được thiết kế đặc biệt để hiển thị phương tiện như hình ảnh và video bên cạnh văn bản.

Wordpress khối văn bản media

Bổ sung một số cột trong trình chỉnh sửa cổ điển của WordPress

Nếu bạn chưa nâng cấp WordPress lên Gutenberg và vẫn đang sử dụngbiên tập viên cổ điểnbạn cần cài đặt một plugin riêng để tạo bố cục dạng lưới cột.

Bắt đầu bằng cách cài đặt và kích hoạt plugin Cột lưới nhẹ

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

Sau khi kích hoạt, bạn có thể tạo một tin nhắn mới hoặc mở một tin nhắn cũ để chỉnh sửa. Sau đó nhấp vào " Thêm cột Trong thanh công cụ của trình chỉnh sửa trực quan.

Thêm cột trình soạn thảo cổ điển wordpressBây giờ bạn sẽ thấy một cửa sổ bật lên cho phép bạn thêm cột đầu tiên của mình. Bạn có thể chọn diện tích mà cột của bạn có thể bao phủ, trên máy tính để bàn, máy tính bảng và thiết bị di động khác nhau.

Đi xa hơn bằng cách khám phá Làm thế nào để tạo ra một chiều rộng trang đầy đủ trên WordPress

Ví dụ: nếu bạn đặt tỷ lệ phần trăm lưới máy tính để bàn 50%, cột của bạn sẽ chiếm một nửa dòng.

Xác định phần trăm cột

Nó có nhiều tùy chọn để đặt độ rộng của cột của bạn, từ 5% đến 100% với khoảng 5. Bạn có thể chọn một bằng cách nhấp vào menu thả xuống.

Tùy chọn chiều rộng cột

Sau đó, bạn phải thêm nội dung của cột của mình trong vùng "Nội dung", rồi nhấp vào nút "OK" để chèn nó vào ấn phẩm của bạn.

Nội dung của chuyên mục divi

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Plugin sẽ tạo shortcode bắt buộc với nội dung của bạn và thêm nó vào trình chỉnh sửa bài đăng của bạn.

Khám phá trong hướng dẫn này Làm thế nào để cài đặt và cấu hình plugin WP Super Cache để cải thiện hiệu suất của blog của bạn.

Đã thêm cột trên trình soạn thảo wordpress cổ điển

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

Thêm một cột khác trên trình soạn thảo wordpress cổ điển

Sau đó, bạn sẽ có thể lưu bản xem trước của mình và xem trước nó. Đây là những gì nó trông giống như trên trang web thử nghiệm Twenty Seventeen của chúng tôi.

Đã thêm cột demo wordpress

Nếu bạn cũng muốn tìm các chủ đề WordPress có thể giúp bạn tạo các cột trên trang hoặc ấn phẩm của mình, thì đây là các chủ đề 3 WordPress phí bảo hiểm hoàn hảo cho nhiệm vụ này.

1. TheGem

Có nhiều chủ đề WordPress có thể yêu cầu cung cấp bố cục OnePage, nhưng không có chủ đề nào có thể cung cấp vô số tùy chọn và tính năng có sẵn trong tempate WordPress TheGem. 

Thegem chủ đề wordpress đa năng tạo trang web

Tất cả các yếu tố thiết kế mà bạn liên kết với một trang web OnePage tốt đều có trong chủ đề WordPress này: một thanh trượt toàn màn hình (có thể được tạo bằng plugin Revolution Slider đi kèm với chủ đề WordPress), lựa chọn sáu kiểu tiêu đề và khả năng tạo các phần có chiều rộng đầy đủ bằng cách sử dụng plugin Visual Composer có trong gói.

Ngoài ra, nó có một số tùy chọn tùy chỉnh cho các mục như phông chữ, màu sắc và biểu tượng. Đó là một điều hiếm, nhưng cũng có những chi tiết chúng tôi không thích về TheGem. Nhưng về cơ bản, đây là một chủ đề WordPress phù hợp với bạn, với số lượng điểm tích cực mà nó có. Đây là một đối thủ cạnh tranh mạnh, sẽ tạo điều kiện cho việc tạo ra một trang web OnePage.

Tải vềBản demo | Web hosting

2. Stockholm

Stockholm là một chủ đề WordPress được thiết kế để giúp bạn tạo trang web của một công ty xây dựng, kỹ thuật dân dụng hoặc bất kỳ công ty nào liên quan đến thế giới cải tạo tòa nhà. Mẫu WordPress này hướng đến các chuyên gia quan tâm đến chất lượng và chi tiết.

stockholm-theme-wordpress-đa-đa-tạo-site-internet

Đi kèm với bảng điều khiển tùy chọn và phần phụ trợ thân thiện với người dùng, chúng sẽ cho phép bạn dễ dàng quản lý nội dung của mình. Có khoảng 20 bản demo của mẫu này trình bày một loạt các hoạt động mà chủ đề WordPress này có thể được sử dụng. Và những điều này cũng có thể được sử dụng làm cơ sở để tùy chỉnh trong tương lai để trang web của bạn có một cái nhìn độc đáo.

Rất nhạy, nó được hiển thị hoàn hảo trên mọi loại màn hình. Nếu trong quá trình tùy chỉnh hoặc cài đặt mẫu này, bạn gặp phải khó khăn, tài liệu đầy đủ có trong gói có thể dùng làm hướng dẫn. Và nếu bạn vẫn không thể, hỗ trợ dành riêng cho chủ đề này WordPress vẫn tùy ý bạn.

Tải vềBản demo | Web hosting

3. sao Mộc

Jupiter là một chủ đề WordPress rất phổ biến. Nó có các bản demo 25 bao gồm 6 từ các danh mục của chúng tôi - đại lý, sáng tạo, giáo dục, thực phẩm, y tế và thương mại điện tử - và nhiều hơn nữa sẽ được thêm vào nó trong các bản cập nhật trong tương lai. Hầu hết các bố cục của nó có thiết kế tối giản, với một kiểu chữ dễ chịu.

Jupiter-theme-wordpress-đa-đa-tạo-site-internet

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Một trong những điểm bán hàng chính của Sao Mộc là Trình tùy chỉnh Tiêu đề Sáng tạo cho phép bạn nhanh chóng và dễ dàng tùy chỉnh thiết kế tiêu đề của trang web của bạn. Trình soạn thảo trực quan, thanh trượt 3 (Lớp, Cách mạng và iCarousel), mã ngắn mới 10, nhiều hơn các biểu tượng 1800 và các loại bài đăng tùy chỉnh 10 đều được bao gồm trong phân phối.

Thời gian tải trang của nó cũng là tuyệt vời. Đây là một sản phẩm tuyệt vời và sẽ rất khó để tìm thấy rất nhiều chủ đề WordPress với các đặc điểm của nó.

Tải vềBản demo | Web hosting

Các tài nguyên được đề xuất khác

Để tiến xa hơn trong việc tối ưu hóa blog hoặc trang web của bạn, chúng tôi cũng khuyên bạn nên tham khảo một số liên kết sẽ đưa bạn vào thế giới của Gutenberg

Kết luận

Đây ! Đó là nó cho hướng dẫn này. 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ột vào các bài đăng và trang WordPress của mình. thoải mái để chia sẻ hướng dẫn này với bạn bè của bạn trên các mạng xã hội của bạn.

Nếu bạn có đề xuất hoặc ý kiến, họ sẽ được chào đón. Nhưng nếu bạn là người mới, chúng tôi mời bạn tham khảo ý kiến ​​của chúng tôi ressources.

... 

Bài viết này chứa comments 18

  1. Xin chào, tôi có trình cắm này…. nhưng nó không hoạt động tốt, nó xảy ra:

    Tôi đang tạo hai cột, một cột nhỏ hơn cho ảnh, một cột khác lớn hơn cho văn bản, vì vậy văn bản chỉ có 2 hàng, không có chiều cao đầy đủ của cột, khi lưu văn bản JUMP bên dưới ảnh, thay vì ở lại accano, thấy rằng một cột biến mất… ..
    Tôi làm gì? tại sao điều này lại xảy ra, có một plg-in khác tốt hơn và đơn giản hơn điều này ở đây?
    Cảm ơn, tôi sẽ biết ơn sự giúp đỡ!

    1. Xin chào Irina,

      Hãy thử kích hoạt chủ đề WordPress mặc định, nếu mọi thứ hoạt động tốt thì vấn đề là với chủ đề WordPress hiện tại của bạn.

      Cũng kiểm tra xem bạn đã cập nhật plugin chưa.

  2. Tất cả những gì tôi có thể nói là đây là Geniale.
    nó hoạt động rất tốt và ca đáp ứng tất cả mong đợi của tôi.
    nhờ nombreu (BCP)

      1. Tôi đã sao chép một số văn bản và thử dán bằng CRTL + V nhưng không thành công. Menu ngữ cảnh với nhấp chuột phải không cung cấp để dán.
        Tôi không tìm thấy giải pháp nào khác ngoài việc gõ lại mọi thứ ...

        1. Xin lỗi vì những lời cuối.
          Bạn có thể đảm bảo rằng bằng cách nhấp chuột phải vào một phần tử khác trên trang, menu ngữ cảnh được hiển thị không? Nếu đúng như vậy, thì rất có thể có sự cố JavaScript với máy chủ của bạn.
          Nếu bạn đang sử dụng Google Chrome, hãy truy cập trang mà bạn gặp sự cố, sau đó nhấn phím "F12" (một cửa sổ sẽ mở ra hoặc sẽ được gắn vào trang) rồi chọn tab "Bảng điều khiển" . Chụp ảnh màn hình của tab này và tôi sẽ cho bạn biết nếu có vấn đề.

          1. Bonjour,
            Merci pour Votre phản ứng.
            Trang web của tôi được lưu trữ bởi Miễn phí, có thể có vấn đề về javascript.
            Bạn có thể cho tôi biết cách bạn chuyển tiếp ảnh chụp màn hình mà tôi đã thực hiện không?
            Thân chào

          2. Chúng tôi muốn Mireille nhưng các loại dịch vụ mà bạn yêu cầu được may thanh toán và chúng tôi mời bạn liên hệ với đội ngũ kỹ thuật của chúng tôi blogpascher.com

          3. Khi tôi cài đặt phiên bản miễn phí bị hạn chế, tôi nghĩ rằng vấn đề là ở đó.
            Tôi sẽ cố gắng cài đặt phiên bản khác ...

      2. Tôi đã sao chép một số văn bản và cố gắng dán nó vào một cột trong plugin. Không thể, cả với phím tắt CTRL + V cũng như trong menu ngữ cảnh của nhấp chuột phải không cung cấp chức năng này.
        Có bất kỳ thay thế cho nhập lại tất cả mọi thứ?

  3. Tôi chỉ có một từ để nói Tuyệt vời! Tôi đã cài đặt nó và sau hai hoặc ba lần sửa chữa, tôi đã tạo được cột, cảm ơn!

  4. xin chào, tôi đã cài đặt các cột wp nâng cao.
    nhưng khi tôi nhìn vào trang, tôi có một hình vuông màu trắng hiện diện ở trên cùng bên trái của mỗi cột? Bạn có thể giúp tôi được không. cảm ơn bạn

    1. Bonjour,

      Chúng ta có thể không thực sự giúp bạn nếu bạn không cho biết chi tiết về cách bạn làm gì để có một hình vuông màu trắng.

      Merci.

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

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
6 cổ phiếu
cổ phiếu4
tweet1
Enregistrer1