Большинство людей в основном знакомятся с Material Design в приложениях для Android, в то время как на веб-сайтах это ограничено в основном собственными сайтами Google. Новый плагин Material Design для WordPress, который Google в настоящее время называет экспериментом, возможно, откроет этот внешний вид для множества других страниц и блогов.
Этот экспериментальный плагин и тема позволяют настраивать цвета и значки вашего сайта в соответствии с Material Design, который известен своей многослойностью и имитацией глубины с помощью освещения и теней.
После установки плагина, требующего план WordPress бизнес-уровня, и выбора темы Material Design пользователи могут выбирать между предустановленными стилями или создавать собственный. Google предлагает три стартовые темы, которые можно детально настроить.
Варианты включают: типографику (из Google Fonts), цветовую палитру (Material или пользовательский выбор), размер формы (скругленность углов) и стили значков (залитые, контурные, скругленные, двухцветные и острые). Верхнюю панель приложения можно настроить, чтобы определить, включен ли/отключен ли поиск и скрывается ли он при прокрутке. Также можно редактировать отображение статей в ленте, с возможностью выбора изображения.
Помимо общей темы сайта, вы можете создавать макеты Material Design для конкретных страниц, включая стилизованные контактные формы. Это включает кнопки с пользовательским текстом и выбор значков из библиотеки Google.
Настройте внешний вид своих блоков, регулируя глобальные стили темы или устанавливая стиль отдельного компонента в редакторе блоков.
Этот визуальный опыт WYSIWYG (что видишь, то и получаешь) не требует никакого кодирования и работает с редактором блоков WordPress. Учитывая ранний экспериментальный характер этого плагина Material Design для WordPress, Google ищет отзывы:
Мы хотим использовать это время, чтобы узнать больше о том, что вы хотите и нуждаетесь от Material Design для WordPress. Вам нравится? Не нравится? Какие функции вы хотели бы видеть? Ваши отзывы помогут нам понять, что нужно людям, создающим контент-ориентированные сайты, от системы дизайна, делая Material Design для веба лучше для всех.
Привнося Material Design в WordPress, Google получает огромную аудиторию, поскольку эта CMS-платформа используется на 40% всех сайтов, по одной из оценок. Компания применила аналогичный подход с плагином Web Stories. Полные инструкции по установке приведены ниже:
- Если у вас еще нет размещенного сайта WordPress, скачайте его бесплатно на WordPress.org или запустите локальный экземпляр. Вы также можете создать его на WordPress.com. (Примечание: вам нужен план бизнес-уровня для установки плагинов на WordPress.com)
- Перейдите в панель администратора вашей панели управления WordPress и нажмите Плагины в боковом меню.
- Нажмите Добавить новый.
- Найдите Material Design.
- Нажмите Установить из результатов поиска.
- После установки нажмите кнопку Активировать.
- Следуйте пошаговому руководству «Быстрый старт» для установки темы Material WordPress и примеров.