Обзор плагина Spectra — идеальное расширение для редактора Gutenberg

Несколько лет назад Gutenberg, визуальный редактор WordPress, стал причиной горячих споров. Несколько членов сообщества WordPress умалчивали о его роли. В настоящее время ясно, что Гутенберг не идеален, но он улучшил способ создания веб-сайтов WordPress. Это еще один шаг к лучшему опыту для веб-мастеров.

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

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

Краткое введение в плагин Spectra

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

Brainstorm Force разработал плагин Spectra. Возможно, название компании не звучит знакомо, но за темой Astra стоит та же команда. В этом контексте о профессионализме и опыте разработчиков плагинов не может быть и речи.

Не волнуйся; Spectra совместима не только с Astra; он работает со всеми темами WordPress! Нет никаких ограничений на использование этого плагина, так что у вас есть все основания попробовать его!

Особенности, заслуживающие упоминания

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

Мощный визуальный конструктор

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

У пользователей WordPress есть множество визуальных конструкторов страниц для создания веб-сайтов без программирования. В целом, Spectra, вероятно, наиболее совместима с редактором Gutenberg. Благодаря встроенной интеграции с WordPress многие пользователи не понимают, используют ли они Gutenberg или Spectra. Помимо естественной совместимости, Spectra впечатляет своей стабильностью и отсутствием задержек. Вам не нужно ждать, чтобы увидеть, как ваши действия повлияют на макет сайта. Пользователи получают неограниченные возможности для создания желаемого макета, а опыт сборки просто великолепен!

Сотни вариантов укладки

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

• Общий
• Стиль
• Расширенный .

В разделе «Общие» вы выбираете ориентацию макета, выравнивание, положение и предустановку каждого блока. Раздел «Стиль» более сложен; здесь вы выбираете цвета, шрифты, размер, границы, фон и поля. Ничего страшного, если вы не имеете четкого представления о настройках стилей, необходимых для вашего проекта. Выбор правильных цветов, полей, рамок и размера осуществляется простым перемещением курсора влево и вправо. Для точной настройки всех параметров требуется время, но процесс удобен и интуитивно понятен. Раздел «Дополнительно » предназначен для улучшения мобильного взаимодействия путем управления условиями отображения блоков. Кроме того, вы можете добавить собственный код CSS.

Гибкие макеты

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

Удивительные шаблоны

Spectra и Gutenberg — идеальное сочетание для создателей веб-сайтов. Тем не менее, начать с нуля не совсем просто и занимает много времени. Spectra поддержит вас — библиотека шаблонов полна первоклассных шаблонов. Шаблоны из библиотеки делятся на три категории:

• Страницы
• Паттерс
• Каркасы

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

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

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

Таким образом, Spectra подходит для всех типов пользователей. Люди, у которых нет времени или у которых меньше опыта, могут оценить Страницы, которые предоставляют им полные веб-сайты. Вы ищете такой компонент сайта, как раздел отзывов или красивую форму? Проверьте узоры. Достаточно ли вы квалифицированы, чтобы создать оригинальный веб-сайт WordPress? Вайрфреймы могут стать отправной точкой для вашего классного веб-сайта.

Низкое влияние на скорость загрузки

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

• Без использования jQuery . Хотя jQuery — мощная библиотека JavaScript, современные темы и плагины не используют ее, поскольку она замедляет скорость загрузки.
• Оптимизированный и минимизированный код HTML, CSS и JavaScript . Меньшее количество строк кода означает более высокую скорость загрузки, что в наши дни является большим преимуществом.
• Загрузите шрифты Google локально. Браузер и сервер, на котором размещены файлы сайта, отправляют и получают запросы на отображение веб-страниц. Отправка и получение запросов занимает миллисекунды, но они увеличивают общую скорость загрузки. Вы можете уменьшить количество запросов, загрузив шрифты локально, и ваш сайт будет загружаться быстрее.

Дружественный к поисковой системе

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

• Чистый и соответствующий стандартам код . Хорошо закодированный плагин помогает роботам поисковых систем сканировать веб-сайты.
• Оптимизированные для SEO блоки Spectra, такие как How-to и FAQ, идеально подходят для расширенных сниппетов. Это имеет решающее значение для обзорных веб-сайтов или местных предприятий.
• Сосредоточьтесь на UX . Неясно, является ли UX фактором ранжирования для алгоритма Google, но это явно косвенный фактор. Хороший UX радует посетителей сайта, и они дольше остаются на вашем сайте. Время пребывания (как долго посетитель остается на вашем сайте после перехода из результатов Google), скорее всего, является фактором ранжирования.

Полезные блоки

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

Хронология контента

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

Оглавление

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

• Выбор заголовков для формирования таблицы;
• Скрытие на мобильном телефоне и планшете;
• Настройка выравнивания и положения;
• Выбор цветов и шрифтов.

Как составить схему

Этот блок идеально подходит для структурирования данных в сжатом формате. У него есть два важных преимущества:

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

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

Слайдер

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

Список таксономий

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

к вам

Spectra — отличный плагин, расширяющий возможности Гутенберга. Блоки и шаблоны аналогичны премиальным плагинам, но Spectra (по-прежнему) бесплатна для использования. В этом свете вам лучше установить и протестировать его! Нам не терпится узнать ваше впечатление, поэтому оставьте комментарий с вашим опытом.