Супер анонсы записей в виде плитки 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

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

 


Оцените статью