главная    •    Новости    •    софт    •    RSS-ленты    •    реклама    •    PDA-Версия    •    Контакты
Windows XP     •    Windows 7    •    Windows 8    •    Windows 10   •    Windows Server     •    Железо
Полезные советы      •     Администрирование      •     Сеть      •     Безопасность      •     статьи
Реклама на сайте
Книга жалоб и предложений
Правила на сайте
О Winblog.ru и о копирайте
Написать в редакцию
Конфиденциальность
                       
  • Windows 10 Creators Update сделают безопаснее для организаций
  • В Windows 10 будет поддержка шрифта Брайля
  • Выпуск тестовых сборок Windows 10 приостановлен
  • В Windows 10 Mobile теперь тоже можно читать EPUB в браузере
  • Поведенческий фактор читателя, это, пожалуй, один из самых важных показателей для владельца сайта. Если посетитель пробыл на странице каких-либо 9 секунд, или количество переходов очень малое, то можно судить, что сайт оформлен не очень хорошо.

    Чаще всего, для улучшения дизайна и навигации сайта пользователи CMS Wordpress используют различные плагины.

    Post Grid

    Сегодня мы поговорим о таком хорошем плагине как Post Grid. Этот удивительный плагин позволит сделать эффективные анонсы записей, постов, медиафайлов.

    Создаем адаптивную сетку записей на сайт Wordpress

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

    Основная задача Post Grid – настройка вывода записей в WordPress.

    Зачем нужна сетка

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

    Установка и настройка

    Установить данный плагин можно прямо из админ-панели. Для этого необходимо зайти в Плагины, и выбрать вкладку «Добавить новый». Там необходимо ввести название, установить и активировать его.


    После того как он активирован, переходим на вкладку Post Gird — Layout Editor.

    Затем, необходимо выбрать те элементы, которые мы желаем увидеть в анонсе записи. Чтобы их выбрать, нужно просто кликнуть по элементу, и он автоматически добавится в список. Основными из них являются:
    1. Title, заголовок.
    2. Excerpt, это кусок (отрывок) из записи.
    3. Read more, продолжить чтение.
    4. Thumbnail, изображение.
    После добавления идем на страницу New Post Grid. Там вводим название нашей сетки. На первой странице будет шорткод. Его необходимо скопировать на страницу с будущей сеткой. Также есть код php. Он предназначен для интеграции в шаблон.

    Создаем адаптивную сетку записей на сайт Wordpress

    Заполнить остальные настройки не сложно. К ним относят:
    1. Настройка типов постов (записи, медиафайлы).
    2. Настройка количества записей, которые будут присутствовать в записи.
    3. Запрет какой-либо записи.
    4. Настройка ширины анонсов.
    5. Выбор размера изображения.
    6. Настройка расстояния между записями, цвета фота нашей сетки.
    После того, как все настроено, жмем «Опубликовать». Копируем шорткод и вставляем на необходимую страницу. Вот и все. Сетка готова.


    Оцените статью:
    Голосов 0

    Материалы по теме:
  • Продвижение сайта с помощью специалистов
  • Как лучше создать сайт
  • Создание сайта с 24-ПРО
  • Зачем нужно продвигать сайт?
  • Поставить и обслуживать кнопки соцсетей на сайте без всякой головомойки


    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

    Для отправки комментария, обязательно ответьте на вопрос

    Вопрос:
    Сколько будет пятнадцать минус пять?
    Ответ:*




    ВЕРСИЯ ДЛЯ PDA      СДЕЛАТЬ СТАРТОВОЙ    НАПИШИТЕ НАМ    РЕКЛАМА

    Copyright © 2006-2016 Winblog.ru All rights reserved.
    Права на статьи принадлежат их авторам. Копирование и использование материалов разрешается только в случае указания явной гиперссылки на веб-сайт winblog.ru, как на источник получения информации.
    Сайт для посетителей возрастом 18+