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, chúng tôi mời bạn tham khảo Cách cài đặt blog WordPress trong 7 bước tiếp theo, 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.

Để 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 theme WordPress mặc định Twenty Nineteen. Trong ví dụ này, chúng tôi đang 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

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

Ở đây co rât nhiêu Chủ đề WordPress có thể yêu cầu cung cấp bố cục OnePage, nhưng không có trang nào có thể cung cấp vô số tùy chọn và tính năng mà mẫu TheGem WordPress có. 

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

Tất cả các yếu tố thiết kế bạn liên kết với một trang web OnePage tốt đều có trong theme WordPress : thanh trượt toàn màn hình (có thể được tạo bằng plugin Revolution Slider được cung cấp cùng với theme 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ơ khí 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à. Đây Mẫu WordPress 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

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 rất tuyệt vời. Đây là một sản phẩm tuyệt vời, và bạn sẽ khó có thể tìm thấy nhiều Chủ đề WordPress 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.

...