Powder: тема WordPress, которая поджигает мир?

Чувствуешь запах пороха? Или это… какой-то другой порошок?

Будьте уверены: никакого конфликта и пожара, который можно было бы потушить, не видно. Powder — это название блочной темы WordPress , совместимой с Редактором сайта.

Мы очень внимательно рассмотрели эту тему в этом тесте, глубоко углубившись во все детали.

Сможет ли Powder покорить вас и зажечь небольшую искру, которая заставит вас использовать его в своих следующих проектах веб-дизайна? Зажигает ли вас эта тема, образно говоря?

Читай дальше что бы узнать.

Вашим лучшим проектам WordPress нужен лучший хостинг!

WPMarmite рекомендует Bluehost: отличная производительность, отличная поддержка. Все, что вам нужно для отличного старта.

Попробуйте Bluehost

Что такое тема «Пудра»?

Powder — это бесплатная блочная тема WordPress. Он предназначен для совместной работы с редактором сайтов WordPress. Он содержит готовые к использованию шаблоны , шаблоны блоков и цветовые вариации, которые помогут вам создать сайт WordPress, не начиная с чистого листа.

Он поставляется в двух версиях:

• Бесплатная версия доступна из вашей панели управления (меню «Плагины» > «Добавить новый плагин ») или из официального каталога WordPress.
• Премиум-версия , которая также предлагает (в зависимости от выбранной лицензии): поддержку, дочерние темы и файлы дизайна Figma. Мы вернемся к этому подробно в разделе о ценах.

Редактор сайтов WordPress (первоначально называвшийся «Полное редактирование сайта» или FSE) позволяет создавать и редактировать все части вашего сайта (шапку, нижний колонтитул, страницу 404, архивы сообщений, зоны виджетов и т. д.) с помощью блоков Гутенберга. Вы можете получить к нему доступ через меню «Внешний вид» > «Редактор» при условии, что вы активировали блочную тему, например Powder, И на вашем сайте установлена ​​версия WP не ниже 5.9. Его не следует путать с редактором контента WordPress CMS, который позволяет редактировать ваши страницы и сообщения.

«Мощность» и «гибкость» в меню.

Как указано на домашней странице официального сайта, цель Powder — «совершить революцию в способах создания красивых сайтов WordPress, используя мощь и гибкость блочного дизайна».

На данный момент его принятие пользователями остается довольно нишевым. На момент написания у Powder было всего 300 активных установок.

Частично это можно объяснить молодостью темы: версия 1.0 вышла в январе 2024 года .

Кстати, если вы внимательно следите за новостями WordPress, возможно, вы слышали о форке — еще одной теме, созданной на основе исходного кода Powder — этой темы под названием Powder Studio.
К сведению, последний недоступен для скачивания из официального каталога с конца 2023 года.

Прикосновение Брайана Гарднера

За Powder стоит Брайан Гарднер , американский веб-дизайнер и эксперт WordPress.

Гарднер сделал себе имя в экосистеме WP в конце 2000-х. Он запустил магазин тем StudioPress, который прославился своим фреймворком Genesis.

Специалист по минимализму и «верующий в простоту», как он выразился на своем личном сайте, Гарднер сейчас отвечает за отношения с разработчиками в хостинговой компании WP Engine.

Он создал несколько тем WordPress, включая Powder, а также Frost и Sedona.

Каковы особенности темы Powder в WordPress?

Что готовит вам Powder, если вы решите его использовать? Вот некоторые из его основных особенностей, описанных на официальном сайте:

• « Современный дизайн »
• Адаптация к вашему руководству по стилю и имиджу бренда благодаря 22 вариантам стиля (цветовым палитрам), каждый из которых можно настроить.
• Библиотека, содержащая почти сотню шаблонов блоков для добавления готовых разделов прямо на ваши страницы.
• Шаблоны страниц
• 3 дочерние темы (с «Пожизненной» или «Профессиональной» лицензией) в 3 разных доменах (новости, социальные сети и бизнес)
• Powder представляет собой оптимизированную по производительности тему WordPress с заявленной оценкой PageSpeed ​​Insights 100/100.
• Адаптивный дизайн с темой, оптимизированной для просмотра на мобильных устройствах.

Как выглядит тема Powder?

После этого общего представления темы «Порошок» и ее технических особенностей я хотел бы показать вам, как она выглядит, когда активна.

Судя по демо-презентации, вот что бросается в глаза при навигации по интерфейсному интерфейсу Powder (что видят ваши посетители):

• Чистый, сдержанный вид с двумя центральными цветами: черным и белым.
• Нижний колонтитул с копирайтом слева и ссылками на ваши профили в социальных сетях справа.
• Несколько пустых пространств , которые дают вам возможность дышать и подчеркивают ощущение простора.
• Отсутствие боковой панели
• Использование типографики «Наряд», геометрической формы и без засечек.

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

Именно на этом мы и сосредоточимся в следующем разделе.

Как настроить Powder в WordPress?

Для целей этого теста я собираюсь начать с подробного описания параметров настройки, предлагаемых бесплатной версией темы. В конце я посвятил раздел тому, что могут сделать для вас дочерние темы, предлагаемые в двух лицензиях премиум-версии.

Шаблоны страниц темы WordPress Powder

Чтобы начать настройку темы, выберите «Внешний вид» > «Редактор». По умолчанию вы попадете на домашнюю страницу под названием «Индекс».

Две другие страницы также доступны в стандартной комплектации:

• политика конфиденциальности
• Пример страницы

Чтобы создать полноценный сайт, вам необходимо представить посетителям другие «классические» страницы. Чтобы помочь вам в их создании, Powder предлагает 8 готовых к использованию шаблонов страниц .

Вы можете получить к ним доступ через меню Шаблоны > Управление всеми шаблонами . Доступны следующие шаблоны:

• Только публикации : для разработки структуры и отображения страницы вашего блога. Например, вы можете контролировать используемые метатеги (например, дату, имя автора, категории и т. д.).
• Страница: Пустой : пустой шаблон для начала работы с нуля.
• Страницы : отображает все статические страницы вашего сайта.
• Индекс : шаблон домашней страницы по умолчанию.
• Страница 404 : Чтобы создать персонализированную страницу 404.
• Страница: без заголовка : этот шаблон показывает страницу без заголовка, которую вы можете использовать, например, в качестве основы для разработки целевых страниц.
• Результаты поиска : шаблон, который появляется, когда посетитель выполняет поиск по вашему сайту.
• Все архивы : как указано в описании этого шаблона страницы, он «отображает любой архив, включая сообщения одного автора, категорию, тег, таксономию, пользовательский тип сообщения и дату».

Вы также можете создавать свои собственные шаблоны, нажав кнопку «Добавить новый шаблон» в правом верхнем углу страницы:

Шаблоны блоков

Настроив различные шаблоны страниц, вы можете изменить их дизайн.

Чтобы сэкономить время, вы можете использовать один из многочисленных шаблонов блоков Powder (на выбор около 80!).

Это готовые к использованию разделы контента, состоящие из нескольких блоков Гутенберга. Вы найдете их в двух разных местах:

• В меню «Шаблоны» Редактора сайта.

• На вкладке «Шаблоны» инструмента вставки блоков при редактировании страницы.

Эти шаблоны разделены на 9 категорий :

• Содержание
• Заголовки
• Примеры
• Герой
• Нижние колонтитулы
• Цены
• Сообщения
• Шаблоны
• Отзывы

Чтобы добавить выбранный вами шаблон в свой контент, выберите его в инструменте вставки блоков. Затем просто нажмите на него.

Затем вы можете изменить в реальном времени:

• Общий стиль вашего шаблона (типографика, цвета и макет), который затем будет отражен во всех местах вашего сайта, где он используется.
• Каждый блок индивидуально

Наконец, Powder позволяет одним щелчком мыши деактивировать выбранные вами шаблоны в Редакторе сайта и инструменте вставки блоков.

Это может быть полезно, если вы позже передаете сайт клиенту и не хотите, чтобы он натворил беспорядок, добавляя контент без разбора.

Еще один интересный аспект этой опции заключается в том, что, отключив определенные шаблоны, вы можете улучшить скорость загрузки ваших страниц.

Чтобы управлять всем этим вручную, перейдите в меню «Порошок» на боковой панели администратора WordPress :

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

Варианты стиля

Чтобы добавить немного цвета вашим страницам и, прежде всего, чтобы они соответствовали вашему руководству по стилю, Powder предлагает вам 22 варианта стиля .

Это цветовые палитры, предлагающие различные комбинации. Преимущество? Они основаны на функциональности глобальных стилей WordPress.

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

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

• В интерфейсе Редактора сайта , в меню «Стили». Выберите тот, который вас интересует, и нажмите «Сохранить», чтобы применить его к своему сайту.
• При редактировании страницы нажмите на маленький значок «Стили» в правом верхнем углу. Затем нажмите «Обзор стилей»:

Кроме того, вы также можете настроить три аспекта, которые влияют на весь ваш сайт:

• Типографика : настройки текста, ссылок, заголовков, подписей и кнопок (шрифт, размер, внешний вид и межстрочный интервал).
• Цвета : каждый цвет в каждой палитре (вариант стиля) можно настроить по своему вкусу. Вы также можете управлять цветом текста, фона, ссылок, подписей, кнопок и заголовков.
• Макет : для определения ширины области основного содержимого.

Теперь вы знакомы с основными возможностями настройки, предлагаемыми в бесплатной версии Powder.

Если вы приобретете «Пожизненную» или «Профессиональную» лицензию на эту тему, вы также получите доступ к дочерним темам Powder. Узнайте о них больше в следующем разделе.

Дочерняя тема наследует функциональность, дизайн и макет темы, установленной на сайте (которая становится родительской темой), и позволяет вам детально настраивать ее без потери каких-либо изменений при ее обновлении .

Порошковые детские темы

Представляем дочерние темы Powder

Powder предлагает три дочерние темы , поэтому вам не придется начинать с нуля. Затем вы можете настроить их внешний вид по своему желанию и переписать содержимое.

Темы адаптированы к трем конкретным областям:

• Powder Social предназначен для людей, которые хотят подчеркнуть свое присутствие в социальных сетях.
• Powder News предназначен для авторов контента и других создателей средств массовой информации, которые регулярно публикуют статьи или новости и хотят расширить свой список адресов электронной почты.
• Powder Business предназначен для предприятий (фрилансеров или агентств), желающих представить свою деятельность в Интернете.

Каковы преимущества дочерних тем перед бесплатной версией?

При активации дочерней темы не ждите множества дополнительных опций. По сравнению с бесплатной версией, вот что отличается:

• Макет , который обязательно специфичен для каждой дочерней темы. Например, дочерняя тема Social после активации выглядит так:

• Готовый к использованию шаблон домашней страницы, который вы активируете одним щелчком мыши:

В остальном все точно так же, как и с бесплатной темой. Вам доступны те же возможности:

• Шаблоны блоков (включая два или три дополнительных, в зависимости от дочерней темы)
• Шаблоны страниц
• Варианты стиля

Основное преимущество дочерней темы — это экономия времени при разработке сайта. Если ее дизайн и внешний вид близки к тому, что вы хотите создать, вы добьетесь этого быстрее, чем с бесплатной версией темы.

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

Настройка темы: проверьте. Теперь давайте посмотрим на влияние Powder на три ключевые области: производительность, SEO и адаптивный дизайн.

Присоединяйтесь к подписчикам WPMarmite

Получите последние публикации WPMarmite (а также эксклюзивные ресурсы).

ПОДПИШИСЬ СЕЙЧАС

Производительность, SEO, адаптивный дизайн: более пристальный взгляд на 3 основных аспекта

Производительность

Скорость загрузки страниц вашего сайта WordPress имеет жизненно важное значение на двух уровнях:

• Пользовательский опыт (UX)
• Конверсии

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

Вы рискуете отпугнуть посетителей, которые не будут выполнять те действия, которые вы от них хотите: покупку продуктов, загрузку PDF-файла, запрос ценового предложения, подписку на рассылку новостей и т. д.

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

Даже если ваша тема не играет важной роли, она все равно может иметь значение.

Чем легче и лучше он закодирован, тем больше вероятность, что у вас будет быстрый сайт.

В этом отношении Powder рекламирует себя как «чрезвычайно быстрый». На своем официальном сайте даже говорится, что тема достигла «выдающегося рейтинга производительности 100/100 для мобильных и настольных платформ».

Минималистичный до крайности, порошок действительно очень легкий. Благодаря возможности совместной работы с редактором сайтов WordPress тема остается простой, без лишних элементов.

Чтобы дать вам более конкретное представление, я протестировал его на рейтинговом сервисе: Pingdom Tools . На своем тестовом сайте я установил только бесплатную тему без каких-либо плагинов.

Результат: все происходит очень быстро.

Хотя услуги по оценке производительности полезны, не следует уделять им слишком много внимания; уделяйте больше внимания «фактическому времени загрузки вашего сайта» и «впечатлению плавности», как советуют эксперты WP Rocket.

SEO

Что касается SEO, о нем особо нечего сообщить. Порошок утверждает, что «предлагает прочную основу для оптимальной структуры SEO».

Это уже хорошее начало, позволяющее поисковым системам, таким как Google, сканировать URL-адреса вашего сайта WP.

В остальном вы можете выбрать теги hn (h1, h2, h3, h4 и h5) по вашему выбору и аккуратно применить их к различным заголовкам непосредственно на сайте WordPress или в редакторе контента.

Дальше, как это часто бывает с SEO, выбор за вами. Как и в случае с производительностью, сначала необходимо применить передовые технические методы.

Я рекомендую использовать общий плагин SEO, например, Yoast SEO.

Это не приведет к автоматическому увеличению ваших позиций на страницах результатов поиска, но обеспечит правильную настройку определенных ключевых аспектов ваших естественных ссылок при условии, что вы их правильно используете.

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

Все это требует прочного фундамента и минимума знаний. Если вы хотите улучшить свои знания в области SEO, ознакомьтесь со специальным руководством WPMarmite.

Адаптивность темы WordPress Powder

«Создайте адаптивный веб-сайт, который будет выглядеть потрясающе на любом устройстве». Это одно из обещаний, данных Powder — как и подавляющее большинство тем на рынке — своим будущим пользователям.

В наши дни безупречное отображение на мобильных устройствах (смартфонах и планшетах) является необходимостью.

Порошок выполняет это обещание. Дисплей безупречен. Чтобы убедиться в этом, просто уменьшите окно веб-браузера.

Дома вы заметите то же самое, что и я: содержимое аккуратно совмещается, одно под другим, по мере того, как окно сжимается.

Вы также можете заметить появление меню-гамбургера, типичного для сайтов, оптимизированных для мобильных устройств:

Обратите внимание, что вы также можете управлять адаптивным отображением своих страниц при их редактировании благодаря небольшому значку в правом верхнем углу редактора WordPress.

Цены на темы Powder WordPress и поддержка пользователей

Сколько стоит порошок?

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

Чтобы пойти еще дальше, Powder предлагает премиум-пакет с 3 лицензиями:

• «Базовый» : 95 долларов в год. Единственная разница между этой версией и бесплатной темой — доступ к персонализированной поддержке.
• « Профессионал» : 195 долларов в год. По сравнению с «Базовой» версией эта лицензия также предоставляет доступ к 3 дочерним темам (Социальные сети, Новости и Бизнес) и к файлам дизайна Figma.
• « Пожизненно» : 295 долларов. Здесь вы платите один раз, чтобы использовать тему на всю жизнь. Конечно, вы получаете все возможности, уже включенные в «Профессиональную» лицензию.

Порошок поставляется с 14-дневной гарантией возврата денег . Тему и ее дочерние темы можно использовать на неограниченном количестве сайтов.

Какую версию выбрать?

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

• Если вы не хотите использовать дочерние темы и не нуждаетесь в поддержке (вы готовы управлять ими самостоятельно), бесплатной темы будет достаточно. С другой стороны, обратите внимание, что документация очень и очень минимальна. На момент написания статьи было всего 2.
• Если вам нужна поддержка и ответы на любые вопросы, которые могут возникнуть у вас при использовании темы, выберите одну из трех премиум-лицензий.
• Если вы хотите активировать одну из трех дочерних тем , вам потребуется как минимум «Профессиональная» лицензия.
• Если вы намерены использовать тему во всех своих клиентских (или личных) проектах , используя при этом преимущества дочерних тем, пакет «Пожизненный» будет наиболее подходящим.

Наш последний обзор темы Powder на WordPress

Пришло время подвести итог этой статье. В двух словах, что мы можем сказать о порошке? Начнем с того, что в целом это привлекательная тема .

Лично я ценю его минималистский подход и тот факт, что он работает рука об руку с редактором сайта .

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

Еще один интересный аспект, на который следует обратить внимание, заключается в том, что, поскольку эта тема все еще находится в зачаточном состоянии, в ближайшие недели она должна значительно измениться.

На момент написания его создатель Брайан Гарднер указал в своей учетной записи X, что он близок к интеграции поддержки WooCommerce (стилей и шаблонов).

Оценивать порошок также означает принимать во внимание его уникальность. Стоит еще раз отметить, что тема пошла на смелый шаг.

Поскольку он основан на блоках, его можно использовать и настраивать только с помощью редактора сайтов WordPress.

И на данный момент многие пользователи по-прежнему не хотят использовать этот инструмент в одиночку для формирования своих сайтов (конструкторы страниц, такие как Elementor, по-прежнему очень популярны).

Создайте свой сайт с помощью Elementor

Легко создавайте внешний вид своего веб-сайта WordPress с помощью известного конструктора страниц.

Попробуйте Элементор

Это заставляет нас задать вопрос ниже:

Для кого предназначена пудра?

По самой своей природе (блочная тема), мне кажется, Powder в первую очередь ориентирован на опытных пользователей WordPress. Под опытом я подразумеваю людей с хорошими знаниями в веб-дизайне и шаблонах.

Не забывайте, что хотя Редактор сайта позволяет вам контролировать все области редактирования ваших страниц, вам также придется создавать весь контент с нуля.

Несмотря на то, что вы можете положиться на шаблоны блоков Powder, вам все равно необходимо хорошее техническое мастерство, чтобы создать эстетически приятный и последовательный сайт.

Вот почему я бы не рекомендовал эту тему новичкам . Если вы попадаете в эту категорию, вам, вероятно, будет удобнее использовать универсальную тему, такую ​​​​как Astra, Kadence или Blocksy.

Или вам может даже понадобиться конструктор страниц, такой как Elementor. Но будьте осторожны: и здесь для освоения всех основ потребуется непростое обучение!

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