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

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

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

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

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

– 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 категорий и количество записей-плиток.

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