Cách thêm nhiều cột trong WordPress (2 phương thức)

Việc thực hành sắp xếp nội dung thành các cột đi trở lại những ngày đầu của báo chí in. Định dạng này có thể là một cách linh hoạt để tổ chức văn bản, hình ảnh của bạn, và nhiều hơn nữa. Tuy nhiên, thêm nhiều cột trong WordPress và nhận được đúng vị trí của họ có thể là một chút khéo léo.

May mắn thay, nó không phải là như vậy. Bây giờ bạn có thể sử dụng trình biên tập khối để dễ dàng thêm nhiều cột để viết WordPress và các trang của bạn trong một vài bước ngắn.

Bạn cũng có thể đạt được bố cục này bằng trình chỉnh sửa cổ điển và plugin Builder trang.

Trong hướng dẫn này, chúng ta sẽ xem xét cách thêm nhiều cột trong WordPress.

Bắt đầu nào!

Tại sao sử dụng bố cục nhiều cột

Từ việc chọn chủ đề phù hợp với Thêm phông chữ tùy chỉnh , Cá nhân hóa thiết kế trang web của bạn rất quan trọng để thiết lập thương hiệu của bạn. Bố cục bài đăng và trang của bạn cũng là một phần của câu đố này. Thử nghiệm với các tùy chọn định dạng khác nhau có thể là một cách thú vị để thêm sự đa dạng về cấu trúc vào nội dung của bạn.

Vì không có định dạng nào duy nhất tốt nhất cho khả năng đọc , bạn có thể sáng tạo và tìm thấy một cái nhìn phù hợp với bạn. Bạn có thể chuyển đổi nó khỏi trang này sang trang này sang trang khác nhau và tạo một trang web WordPress bao gồm các trang với các bố cục khác nhau, như trong this demo:

Cột là một định dạng đặc biệt linh hoạt. Nếu bạn đang tìm cách sử dụng dung lượng của mình về kinh tế, chúng là một cách dễ dàng để phân đoạn văn bản của bạn.

Bạn cũng có thể sử dụng các cột để ghép các tiện ích khác nhau với nhau một cách gắn kết, như Theme Buddyboss Hiển thị:

Hoặc, bạn có thể quan tâm đến việc sử dụng định dạng linh hoạt có thể bị xóa hoặc định hình lại dựa trên nhu cầu của bạn. Không có vấn đề lý luận của bạn, các cột có thể thêm một số loại và tổ chức vào trang web của bạn.

Cách thêm nhiều cột trong WordPress (2 phương thức dễ dàng)

Trong những ngày đầu của WordPress, người dùng cần phải có kiến ​​thức làm việc về HTML và có thể tự tin chỉnh sửa mã của họ để thêm các cột vào bài đăng của họ. Quay lại sau đó, viết nội dung và chỉnh sửa không phải là trải nghiệm thân thiện với người dùng nhất.

May mắn thay, giờ đây có hai phương pháp dễ dàng để thêm các cột trong WordPress - không cần HTML.

Trình chỉnh sửa khối đi kèm với một tính năng cột tích hợp trực quan và những người thích trình soạn thảo cổ điển sẽ rất vui khi biết rằng bạn vẫn có thể tránh các cột mã hóa tay với sự trợ giúp của một plugin.

Bây giờ, hãy xem hai phương pháp.

Phương thức One: Sử dụng chức năng gốc của trình soạn thảo khối

Chúng tôi sẽ bắt đầu với việc thêm nhiều cột bằng trình soạn thảo khối (Gutenberg). Giao diện tạo nội dung WordPress mặc định mới cung cấp toàn bộ lưu trữ các tính năng hữu ích , tất cả tập trung vào các khối nội dung dễ di chuyển.

Một trong những tính năng này là khối cột có tên Aptly, giúp bạn tạo nhiều cột như bạn muốn.

Để bắt đầu, hãy nhập "Cột" vào hộp tìm kiếm của trình soạn thảo khối mà bạn có thể mở bằng cách nhấp vào nút +. Ngoài ra, bạn chỉ cần nhấp vào màn hình và bắt đầu gõ "/ cột" để hiển thị tùy chọn tương tự.

Điều này sẽ gọi lên một cửa sổ nơi bạn có thể chọn bố cục cột:

Bắt đầu với hai cột mặc định và điều chỉnh cài đặt sau này cũng là một tùy chọn.

Khi bạn đã chỉ định có bao nhiêu phần bạn muốn và cách bạn muốn chia chúng, bạn có thể kéo và thả khối bất cứ nơi nào bạn muốn.

Tiếp theo, bạn có thể lồng các khối khác trong khối cột. Tất cả đều có thể là các khối văn bản, hoặc bạn có thể lắc nó lên. Hãy thử tăng cường một cột văn bản bằng cách đặt nó bên cạnh một cột hình ảnh hoặc lịch để làm cho nó nổi bật:

Đừng ngại tận dụng sự linh hoạt của biên tập viên bằng cách trộn và kết hợp các yếu tố.

Sau đó, bạn có thể quay lại các cài đặt khối cột và điều chỉnh tỷ lệ chiều rộng để phù hợp với nhu cầu của bạn. Mỗi cột riêng lẻ có thể được điều chỉnh tùy thuộc vào loại hình bạn đang chụp.

Nhờ giao diện trực quan của Block Editor, công việc của bạn trên phần phụ trợ sẽ dịch khá trực tiếp vào Frontend. Để tham khảo, đây là những gì ví dụ của chúng tôi trông như sau khi xuất bản:

Khi bạn có được sự hiểu biết về những điều cơ bản, có nhiều thứ khác để khám phá với các cột.

Nếu bạn đang tìm kiếm nhiều chức năng hơn với trình soạn thảo khối, bạn có thể muốn xem xét tải xuống một plugin khối AI = 1> và thử nghiệm với sự kết hợp nội dung mới. feature-boosting block plugin and experimenting with new content combinations.

Phương pháp hai: Sử dụng Trình chỉnh sửa cổ điển và Trình tạo trang của SiteOrigin

Nếu bạn nói nhiều về một truyền thống và vẫn sử dụng trình soạn thảo cổ điển, bạn cũng có thể thêm nhiều cột vào bài đăng và trang mà không cần mã. Tất cả bạn sẽ cần là một plugin. Có rất nhiều tùy chọn có thể hoàn thành công việc, vì vậy điều đầu tiên bạn cần làm là chọn một.

Vì tôi là một fan hâm mộ lớn của Builder của Siteorigin plugin, tôi sẽ sử dụng cái này để tạo nhiều cột Bố cục trong trình soạn thảo cổ điển: Page Builder by SiteOrigin plugin, Ill use this one to create a multi-column layout in the classic editor:

Trình tạo trang là một tùy chọn miễn phí vững chắc, sử dụng giao diện kéo và thả trực quan và có hơn 1 triệu cài đặt hoạt động.

Khi bạn có đã cài đặt và kích hoạt plugin trên trang web của bạn, hãy chuyển đến trang Cài đặt của nó bằng cách nhấp vào Cài đặt> Trình xây dựng trang Menu ở thanh bên trái. .installed and activated the plugin on your site, go to its settings page by clicking the Settings > Page Builder menu in the left sidebar.

Tại đây, chọn Chung và kiểm tra Sử dụng Trình chỉnh sửa cổ điển cho các bài đăng mới Tùy chọn: được cài đặt và kích hoạt trên trang web của bạn để tùy chọn này hoạt động. Use Classic Editor for New Posts option:

Lưu ý rằng bạn cũng cần phải cài đặt plugin được cài đặt và kích hoạt trên trang web của bạn để tùy chọn này hoạt động.

Bây giờ, bạn có thể thêm các cột bằng cách mở một bài đăng hiện có hoặc tạo một bài mới và điều hướng đến Builder ở phía trên bên phải - Góc tay: Thêm hàng sẽ tạo một hàng mới, nơi bạn có thể thêm các cột của mình:

TẠI ĐÂY, nhấp vào nút Thêm hàng sẽ tạo một hàng mới, nơi bạn có thể thêm các cột của mình:

Điều này sẽ mở ra một giao diện nơi bạn có thể điều chỉnh một số cài đặt ban đầu, bao gồm số, tỷ lệ và hướng của các cột của bạn:

Chỉ định số lượng cột và quyết định tỷ lệ của họ sẽ là gì. Sau đó, nhấp vào chèn để đặt chúng vào bài viết của bạn.

Tương tự như trình soạn thảo khối, Trình tạo trang của Plugin SiteOrigin cho phép bạn chèn các tiện ích khác nhau vào cấu trúc cột.

Chọn cột bạn muốn thêm tiện ích vào, sau đó nhấp vào nút Thêm tệp , sẽ hiển thị bảng điều khiển sau : .Add Widget button, which will bring up the following panel:

Chọn yếu tố bạn muốn kết hợp và điền nó với nội dung của bạn.

Backend của bài viết của bạn bây giờ trông giống như thế này:

Hoàn thiện những thay đổi của bạn

Điều này sẽ dịch sang kết quả trên frontend trông giống như thế này:

Hãy thử chơi xung quanh với các cặp widget khác nhau để đạt được một cái nhìn độc đáo cho trang web của bạn. Đó là một quá trình dễ dàng, bạn có thể đảo ngược bất cứ lúc nào, vì vậy đừng ngại phá vỡ khuôn và sáng tạo.

Phần kết luận

Thêm các cột vào trang web WordPress của bạn có thể giúp giữ cho bố cục của bạn tươi và hấp dẫn.Trong khi quá trình làm như vậy đôi khi có thể có một chút thách thức, có những phương pháp đơn giản bạn có thể sử dụng để làm cho nó dễ dàng hơn.

Trong hướng dẫn này, chúng tôi đã bao gồm hai phương pháp từng bước để thêm nhiều cột trong WordPress:

1. Sử dụng khối cột tích hợp của trình soạn thảo khối
2. Cài đặt một plugin như Trang Builder Để sử dụng nó với trình soạn thảo cổ điển

Cách yêu thích của bạn để thêm các cột trong WordPress là gì?Cho chúng tôi biết trong phần ý kiến dưới đây!

John Hughes.

John là một người nghiện viết blog, người hâm mộ WordPress và một nhà văn nhân viên cho WordCandy .