Пропустить

Как отображать WordPress публикации в макет сетки

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Хотели бы вы видеть ваши сообщения WordPress в виде сетки?

Большинство тем WordPress не имеют настроек макета сетки. В этой статье мы покажем вам, как отображать публикации WordPress Grid на тему WordPress без написания одной строки кода.

Если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Но вернемся к тому, почему мы здесь.

postgridlayoutexample

Когда вам нужен макет сетки на WordPress?

Традиционный вертикальный макет публикаций хорошо работает для большинства сайтов. Однако этот макет может занимать много места, особенно если вы хотите отобразить большое количество публикаций.

Так что, если у вас есть собственная домашняя страница на вашем сайте WordPress, вы можете использовать сетку для отображения своих последних сообщений.

Откройте для себя, кстати 10 WordPress плагины, предназначенные для отображения галереи или портфолио

Этот макет сэкономит ваше пространство, поэтому вы можете добавить больше элементов на свою домашнюю страницу. Внешний вид также выглядит более эстетично, потому что изображения гораздо более заметны.

Многие темы WordPress, разработанные для журналов или веб-сайтов с фотографиями, уже используют сетку для отображения своих публикаций. Однако, если вы используете несовместимую тему WordPress, вам нужно будет создать свой собственный шаблон. Это потребует от вас изучения языков PHP, HTML, CSS и т.д ...

Смотрите также нашу статью о Как установить WordPress локально на ПК / Windows с XAMPP

Давайте посмотрим, как вы можете отображать свои сообщения WordPress в виде сетки на тему WordPress без необходимости писать код.

Если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Но вернемся к тому, почему мы здесь.

Просмотр публикаций WordPress в макете в сетке

Первое, что нужно сделать, это установить и активировать плагин Сообщение Сетка, После активации необходимо перейти на страницу Пост-Сетка »Новая Пост-Сетка создать вашу сетку публикаций.

Страница почтовая сетка Разделен на разные разделы, представленные вкладками в верхнем ряду. Вы должны сначала нажать на вкладку Query Post».

Лир aussi Как управлять уведомления по электронной почте на WordPress

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Здесь вы определите, как плагин должен находить публикации для отображения.

querypostsgrid

Вы можете выбрать тип публикации, которую вы хотите просмотреть. По умолчанию отображается сообщение «пост» (статью), но вы можете выбрать страницы, например, по крайней мере, выбрать любой пользовательский тип публикации.

Затем вы должны нажать на вкладку макета. Здесь вы можете выбрать способ отображения сетки.

GridLayout

Затем вы можете выбрать содержимое макета. У плагина есть варианты, такие как «плоский», «плоский центр», «плоский правый» и т. Д.

Вы также можете нажать кнопку редактирования, чтобы создать свои собственные макеты.

Откройте для себя тоже Как настроить форму комментариев на WordPress

У вас есть доступные режимы 5 с интересными визуальными эффектами. Используя мышь, также можно перевернуть или повернуть изображение.

Теперь вам нужно нажать на вкладку Макет Настройки». Эти настройки должны работать на большинстве сайтов. Но если случается, что ваша сетка не адаптирована к вашей странице, именно здесь вы можете решить эту проблему.

gridlayoutsettings

Наконец, нажмите на вкладку навигации и выберите свой стиль макета.

Как только вы закончите, просто нажмите кнопку «Опубликовать». Это сделает вашу сетку публикаций доступной, и вы сможете добавить ее на нужную страницу.

Добавить сетку публикации на страницу WordPress

На издателе сетки публикации вы увидите вкладку « шорткоды». При нажатии на него отображается короткий код.

gridshortcode

Скопируйте шорткод и отредактируйте страницу WordPress, где вы хотите отобразить сетку публикации. Вставьте шорткод в область, где должна появиться сетка.

Откройте для себя тоже Как отображать фотографии в сетке WordPress

Затем сохраните свою страницу, нажав на кнопку обновления. Теперь вы можете посетить свой веб-сайт, чтобы увидеть сетку публикаций в действии.

postgridpreview

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Вы также можете использовать PHP-код, если вы хотите добавить сетку публикации прямо в ваши файлы темы WordPress.

Откройте для себя Премиальные плагины 7 для WordPress для сохранения вашего сайта / Блог

Отныне вы сможете размещать свои статьи в сетке на WordPress.

Откройте для себя также некоторые темы и премиальные плагины WordPress

Вы можете использовать другие плагины WordPress, чтобы придать современный вид и оптимизировать управление вашим блогом или веб-сайтом.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. водитель

Chauffeur - это мощный плагин для лимузинов WordPress для компаний любого размера. Может использоваться лимузином и шаттлом.

С помощью этого плагина вы можете легко сделать заказ на любой определенный маршрут. Это поможет вам улучшить обслуживание клиентов и управлять бизнесом проката лимузинов в Интернете.

Он предлагает простой, пошаговый процесс бронирования с поддержкой нескольких платежные шлюзы, уведомления по электронной почте и SMS, интеграция плагина WooCommerce, Google Calendar и интуитивно понятная панель управления.

Особенности включают в себя: возможность создавать, редактировать или удалять формы бронирования, поддержка шорткодов, указание типов предлагаемых услуг, точность минимального и максимального времени аренды лимузина, спецификация период бронирования, точность временного интервала между бронированиями одного и того же автомобиля, физическое местоположение вашей компании, указание доступных маршрутов в системе бронирования и многое другое

скачать | Демонстрация | веб-хостинг

2. Безопасность Ninja PRO

Security Ninja PRO - еще один премиальный плагин для WordPress, который поможет вам полностью улучшить безопасность вашего сайта. Он предлагает множество опций и функций, которые позволят вам взять под контроль все аспекты безопасности вашего сайта.

Его функции: больше доступных тестов безопасности 40, полное сканирование вашего веб-сайта, чтобы обнаружить все уязвимости и уязвимости безопасности, интеграция сканера вредоносных программ, защита деятельности вашего сайтапланирование различных сканов и многое другое

скачать | Демонстрация | веб-хостинг

3. WooCommerce Категория Скидка

WooCommerce Category Discount - это плагин WordPress, который позволяет вам управлять скидками в вашем интернет-магазине WooCommerce. Хотя важно стратегически создавать правила для предложений скидок, все становится сложнее, когда у вас есть несколько продуктов и вы хотите предлагать скидки на основе нескольких параметров.

Этот плагин WordPress предлагает четко определенные решения, которые помогут вам определить правила скидок в ваших интернет-магазинах. Он предлагает отличную функцию, которая позволяет вам решить, когда вы хотите сделать скидку. По умолчанию этот плагин предоставляет скидку на текущую покупку.

Смотрите также наш 7 WordPress плагины для добавления личных сообщений

Тем не менее, вы также можете предоставить скидку своим клиентам на следующую покупку, то есть: Если вы собираетесь предоставить 20 $ скидки вашему покупателю на текущую покупку, вместо предоставления скидки, дайте ему купон, который можно использовать для следующей покупки.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

С помощью этого плагина WordPress вы можете, например, применить скидку на категорию вашего интернет-магазина.

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

Откройте для себя другие рекомендуемые ресурсы, которые будут сопровождать вас при создании и управлении вашим сайтом.

Вывод

Вот и все! Мы надеемся, что эта статья помогла вам отобразить ваши сообщения WordPress в виде сетки. Не стесняйтесь поделиться с друзьями в ваших любимых социальных сетях.

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.

И если у вас есть какие-либо предложения или замечания, оставьте их в нашем разделе Комментарии.

...

Эта статья содержит комментарии 14
  1. Привет,

    Я использую Post Grid, и я хотел бы разместить свою первую статью в столбце, а следующую в две. Возможно ли с этим плагином? Если нет, знаете ли вы о подобном плагине, который позволил бы это?

    Спасибо заранее.
    Bien Cordialement

  2. Здравствуйте, как вы интегрируете эти фотографии, чтобы получить сетку презентации с заголовком, комментарием и кнопкой подробнее. спасибо

    1. Привет,
      какая часть урока вы, кажется, трудно понять. Я могу вам сказать, что часть.

      Товары.

      1. Здравствуйте, в этом уроке мы уже видим ваши изображения, что я не понял, или как мы вставляем изображения, заголовок и прочтение. спасибо

        1. Bonsoir,
          Вам не нужно добавлять изображения, потому что используемые изображения относятся к статьям вашего блога. Все, что вам нужно сделать, это настроить макет и использовать короткий код.

  3. Привет,

    Я не понимаю, где я могу интегрировать этот код. Отправляясь на моем сайте редактора (вкладка Вид), код не работает ...

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
9 акции
доля7
чирикать1
Регистрация1