Гутенберг Простое упоминание этого слова может растопить лед. Как правило, вы можете услышать, как в тишину падает гвоздь, который выкрикивает "GUTENBERG!" в некоторых местах. Может быть, вы не должны кричать, но это не главное. Это холодный день для редактора Гутенберга, не так ли?
Когда Гутенберг стал редактором контента по умолчанию для WordPress, многие пользователи, как начинающие, так и разработчики, были настроены скептически. Это был мучительный переход, потому что – перемены. Новый редактор означал, что пользователям приходилось учиться и адаптироваться к новому способу создания контента в WordPress.
Это правда, что изменить старые пути трудно, поэтому, возможно, именно поэтому Гутенберг сначала столкнулся с сильным сопротивлением. Но вещи со временем сильно изменились. Хотя многие пользователи поначалу были в замешательстве, люди любят новый редактор, особенно когда он так прост в использовании и, что самое важное, он расширяется за счет плагинов.
Благодаря плагинам, таким как Getwid, тема сегодняшнего обзора, вы можете перегружать Гутенберга так, как вы никогда раньше не представляли. И если импульс сохранится (и будет), у Гутенберга очень светлое будущее. На мой взгляд, все больше и больше пользователей вряд ли будут нуждаться в создателях страниц WordPress для создания впечатляющих страниц и постов.
В сегодняшнем обзоре мы рассмотрим все функции, которые делают Getwid одним из лучших плагинов Gutenberg, которые вы можете найти в Интернете. Чтобы показать вам, чего ожидать, мы протестировали плагин и кратко рассмотрели более 30 блоков, которые Getwid привел к уже мощному редактору Гутенберга.
С этой преамбулой есть что скрывать, поэтому нам лучше отменить ее. Видишь, что я там сделал? Jaja. Хорошо, начнем.
Что такое Гетвид?
Перво-наперво, что, черт возьми, Гетвид? Ну, Getwid – это умный плагин, который поможет вам значительно расширить редактор Gutenberg. Просто много? Другими словами, это красивая коллекция из 34 блоков, которые позволяют создавать блестящий контент в Гутенберге.
По словам разработчика Motopress, Getwid без проблем подключается к Гутенбергу, «… делая его полный переход к Гутенбергу менее напряженным». Плавный переход особенно важен для новых пользователей. Самое приятное то, что плагин можно бесплатно скачать на WordPress.org, а это значит, что вы можете запустить его прямо сейчас.
Getwid следует лучшим стандартам кодирования WordPress, предлагая вам идеальное решение для обогащения вашего контента, не углубляясь в код. Кроме того, он полностью совместим со всеми готовыми для Gutenberg темами WordPress, что означает, что у вас не возникнет проблем с несовместимостью.
Plus Getwid совместим с другими сторонними плагинами Gutenberg, предоставляя вам больше возможностей для создания интересного контента. Кроме того, Getwid поставляется с множеством опций, которые позволяют вам проектировать каждый блок в соответствии с вашим брендом и предпочтениями.
Простые в использовании блоки Гутенберга
Кроме того, плагин невероятно прост в настройке и использовании, что означает, что вам не нужен разработчик, чтобы держать вас за руку. Вам также не нужны навыки кодирования. Кроме того, в Getwid реализованы новейшие приемы повышения производительности, такие как минимизация CSS, поэтому вы можете создавать отличный контент, не беспокоясь о скорости вашего сайта WordPress.
Говоря о фантастическом контенте, Getwid помогает вам «… создавать эффективные целевые страницы, отображать яркие страницы услуг, создавать привлекательные портфолио», добавлять красивые слайдеры, реализовывать фантастические заголовки, отображать таблицы цен и многое другое! Он предлагает вам все блоки, которые вам нужны для перегрузки "… коммерческих сайтов, стартапов, творческих проектов и множества других ниш".
Черный список Гутенберга Гетвида
Getwid поставляется с достаточным количеством блоков Гутенберга. Помните, что он также работает с основными блоками Gutenberg, что означает, что ничто не должно помешать вам создавать удивительный контент, который работает для вашего сайта. Вот список блоков Гутенберга, доступных на Getwid (Внимание: это ОЧЕНЬ ДОЛГО):
- раздел
- Медиа и текстовый слайдер
- Слайдер изображений
- значок
- Иконка
- Баннер (да, в комплекте с анимацией – ух ты!)
- аккордеоны
- ресницы
- рычаг
- Галерея изображений
- гугл карты
- Последние сообщения
- Расширенный заголовок
- Коробка изображения
- Расширенный проставка
- социальные связи
- Группа кнопок
- свидетельство
- Личная коробка
- Прогресс-бар
- Круговой индикатор выполнения
- счетчик
- Ценник
- Форма обратной связи
- Почтовая карусель
- Пост слайдер
- Пользовательский тип сообщения
- Прайс-лист
- MailChimp
- Видео всплывающее окно
- Точка доступа к изображению
- обратный отсчет
- График содержания
Тьфу, какой список? И думать, что каждый из вышеперечисленных блоков поставляется с множеством настроек, стилей и опций, поэтому вы можете создать свой контент так, как вы хотите.
Пока все хорошо, блочный плагин Getwid Gutenberg выглядит очень многообещающе.
Теперь, когда вы знаете, с чем мы работаем, давайте установим Getwid и пройдемся по различным блокам. Я надеюсь, что вам понравится следующий раздел так же, как и я, когда я попробовал плагин.
Как установить плагин Getwid Gutenberg Blocks
Поскольку Getwid доступен в официальном репозитории плагинов WordPress, мы не будем тратить время на загрузку плагина на ваш компьютер. Вместо этого мы установим плагин прямо из админ-панели WordPress.
Без лишних слов войдите в вашу админ панель WordPress и перейдите к Плагины> Добавить новый как я указываю на скриншоте ниже.
О Добавить плагины введите "Getwid" в поле поиска по ключевым словам и нажмите Установить на ПК в настоящее время Кнопка, как показано ниже.
Не теряя ни секунды, нажмите Активизировать кнопку, как показано ниже, чтобы завершить установку.
И это; Я не лгал, когда говорил, что настроить Getwid легко 🙂
Теперь давайте посмотрим, что предлагает Getwid в редакторе Gutenberg. Чтобы узнать, что в магазине, нам нужно создать новую страницу или пост. Работайте с тем, что вы хотите.
Добавить новую страницу
Я буду работать со страницей только в иллюстративных целях. А также потому, что я использую уважаемую тему Total WordPress, которая поставляется с шаблоном целевой страницы 🙂
К настоящему времени вы, вероятно, уже знаете, как добавить новую страницу в WordPress, но если вы абсолютный новичок, перейдите к Страницы> Добавить новый, как видно ниже.
Добавьте заголовок своей страницы и выберите необходимые настройки. Например, если вы хотите создать такую же целевую страницу, как ваша, выберите опцию Атрибуты страницы раздел, как показано ниже.
Обратите внимание, что у вас могут быть разные варианты в Атрибуты страницы раздел в зависимости от вашей темы.
Добавить блоки Getwid Gutenberg
Добавление блоков Getwid аналогично добавлению типичных блоков Гутенберга. Нажмите на больше (+) кнопку прокрутки вниз Getwid блоки, и выберите блок, который вы хотите.
Блок раздела
Например, чтобы добавить раздел Getwid, просто добавьте раздел блок, как показано ниже.
Так же просто, как A, B, C. После этого вам нужно спроектировать / выложить свой раздел так, как вы считаете нужным. Блок section позволяет создавать красивые макеты страниц по разделам без кодирования. Вы можете добавить ползунки, фоновые изображения, видео, параллакс, анимацию, формы, несколько цветов и т. Д. в ваш раздел легко. Чтобы просмотреть страницу, созданную с использованием блоков раздела, см. Демонстрационный пример следующего раздела.
Как показано на рисунке ниже, вы можете добавить любой блок в блоке раздела. Также вы можете настроить раздел так, как вам нравится.
В правой части страницы у вас есть много вариантов для настройки раздела. Мы кратко рассмотрим варианты сверху вниз.
- размер – Установите размеры вашего раздела здесь. На момент написания, у вас есть три варианта ширины, а именно В штучной упаковке, полная ширина, и персонализированные, Кроме того, вы можете установить различные высоты раздела для настольных компьютеров, планшетов и мобильных устройств. Наконец, у вас есть возможность указать пробелы между блоками контента в блоке раздела.
- заполнение – Опция позволяет настроить заполнение вокруг вашего раздела для настольных компьютеров, планшетов и мобильных устройств.
- запас – Добавить поля вокруг вашего блока раздела для различных устройств.
- выравнивание – Здесь вы можете указать вертикальную и горизонтальную часть вашего раздела для различных устройств.
- Цвет фона – Вы можете добавить любой цвет фона, который вы хотите в разделы.
- Градиентный фон – Эта опция поможет вам создать фоновые градиенты для вашего раздела. Опция полезна, если вы не хотите использовать однотонные фоны.
- Фоновое изображение – Здесь вы можете добавить фоновое изображение в свой раздел, вместо использования цветов.
- Фоновый слайдер – Теперь вы можете добавлять фоновые ползунки в разделы вашей страницы. Как мило?
- Фоновое видео – Вы хотите обогатить свой раздел фоновым видео? Если это так, Getwid поддерживает вас.
- передний план – Добавить эффекты переднего плана в ваш раздел.
- циркуль – Добавить разделители между вашими разделами
- Входная анимация – Благодаря Getwid, вы можете анимировать различные разделы, как вам нравится.
- передовой – Здесь вы можете добавить HTML-якорь и CSS-класс
Мультимедийный и текстовый слайдер
Чтобы добавить блок слайдера мультимедиа и текста, нажмите больше (+) значок, выделите Блоки Getwid и нажмите Медиа и текстовый слайдер, Как показано ниже.
Как только вы добавите блок, вы можете загрузить свой медиа и добавить текст. Кроме того, вы можете настроить блок с правой боковой панели, как показано на рисунке ниже.
Вот пара примечаний для параметров блокировки мультимедиа и текста в правой боковой панели, как показано выше:
- конфигурации – На вкладке настроек вы можете указать количество слайдов, размер изображения, высоту слайдера, ширину содержимого и выравнивание по вертикали / горизонтали.
- Цвет текста – Опция позволяет настроить цвет текста на вашем слайдере
- Перекрывающийся цвет – Вы можете установить цвет наложения и указать непрозрачность наложения
- заполнение – Используйте эту опцию, чтобы легко добавлять отступы вокруг медиафайлов и текстовых ползунков
- Настройки слайдера – Здесь вы можете добавить анимацию на слайдер и включить слайд-шоу
- Текстовая анимация – Анимируйте текст на ваших слайдерах
- передовой – Добавьте пользовательский класс CSS, чтобы вы могли дополнительно разрабатывать свои ползунки
Вот отличный пример блока слайдера текста и медиа в действии.
Слайдер изображений
В дополнение к мультимедийному и текстовому слайдеру, Getwid предлагает вам Слайдер изображений блок тоже. Для этого перейдите к Блоки Getwid и нажмите Слайдер изображений заблокируйте, как показано на скриншоте ниже.
Загрузив или добавив изображения из библиотеки мультимедиа, вы можете настроить ползунок на правой боковой панели, как показано ниже.
На правой боковой панели у вас есть несколько вариантов:
- Настройки изображения – На этой вкладке вы можете выбрать размер изображения, автоматически обрезать изображения и связать каждое изображение с мультимедийным файлом или прикрепленной страницей. Это особенно полезно, если вы фотограф и используете ползунки изображений для отображения своей работы.
- Настройки слайдера – Здесь вы можете указать количество слайдов, которые могут отображаться на различных устройствах, например, на настольном компьютере, ноутбуке, планшете и мобильном устройстве.
- Настройки управления – На этой вкладке вы можете указать, где показывать стрелки и точки навигации.
- передовой – Добавьте пользовательский класс CSS здесь
Для лучшего изображения, вот демонстрация слайдера изображений для вашего удовольствия от просмотра.
Баннерный блок
Баннерный блок позволяет вам рекламировать на своем сайте WordPress в качестве босса. Добавить блок баннера одинаково просто. Перейдите к Блоки Getwid внутри редактора Гутенберга и нажмите на флаг блок, как показано ниже.
Как только вы добавите медиафайл своего баннера, вы получите несколько вариантов, как показано на рисунке ниже.
Как вы можете видеть на изображении выше, вы можете легко добавить ссылку на свой баннер и открыть ссылку в новой вкладке. На правой боковой панели у вас есть больше возможностей для настройки ваших баннеров. Здесь вы можете настроить размер баннера, выравнивание, цвета и анимацию.
У вас есть много вариантов создания привлекательных баннеров для вашего сайта. Не стесняйтесь проверить эти демонстрации баннеров, чтобы получить представление о том, что вы можете создать.
Другие блоки Гетвида Гутенберга
Независимо от того, насколько заманчиво, вы не сможете охватить еще 30 блоков Getwid в сегодняшнем обзоре. Если мы сделаем это, он будет здесь весь день, так как статья будет слишком длинной для чтения.
Во всяком случае, я надеюсь, что теперь вы можете добавить и настроить любой блок Getwid Gutenberg, который вы хотите. Все, что вам нужно сделать, это перейти к Блоки Getwid и нажмите на блок, который вы хотите. После этого добавьте свой контент и настройте блок с правой боковой панели, как мы делали для других блоков.
Чтобы увидеть больше примеров блоков Getwid Gutenberg в действии, посетите страницу плагинов Getwid в MotoPress. Кроме того, вот публикация Meet Getwid, в которой рассказывается о том, что предлагает плагин.
Getwid – это мощный плагин Gutenberg с очаровательным набором блоков. Кроме того, каждый блок поставляется с уникальным набором опций, которые позволяют создавать привлекательный контент в кратчайшие сроки.
Кроме того, плагин невероятно прост в настройке и использовании. Вам не нужно знание кодов или предыдущий опыт, чтобы использовать возможности Getwid для привлечения внимания на ваш сайт.
Плагин на 100% бесплатный и с открытым исходным кодом, что означает, что вы можете широко использовать и настраивать его, не беспокоясь о своем кошельке или лицензии. Это идеальный инструмент в вашем профессиональном наборе инструментов WordPress.
Надеюсь, что теперь вы можете использовать Getwid, чтобы оживить страницы и посты WordPress без проблем. Если нет, пожалуйста, выскажите ваши проблемы и предложения в разделе комментариев.
Какой ваш любимый блочный плагин Gutenberg?
