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

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 kể từ khi bắt đầu in. 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, chúng tôi 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 một cột được sử dụng phổ biến hơn trên Web. Tuy nhiên, lướ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 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 trên WordPress, giờ đây đơn giản vì đây 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 phải tạo một bài viết mới hoặc chỉnh sửa một bài viết mới. Khi ở trong khu vực chỉnh sửa, nhấp vào biểu tượng " Thêm On Ở trên cùng để thêm một khối.

Sau đó, bạn phải chọn khối cột Trong tab "Bố cục phần tử".

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.

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

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

Theo mặc định, khối cột thêm hai cột. Bạn có thể tăng số lượng 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 dòng.

Chỉ 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 để di chuyển sang cột tiếp theo.

Thê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à video nhúng vào các cột WordPress.

Khối cột cho phép bạn thêm các khối bên trong mỗi cột. Chỉ cần đặt chuột trên một cột và bạn sẽ thấy biểu tượngThê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.

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 xem bài viết của chúng tôi về Cách tải lên phương tiện hàng loạt của bạn trên WordPress

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

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.

Thêm nhiều 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 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.

Khi bạn 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 đó bấm vào nút Thêm cột Trong thanh công cụ của trình soạn thảo trực quan.

Bâ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 bạn. Bạn có thể chọn khu vực 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.

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.

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]

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

Plugin sẽ tạo ra shortcode cần thiết với nội dung của bạn và thêm nó vào nhà xuất bản 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.

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

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.

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.

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, công ty xây dựng 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 xây dựng. 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 tùy chọn và 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 các bản demo 20 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à chúng cũng có thể làm cơ sở cho việc tùy chỉnh trong tương lai để trang web của bạn có giao diệ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

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

Thế thôi! Đó 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ác cột vào ấn phẩm và trang WordPress của bạn. Đừng ngần ngạ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ó plug-in này ... nhưng nó không hoạt động tốt, nó sẽ xảy ra:

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

    1. Xin chào Irina,

      Hãy thử kích hoạt chủ đề mặc định của WordPress, nếu mọi thứ hoạt động tốt, thì đó là vì vấn đề xuất phát từ 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.

      1. Tôi sao chép một số văn bản và đã cố gắng dán bởi CRTL + V, không thành công. Trình đơn ngữ cảnh chuột phải không đề xuất dán.
        Tôi đã không tìm thấy bất kỳ giải pháp khác hơn để nhập lại ...

        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 lên một mục khác trên trang, menu ngữ cảnh sẽ xuất hiện? Nếu đây là trường hợp, có thể một vấn đề JavaScript xảy ra trên hosting 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 "F12" (cửa sổ sẽ mở hoặc được đính kèm vào trang) và 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ó sự cố.

          1. Bonjour,
            Merci pour Votre phản ứng.
            Trang web của tôi được lưu trữ bởi Free, có thể là có một vấn đề javascript.
            Bạn có thể cho tôi biết làm thế nào để truyền ảnh chụp màn hình mà tôi thực hiện?
            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 một phiên bản Freeze cho Free, tôi nghĩ rằng vấn đề xuất phát từ đó.
            Tôi sẽ cố gắng để cài đặt một phiên bản khác ...

      2. Tôi đã sao chép một văn bản và cố gắng dán nó vào một cột trong plugin. Không thể, không phải với phím tắt CTRL + V, cũng không phải trong trình đơn ngữ cảnh của nhấp chuột phải mà 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ứ?

  2. Tôi chỉ có một từ để nói Awesome! Tôi đã cài đặt nó và sau hai ba chỉnh sửa, tôi đã quản lý để làm cho cột, cảm ơn bạn!

  3. xin chào tôi đã cài đặt cột tiên tiến wp.
    nhưng khi tôi nhìn vào trang tôi có một hình vuông màu trắng có mặt ở 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