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 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 xem các bài đăng WordPress của bạn trong một bố cục lưới?

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ẽ chỉ cho bạn cách hiển thị các ấn phẩm Lưới WordPress của bạn trên một chủ đề WordPress mà không cần viết một dòng 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.

postgridlayoutexample

Khi nào bạn cần bố trí lưới trên WordPress?

Bố cục dọc truyền thống của các ấn phẩm hoạt động tốt cho hầu hết các trang web. Tuy nhiên, bố cục này có thể chiếm rất 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 ấn phẩm.

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 dạng lưới để 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, vì vậy bạn có thể thêm nhiều mục vào trang chủ của mình. Ngoại hình cũng có vẻ thẩm mỹ hơn vì hình ảnh nổi bật hơn nhiều.

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 ấn phẩm của họ. Tuy nhiên, nếu bạn sử dụng một chủ đề WordPress không tương thích, bạn sẽ cần tạo mẫu của riêng bạn. Điều này sẽ yêu cầu bạn học các ngôn ngữ 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.

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 trên hàng trên cùng. Trước tiên bạn phải nhấp vào tab " 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

Tại đây, bạn sẽ xác định cách bạn muốn plugin tìm các ấn phẩm để hiển thị.

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í]

querypostsgrid

Bạn có thể chọn loại ấn phẩm bạn muốn xem. Theo mặc định, nó hiển thị "bài" (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 phải bấm vào tab bố trí. Đâ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", "trung tâm phẳng", "phẳng 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 bạn.

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ó các chế độ 5 có sẵn, với các hiệu ứng hình ảnh thú vị. Sử dụng chuột, cũng có thể lật hoặc xoay hình ảnh.

Bây giờ bạn phải bấm 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 điều đó xảy ra là lưới của bạn không thích ứng với trang của bạn, thì đây cũng là lúc bạn có thể giải quyết vấn đề này.

gridlayoutsettings

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

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

Thêm lưới xuất bản vào trang WordPress

Trên nhà xuất bản của lưới xuất bản, bạn sẽ thấy tab « shortcodes«. Nhấp vào nó sẽ hiển thị một shortcode.

gridshortcode

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

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]

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

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

Từ bây giờ, bạn sẽ có thể đăng bài viết của mình lên 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.

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, sự tích hợp của plugin WooC Commerce, Lịch Google và một bảng điều khiển trực quan.

Theo chức năng, chúng tôi sẽ có các chức năng khác: khả năng tạo, sửa đổi hoặc xóa các hình thức đặt phòng, sự hỗ trợ của 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ê tối thiểu và tối đa của xe limousine, đặ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 đặt chỗ cho cùng một phương tiện, 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à nhiều hơn nữa

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 tính năng của nó là: có nhiều kiểm tra bảo mật 40 hơn, 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ỗ hổng 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ố.

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 một tính 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 giảm giá 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 giảm giá cho khách hàng của mình cho lần mua tiếp theo, tức là: Nếu bạn định giảm giá cho 20 $ cho khách hàng của mình cho lần mua hiện tại, thay vì cung cấp giảm giá, hãy tặng anh ấy một phiếu giảm giá có thể được sử dụng cho lần mua 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

Khám phá các tài nguyên được đề xuất khác sẽ đồng hành cùng bạn trong việc tạo và quản lý trang web của bạn.

Kết luận

Đây! Đó là tất cả; Chúng tôi hy vọng bài viết này đã giúp bạn hiển thị các bài đăng WordPress của mình theo bố cục dạng 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 14
  1. Bonjour,

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

    Cảm ơn bạn trước.
    Biên cordialement

  2. Xin chào, làm thế nào để bạn tích hợp những bức ảnh này để có được bản trình bày lưới với tiêu đề, bình luận 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 đã thấy hình ảnh của bạn, những gì tôi không hiểu là hoặc cách chúng tôi chèn hình ảnh, tiêu đề và đọc thêm. cảm ơn bạn

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

  3. Bonjour,

    Tôi không thể hiểu nơi tôi có thể tích hợp mã này. Bằng cách vào trình biên tập của trang web của tôi (tab xuất hiện), mã không làm công việc của mình ...

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