Супер анонсы записей в виде плитки Tiles wordpress ! (адаптивные)


Привет всем, сегодня я покажу вам как сделать стильные анонсы записей в виде плитки. Дизайн плиток, как написано в описании плагина, очень похож на дизайн операционной системы Windows 8. Но вы сможете создавать не просто стильные плитки, в настройках плагина можно задавать эффекты для плиток. Можно комбинировать текстовые плитки с плитками-изображениями. Плагин имеет достаточно простые настройки, с которыми вы сможете разобраться, а я вам в этом помогу.

 

screenshot-1 (1)_mini

 

Плагин — Post Tiles можно установить прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

21-12-2015 17-01-12_mini

 

Чтобы настроить плагин, перейдите по вкладке: НастройкиPost Tiles.

 

21-12-2015 19-17-25_mini

 

Разберём настройки:

 

— Pick Your Cutom Tile Colors, здесь вы сможете выбрать цвет фона плитки для каждой категории, а так же цвет текста в плитке.

Tile Trasnparency, здесь можно указать процент прозрачности плиток.

Set Tile Dimensions, размеры плиток.

Set Featured Image Dimensions, размеры плиток с изображениями.

Make Post Tiles Responsive, вы сможете сделать плитки адаптивными под любые устройства, смартфоны, планшеты и т.д. Если вы включите On адаптивный режим, то размер плиток вы не сможете задавать.

Set Excerpt Length, количество символов из отрывка записи, для отображения в плитке.

jQuery Category Sorting & Animation, эффект анимации.

Display the Category Key, если включите данную функцию, то над плитками будут отображаться название категорий, как показано на скриншоте в начале. Нажав на определённую категорию, будут показаны плитки из данной категории.

Display Pagination For Tiles, можно включить навигацию и указать где она будет отображаться.

Use Featured Images For Tiles, использовать избранные изображения для плитки.

Feature Image Animation Type, здесь можно выбрать тип анимации. С данной функцией нужно поэкспериментировать.

Нажмите на кнопкуСохранить изменения.

 

 

Чтобы добавить плитки на сайт, используйте шорткоды:

 

1.) Отображаются плитки с записями из всех категорий, по умолчанию 8 записей.

2.) Можно увеличить или уменьшить количество записей-плиток, указав цифру в шорткоде.

3.) Можно указать ID категорий, записи которых будут отображаться в плитках. Так же можно указать и id категорий и количество записей-плиток.

 

21-12-2015 19-45-28_mini

На этом всё, если у вас остались вопросы, то напишите комментарий и я обязательно вам отвечу. До новых встреч !

 



Супер анонсы записей в виде плитки Tiles wordpress ! (адаптивные) обновлено: Декабрь 22, 2015 автором: Илья Журавлёв

11 комментариев

  • Мария 02.01.2017 Ответить

    Добрый день!
    У меня статическая главная страница, на которой отображаются последние записи. Не могу понять куда и как поставить шорткод, так как в записях и страницах Главная не отображается :(

    • Илья Журавлёв 02.01.2017 Ответить Автор

      Здравствуйте, она не может быть статической, страница с последними записями — динамическая. Перейдите на страницу: Внешний вид — Редактор, справа найдите файл — Страница записей (home.php). У разных тем могут быть разные файлы, поэтому у вас может и не быть такого файла. Если страница статическая, как вы утверждаете, то она должна отображаться на странице: Страницы — Все страницы.

  • Мария 04.01.2017 Ответить

    Вы правы, она динамическая (меня смутила надпись в шаблоне). В редакторе есть такой список:
    • Шаблон ошибки 404
    (404.php)
    • Архивы
    (archive.php)
    • Комментарии
    (comments.php)
    • featured.php
    • Подвал
    (footer.php)
    • Функции темы
    (functions.php)
    • Заголовок
    (header.php)
    • Основной шаблон
    (index.php)
    • mail.php
    • Отдельная страница
    (page.php)
    • recent-comments.php
    • Результаты поиска
    (search.php)
    • Форма поиска
    (searchform.php)
    • Боковая колонка
    (sidebar.php)
    • Отдельная запись
    (single.php)

    Какую страницу попробовать изменить? И как и куда вставить шорткод, если там все в php? ))

    • Илья Журавлёв 04.01.2017 Ответить Автор

      У вас шаблон другой, файлы не все совпадают с моими, такого как у меня у вас нет файла. Могу порекомендовать вам создать отдельную страницу, сделать её главной (В Настройки — Чтение), и добавить на страницу список последних записей с помощью шорткода. Вам поможет специальный плагин для вывода анонсов записей на любую страницу — Читайте Здесь !!!

  • Мария 04.01.2017 Ответить

    Спасибо! Попробую.

  • Богдан 13.01.2017 Ответить

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

    • Илья Журавлёв 14.01.2017 Ответить Автор

      С помощью шорткода можно установить записи из любой категории на любую страницу. Читайте внимательно. Там есть специальный шорткод, в него нужно вставить id категории новостей и вставить шорткод на страницу, где и будут отображаться новости в виде плитки. Что вам не понятно ?

  • Михаил 30.01.2017 Ответить

    Здравствуйте.
    Спасибо за наводку. Плагин скачал, но не могу понять как с его помощью решить нужную мне задачу.
    Скажем, есть у меня страница (makeyour.business/business-idea/) тут в алфавитном порядке идут статьи. Мне нужно разместить их в виде симпатичной плитки. Не подскажите как это возможно сделать и возможно ли вообще?
    К сожалению, сам разобраться не смог. За ранее благодарен.

    • Илья Журавлёв 30.01.2017 Ответить Автор

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

      • Михаил 30.01.2017 Ответить

        Сорян. Впопыхах не заметил.

  • AgrnoFah 03.03.2017 Ответить

    Согласен, но частично!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *



Яндекс.Метрика

Правила - Карта - Связь

Стрелка вверх