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

Làm thế nào để hiển thị bản WordPress của bạn trong một bố trí lưới

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 hiển thị các bài viết trong một bố cục lưới không?

Hầu hết các chủ đề WordPress không có cài đặt bố cục lưới. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách hiển thị các bài đăng WordPress của bạn trong một lưới trên một chủ đề WordPress mà không cần viết một dòng mã nào.

Nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et 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 

Nhưng trở lại lý do tại sao chúng ta ở đây.

hiển thị các bài đăng trong một bố cục lưới

Khi nào bạn cần bố cục lưới trong WordPress?

Bố cục bài dọc truyền thống hoạt động tốt cho hầu hết các trang web. Tuy nhiên, cách bố trí này có thể chiếm nhiều không gian, đặc biệt nếu bạn muốn hiển thị một số lượng lớn các bài đăng.

Vì vậy, nếu bạn có một trang chủ tùy chỉnh trên trang web WordPress của mình, bạn có thể sử dụng bố cục lưới đặc biệt để hiển thị các bài đăng gần đây của mình.

Nhân tiện khám phá Các plugin 10 WordPress được thiết kế để hiển thị một thư viện hoặc danh mục đầu tư

Bố cục này sẽ giúp bạn tiết kiệm không gian, do đó bạn có thể thêm nhiều yếu tố hơn nữa vào trang chủ của mình. Hình thức cũng trông thẩm mỹ hơn, vì hình ảnh được làm nổi bật hơn nhiều.

post-grid-plugin-wordpress-display-grid

Nhiều chủ đề WordPress được thiết kế cho các trang web tạp chí hoặc nhiếp ảnh đã sử dụng bố cục lưới để hiển thị các bài đăng của họ. Tuy nhiên, nếu bạn đang sử dụng một chủ đề WordPress không tương thích, thì bạn sẽ cần phải tạo mẫu của riêng mình. Bạn sẽ cần học PHP, HTML, CSS, v.v.

Xem thêm bài viết của chúng tôi về Làm thế nào để cài đặt WordPress cục bộ trên một máy tính / Windows với XAMPP

Hãy xem cách bạn có thể hiển thị các bài đăng WordPress của mình trong một lưới trên một chủ đề WordPress mà không phải viết mã.

Nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et 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 

Nhưng trở lại lý do tại sao chúng ta ở đây.

Xem Ấn phẩm WordPress trong một bố cục trong lưới 

Điều đầu tiên cần làm là cài đặt và kích hoạt plugin Bài Lưới. Sau khi kích hoạt, bạn phải vào trang Lưới bài »Lưới bài mới để tạo lưới xuất bản của bạn. 

lưới bài viết wordpress mới

Trang lưới bài Được chia thành các phần khác nhau được đại diện bởi các tab ở hàng trên cùng. Trước tiên, bạn phải nhấp vào " Truy vấn bài".

Lire aussi Làm thế nào để quản lý các thông báo email trên WordPress

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 đây bạn sẽ xác định cách bạn muốn plugin tìm các bài đăng để hiển thị.

querypostsgrid

Bạn có thể chọn loại bài đăng mà bạn muốn xem. Theo mặc định, nó hiển thị "bài đăng" (bài viết ), nhưng bạn có thể chọn các trang chẳng hạn, ít nhất là chọn bất kỳ loại ấn phẩm tùy chỉnh.

Sau đó, bạn cần nhấp vào tab bố cục. Đây là nơi bạn có thể chọn cách bạn muốn hiển thị lưới của mình.

GridLayout

Sau đó, bạn có thể chọn nội dung của bố cục. Plugin có các lựa chọn như "phẳng", "tâm phẳng", "phẳng bên phải", v.v.

Bạn cũng có thể nhấp vào nút chỉnh sửa để tạo bố cục của riêng mình.

Khám phá quá Làm thế nào để tùy chỉnh hình thức bình luận trên WordPress

Bạn có sẵn 5 chế độ với các hiệu ứng hình ảnh thú vị. Sử dụng chuột, bạn cũng có thể lật hoặc xoay hình ảnh. 

Bây giờ bạn phải nhấp vào tab " Layout Cài đặt". Các cài đặt này sẽ hoạt động trên hầu hết các trang web. Nhưng nếu xảy ra trường hợp lưới của bạn không vừa với trang của bạn, đây cũng là nơi bạn có thể khắc phục điều đó.

gridlayoutsettings

Cuối cùng, nhấp vào tab điều hướng và chọn kiểu bố cục của bạn.

Khi bạn đã hoàn tất, chỉ cần nhấp vào nút "Công bố". Điều này sẽ làm cho lưới bài đăng của bạn có sẵn và bạn có thể thêm nó vào bất kỳ trang nào bạn muốn.

Thêm lưới bài đăng vào trang WordPress

Trên lưới xuất bản phẩm, bạn sẽ thấy tab « shortcodes". Nhấp vào nó sẽ hiển thị một mã ngắn.

gridshortcode

Sao chép mã ngắn, sau đó chỉnh sửa trang WordPress mà bạn muốn hiển thị lưới bài đăng của mình. Dán mã ngắn bên trong khu vực mà lưới sẽ xuất hiện.

Khám phá quá Cách hiển thị ảnh trong lưới WordPress

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 đó, lưu trang của bạn bằng cách nhấp vào nút cập nhật. Bây giờ bạn có thể truy cập trang web của bạn để xem lưới ấn phẩm đang hoạt động.

postgridpreview

Bạn cũng có thể sử dụng mã PHP nếu bạn muốn thêm lưới xuất bản trực tiếp vào các tệp chủ đề WordPress của mình.

Khám phá của chúng tôi Các plugin WordPress cao cấp 7 để lưu trang web / Blog của bạn

Bây giờ bạn sẽ có thể hiển thị các bài viết của mình trong một lưới trên WordPress.

Khám phá thêm một số chủ đề và plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. tài xế

Chauffeur là một plugin đặt phòng limo WordPress cao cấp mạnh mẽ cho các doanh nghiệp thuộc mọi quy mô. Nó có thể được sử dụng bởi các nhà khai thác xe limousine và đưa đón. 

Người lái xe

Với plugin này, bạn có thể dễ dàng đặt chỗ cho bất kỳ tuyến đường được xác định. Nó sẽ giúp bạn cải thiện dịch vụ khách hàng và quản lý doanh nghiệp cho thuê xe limo của bạn trên internet.

Nó cung cấp một quy trình đặt phòng từng bước đơn giản với sự hỗ trợ cho nhiều người cổng thanh toán, thông báo qua e-mail và SMS, tích hợp plugin WooC Commerce, Lịch Google và một bảng điều khiển trực quan.

Như các chức năng mà chúng tôi sẽ có trong số những chức năng khác: khả năng tạo, sửa đổi hoặc xóa các biểu mẫu đặt chỗ, hỗ trợ mã ngắn, đặc điểm kỹ thuật của các loại dịch vụ được cung cấp, độ chính xác của thời gian thuê xe limousine tối thiểu và tối đa, đặc điểm kỹ thuật của thời gian đặt trước, độ chính xác của khoảng thời gian giữa các lần đặt trước cùng một chiếc xe, vị trí địa lý thực tế của công ty bạn, đặc điểm kỹ thuật của các tuyến đường có sẵn trong hệ thống đặt chỗ, v.v.

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

2. Bảo mật Ninja PRO

Security Ninja PRO là một plugin WordPress cao cấp khác sẽ giúp bạn cải thiện hoàn hảo tính bảo mật của trang web của bạn. Nó cung cấp rất nhiều tùy chọn và tính năng sẽ cho phép bạn kiểm soát mọi khía cạnh về bảo mật của trang web của bạn.Các plugin Wordpress Security Ninja PRO bảo vệ trang web chống lại các cuộc tấn công của virus phần mềm độc hại

Các tính năng của nó là: có sẵn hơn 40 bài kiểm tra bảo mật, quét toàn bộ trang web của bạn, để phát hiện tất cả các lỗ hổng và lỗi bảo mật, tích hợp trình quét phần mềm độc hại, bảo vệ các hoạt động của trang web của bạn, lập kế hoạch quét khác nhau và nhiều hơn nữa

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

3. Giảm giá hạng mục thương mại WooC

WooC Commerce Category Giảm giá là một plugin WordPress cao cấp cho phép bạn quản lý giảm giá trong cửa hàng trực tuyến WooC Commerce của bạn. Mặc dù điều quan trọng là phải tạo chiến lược cho các ưu đãi giảm giá, mọi thứ trở nên phức tạp khi bạn có nhiều sản phẩm và muốn cung cấp giảm giá dựa trên nhiều thông số.Giảm giá hạng mục thương mại điện tử

Plugin WordPress này cung cấp các giải pháp được xác định rõ để giúp bạn xác định quy tắc giảm giá trong các cửa hàng trực tuyến của mình. Nó cung cấp chức năng tuyệt vời cho phép bạn quyết định khi nào bạn muốn giảm giá. Theo mặc định, plugin này cung cấp chiết khấu cho giao dịch mua hiện tại.

Xem thêm 7 WordPress plugin để thêm nhắn tin

Tuy nhiên, bạn cũng có thể cung cấp chiết khấu cho khách hàng của mình cho lần mua hàng sau, tức là: Nếu bạn định giảm giá 20 đô la cho khách hàng của mình khi mua hàng hiện tại, thay vì giảm giá, hãy tặng họ một phiếu giảm giá có thể được sử dụng cho lần mua hàng tiếp theo.

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]

Với plugin WordPress này, ví dụ bạn có thể áp dụng giảm giá cho một danh mục của cửa hàng trực tuyến của mình.

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

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây ! Vậy là xong, chúng tôi hy vọng bài viết này đã giúp bạn hiển thị các bài viết WordPress của mình theo bố cục lưới. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Và nếu bạn có bất kỳ đề xuất hoặc nhận xét nào, hãy để lại chúng trong phần của chúng tôi ý kiến.

... 

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

  1. Bonjour,

    Tôi đang sử dụng Post Grid và muốn đặt bài đăng đầu tiên của tôi trên một cột và sau đó là bài viết sau trên hai cột. Có thể với plugin này không? Nếu không, bạn có biết một plugin tương tự cho phép điều này không?

    Merci d'avance.
    Biên cordialement

  2. Xin chào, làm cách nào để chúng tôi tích hợp những bức ảnh này để có được bản trình bày dạng lưới với tiêu đề, nhận xét và nút đọc thêm. Cảm ơn bạn

      1. Xin chào, trong hướng dẫn này, chúng tôi đã có thể xem hình ảnh của bạn, điều tôi không hiểu là chúng tôi chèn hình ảnh ở đâu và như thế nào, tiêu đề và đọc thêm. Cảm ơn bạn

        1. Bonsoir,
          Bạn không cần thêm hình ảnh vì hình ảnh được sử dụng là từ các bài đăng trên blog của bạn. Tất cả những gì bạn phải làm là định cấu hình bố cục và sử dụng shortcode.

  3. Bonjour,

    Tôi không thể tìm ra nơi tôi có thể nhúng mã này. Bằng cách truy cập trình chỉnh sửa trang web của tôi (tab giao diện), mã không thực hiện công việc của nó ...

Để 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
8 cổ phiếu
cổ phiếu7
tweet
Enregistrer1