Обзор Spectra Builder 2024 — стоит ли использовать его для настройки WordPress?

Будучи профессиональным дизайнером, я пробовал использовать несколько конструкторов страниц для WordPress. Недавно я изучал новый конструктор страниц Spectra от команды Astra и наткнулся на его уникальные функции.

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

Перейдем к делу — обзор Spectra Builder .

Что такое построитель спектров?

Как уже упоминалось, Spectra Builder — это редактор блоков с впечатляющими возможностями. Это обновленная версия плагина Ultimate Addons for Gutenberg.

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

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

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

Ответ…

Spectra легко совместима с любой темой, включая такие известные, как GeneratePress и Kadence. Тема Astra и конструктор страниц Spectra созданы одним разработчиком, что делает их отличным вариантом для Astra.

Теперь давайте углубимся в некоторые фантастические функции моего обзора Spectra Builder.

Привлекательные особенности Spectra Builder

Конструктор страниц Spectra имеет множество функций, позволяющих повысить производительность веб-сайта и обеспечить профессиональный дизайн. Вот его привлекательные особенности, которыми я очень восхищаюсь!

Простой в использовании интерфейс

Интерфейс Spectra очень понятен и удобен. Чтобы использовать редактор блоков в Spectra при редактировании сообщения или страницы, щелкните значок блока в редакторе Gutenberg.

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

SEO-дружественные функции

Очевидно, возникает вопрос: если Spectra предоставляет несколько функций, влияет ли это каким-либо образом на SEO сайта или могут ли его блоки снижать скорость страницы?

Ответ - нет .

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

Оптимизированные файлы: Spectra использует современные методы для минимизации размера файлов JavaScript и CSS. В этих файлах удалены пробелы и комментарии, что уменьшило размер файла.

Блоки схемы: Google поддерживает множество типов данных схемы, а использование схемы помогает Google понять содержимое страницы и увеличивает рейтинг кликов страницы (CTR).

Google Fonts: включив этот параметр, можно загрузить Google Fonts на сервер, что приведет к более быстрой работе сайта.

Наборы шаблонов

Spectra предлагает наборы шаблонов, которые состоят из трех конструктивных особенностей:

• Веб-шаблон
• Шаблон
• Каркасы

Давайте рассмотрим каждый из них.

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

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

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

Каркасы: Каркасы — это наборы блоков в Spectra. Если вы хотите добавить на страницу несколько блоков, нет необходимости каждый раз выбирать каждый блок. Просто зайдите в раздел каркасов и выберите то, что хотите.

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

Поддержка схемы

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

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

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

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

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

Различные типы настроек

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

После установки просмотрите четыре варианта в разделе Spectra.

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

Копировать и вставить: включение этой опции позволяет нам копировать стили из Gutenberg и Spectra и использовать их где угодно.

Выбранные шрифты: Spectra имеет более 700 стилей шрифтов. При использовании этой опции будут отображаться только выбранные шрифты.

Recaptcha: обязательно добавляйте Recaptcha в информационный бюллетень и другие формы из соображений безопасности. Имеет две версии: вторую и третью.

Флексбокс-контейнер

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

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

Блоки Спектры Гутенберга

Обзор Spectra Builder 2024 будет неполным без обсуждения редактора блоков. Он автоматически интегрируется с редактором Гутенберга, поэтому вам не нужно изучать что-то новое. Просто используйте его так же, как и другие элементы WordPress.

Каждый блок имеет три уровня настроек:

• Общий
• Стиль
• Передовой

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

Хронология публикации

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

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

Маркетинговая кнопка

У вас есть веб-сайт для партнерского маркетинга или цифрового маркетинга? Если да, то маркетинговая кнопка должна быть максимально привлекательной. В блоке «Спектры» есть маркетинговая кнопка, состоящая из контента и заголовка.

Просто возьмите его из секции блоков; написание CSS-файлов не требуется. Он поставляется с привлекательными предустановками, но вы также можете изменить значок и цвет в соответствии с вашими потребностями. Обратите внимание, что цвет фона маркетинговой кнопки поддерживает градиенты.

Призыв к действию

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

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

Форма

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

Информационное окно

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

Google Map

Spectra поддерживает API Google Map, а это означает, что если вы хотите добавить адрес на веб-сайт, вам не нужно использовать API Google Map отдельно.

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

Модальный

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

Он предлагает возможность добавить значок, изображение и текст для триггера действия. Когда пользователь нажимает на него, он показывает полностью разработанное информационное окно. Spectra также предлагает настройки для изменения информационного окна.

Вкладки

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

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

Другие блоки

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

Все это доступно в редакторе Gutenberg и легко настраивается. Выберите в соответствии с потребностями вашей страницы или публикации и придайте своему сайту профессиональный вид.

Планы и цены

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

Он состоит из двух основных частей: годовых и пожизненных планов . Далее в обеих частях три раздела разделены по количеству сайтов. У Spectra есть три плана, предлагающие функции:

• Спектра Про
• Основной инструментарий
• Бизнес-инструментарий

Spectra Pro: этот план предлагает множество мощных блоков и расширений.

Essential Toolkit: включает в себя все, что доступно в вышеуказанном плане, а также предлагает тему Astra Pro, премиум-шаблоны и приоритетную поддержку.

Business Toolkit: включает в себя все вышеперечисленные функции и поставляется с членством в Sure Witter, Project Huddle и Skill Jet.

Цены (в долларах $) смотрите в таблицах:

Годовой план:

Пожизненный план:

За и против

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

Плюсы:

1. Чистый и удобный для новичков интерфейс, простой в использовании.
2. Существует множество библиотек шаблонов для каждого типа веб-сайтов и страниц.
3. SEO-дружественный плагин, поэтому не беспокойтесь о негативном влиянии на рейтинг.
4. Поддерживает все важные данные схемы, включая инструкции и обзор.
5. Он предлагает множество планов, которые помогут вам выбрать более точный план для ваших нужд.
6. Использует современный механизм контейнера, более гибкий в настройке.

Минусы:

1. Некоторые блоки не поддерживают градиентные цвета.
2. Приоритетная поддержка предоставляется только для планов Spectra Pro, а не для бесплатной версии.
3. Некоторые важные блоки не включены в бесплатную версию.

Элементор против Спектры

Оба плагина имеют большое количество библиотек шаблонов и виджетов блоков. Spectra имеет 35 блоков и элементов расширения, охватывающих 90 расширений.

Преимущество Spectra заключается в простоте использования, тогда как Elementor немного сложен и требует времени для понимания плагина.

Кроме того, в Spectra есть блок анимации Lottie, уникальное дополнение, которого нет в Elementor.

Итак, если вы новичок, используйте Spectra ; однако многие эксперты также используют Spectra. Но когда вам нужна глобальная система и множество виджетов, то Elementor — лучший вариант.

В заключение отметим, что цена Spectra невелика по сравнению с Elementor и другими плагинами, что делает его более привлекательным.

Заключительные слова по обзору My Spectra Builder

Надеюсь, вам понятен мой обзор Spectra Builder 2024 . Spectra Page Builder — один из лучших плагинов для дизайна ваших веб-страниц. Имеет бесплатную и премиум-версию.

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

Теперь вам решать, какой план выбрать в соответствии с вашими требованиями. Для новичка лучше всего выбрать Spectra Pro, а если вы запускаете много веб-сайтов, выберите Essential Kit.