Getwid – Настроювані блоки WordPress для Гутенберга

Getwid - Настроювані блоки WordPress для Гутенберга

Гутенберг. Сама згадка цього слова може танути лід. Зазвичай ви можете почути падіння шпильки в тиші, що настає після крику “GUTENBERG!” в деяких місцях. Можливо, ви не повинні кричати, але це не суть. Це прохолодний день для редактора Гутенберга, чи це?


Коли Гутенберг став редактором вмісту за замовчуванням для WordPress, багато користувачів – як початківці, так і розробники – були скептично налаштовані. Це був мучний перехід, оскільки – зміна. Новий редактор означав, що користувачі повинні навчитися та адаптуватися до нового способу створення контенту в WordPress.

Це правда, що змінити старі способи важко, тому, можливо, спочатку Гутенберг зіткнувся з жорстким опором. Але з часом справи надзвичайно змінилися. Хоча на початку багато користувачів були здивовані, люди швидко люблять нового редактора, особливо коли це так просто у використанні та, що ще важливіше, розширення плагінами.

Завдяки плагінам типу Гетвід, предметом сьогоднішнього огляду, ви можете перезарядити Гутенберга способами, про які ви ніколи не уявляли. І якщо імпульс буде тримати (і буде), у Гутенберга дуже світле майбутнє. На мою думку, все більше користувачів навряд чи потребуватимуть розробників сторінок WordPress для створення вражаючих сторінок та публікацій.

У сьогоднішньому огляді ми розглянемо всі функції, які роблять Getwid одним з найкращих плагінів Гутенберга, який ви коли-небудь знайдете в Інтернеті. Щоб показати вам, чого очікувати, ми тестуємо драйвер і коротко переходимо понад 30 блоків, які Getwid підносить до вже потужного редактора Гутенберга.

З цією преамбулою є тонна для покриття, тож нам краще дістати широкий це. Бачите, що я там робив? Ха-ха. Гаразд, почнемо.

Що таке Getwid?

Гевід - Блоки Гутенберга

По-перше, що, до біса, Getwid? Ну, Getwid – це чудовий плагін, який допоможе вам продовжити редактор Гутенберга у великі терміни. Просте багато? Іншими словами, це прекрасна колекція з 34 блоків, яка дозволяє створювати блискучий вміст у Гутенберзі.

Згідно з Мотопрес, розробник, Getwid безперешкодно підключається до Гутенберга, “… робить ваш загальний перехід до Гутенберга менш напруженим”. Більш плавний перехід особливо важливий для перших користувачів. Найкраща частина плагіна безкоштовно скачати на WordPress.org, тобто ви можете відразу потрапити на землю.

Getwid слідкує за найкращими Стандарти кодування WordPress, пропонуючи вам ідеальне рішення збагатити вміст, не заглиблюючись у код. Крім того, він повністю сумісний з усіма темами WordPress, готовими до Гутенберга, тобто ви не зіткнетеся з проблемами несумісності.

Крім того, Getwid сумісний з іншими сторонніми плагінами Gutenberg, що пропонує вам більше можливостей для створення захоплюючого вмісту, який ви хочете. Крім того, Getwid постачає безліч варіантів, що дозволяють стилізувати кожен блок відповідно до вашого бренду та вподобань.

Прості у використанні блоки Гутенберга

Крім того, додаток надзвичайно простий у налаштуванні та використанні, а значить, вам не потрібен розробник, щоб тримати руку. Вам також не потрібно знань з кодування. Крім того, Getwid пропонує найновіші прийоми щодо продуктивності, такі як мінімізація CSS, так що ви можете створювати фантастичний контент, не турбуючись про швидкість свого сайту WordPress.

Говорячи про фантастичний контент, Getwid допомагає вам «… створювати ефективні цільові сторінки, демонструвати яскраві сторінки послуг, створювати привабливі портфелі», додавати красиві повзунки, реалізовувати фантастичні заголовки, демонструвати таблиці цін та багато іншого! Він пропонує вам всі блоки, необхідні для поповнення «… бізнес-сайтів, стартапів, творчих проектів та різноманітності інших ніш».

Список блоків Гутенберга

Getwid постачається з великою кількістю блоків Гутенберга. Пам’ятайте, що він також працює з основними блоками Гутенберга, тобто нічого не повинно зупинити вас від створення дивовижного контенту, який працює для вашого веб-сайту. Ось список блоків Гутенберга, доступних у Гетвіді (Попередження: LOOONG):

  • Розділ
  • Медіа та текстовий повзунок
  • Слайдер зображення
  • Значок
  • Іконка
  • Банер (так, доповнений анімацією – ву-ху!)
  • Акордеони
  • Вкладки
  • Перемикати
  • Галерея стека зображень
  • Гугл-мапи
  • Останні повідомлення
  • Розширений заголовок
  • Вікно зображення
  • Розширений розпір
  • Соціальні посилання
  • Група гудзиків
  • Свідчення
  • Особа ящик
  • Instagram
  • Індикатор виконання
  • Кругова смуга прогресу
  • Лічильник
  • Коробка цін
  • Контактний формуляр
  • Повідомлення каруселі
  • Повзунок повідомлення
  • Спеціальний тип публікації
  • Ціни
  • MailChimp
  • Спливаюче відео
  • Точка зображення
  • Відлік часу
  • Часова шкала вмісту

Фу, який список? І щоб подумати, що кожен із перерахованих вище блоків має велику кількість налаштувань, стилів та варіантів, тож ви можете спроектувати вміст так, як вам подобається.

Поки що добре, плагін блоків Getwid Gutenberg виглядає дуже перспективно.

Тепер, коли ви знаєте, з чим ми працюємо, давайте встановимо Getwid та переглянемо різні блоки. Сподіваюсь, вам сподобається наступний розділ так само, як і я при тестуванні плагіна.

Як встановити модуль Getwid Gutenberg Blocks

Ознайомившись з тим, як Getwid доступний в офіційному сховищі плагінів WordPress, ми не витрачатимемо час на завантаження плагіна на ваш комп’ютер. Замість цього ми встановимо плагін безпосередньо з панелі адміністратора WordPress.

Без зайвих помилок, увійдіть на інформаційну панель адміністратора WordPress та перейдіть на сторінку Плагіни> Додати нове як я вказую на скрінграбі нижче.

Як встановити новий плагін WordPress

На Додати плагіни введіть “Getwid” у поле пошуку за ключовими словами та натисніть Встановити Тепер кнопка, як показано нижче.

як встановити плагін getwid gutenberg блоки для wordpress

Не витрачаючи ні секунди, натисніть на Активуйте кнопка, як я виділяю нижче, щоб завершити встановлення.

Як активувати плагін getwid для WordPress

І це все; Я не брехав, коли казав, що налаштувати Getwid дуже просто »

Тепер давайте подивимося, що може запропонувати Getwid всередині редактора Gutenberg. Щоб дізнатися, що є в магазині, нам потрібно створити нову сторінку або допис. Працюйте з тим, хто вам захочеться.

Додавання нової сторінки

Я буду працювати зі сторінкою виключно для ілюстрації. А також тому, що я використовую шановану тему Total WordPress, яка поставляється із шаблоном цільової сторінки ��

Напевно ви вже знаєте, як додати нову сторінку в WordPress, але якщо ви абсолютно новачок, перейдіть до Сторінки> Додати нове, як видно нижче.

додавання нової сторінки в wordpress

Додайте назву сторінки та виберіть необхідні настройки. Наприклад, якщо ви хочете створити цільову сторінку на повну ширину, як ваша справді, виберіть варіант із Атрибути сторінки розділ, як показано нижче.

атрибути сторінки в gutenberb

Зауважте, у вас можуть бути різні варіанти Атрибути сторінки розділ залежно від вашої теми.

Додавання блоків Getwid Gutenberg

Додавання блоків Getwid те саме, що додавання типових блоків Гутенберга. Клацніть на плюс (+) кнопка, прокрутіть вниз Гетвід Блоки, і виберіть потрібний блок.

Роздільний блок

Наприклад, щоб додати розділ Getwid, просто додайте Розділ блок, як показано нижче.

блок секції getwid

Настільки ж просто, як A, B, C. Після цього вам потрібно спроектувати / оформити свій розділ так, як ви вважаєте за потрібне. Блок розділу дозволяє створювати красиві макети сторінок розділ за розділом без кодування. Ви можете легко додавати повзунки, фонові зображення, відео, паралакси, анімації, форми, кілька кольорів тощо. Щоб побачити сторінку, створену за допомогою блоків розділів, перегляньте наступне демонстрація розділу.

Як показано на зображенні нижче, ви можете додати будь-який блок всередині блоку розділу. Крім того, ви можете налаштувати розділ за своїм бажанням.

Налаштування блоку розділів getwid

Праворуч від сторінки ви отримуєте безліч варіантів налаштування розділу. Ми коротко переглянемо варіанти зверху вниз.

  • Розмір – Тут встановіть розміри розділу. На момент написання у вас є три варіанти ширини, а саме У коробці, повна ширина, і Користувальницькі. Крім цього, ви можете встановити різні висоти секцій для настільних, планшетних та мобільних пристроїв. Нарешті, у вас є можливість вказати прогалини між блоками вмісту в блоці розділу.
  • Прокладки – Ця опція дозволяє встановити накладки навколо вашого розділу для настільних, планшетних та мобільних пристроїв.
  • Маржа – Додайте поля навколо свого блоку секцій для різних пристроїв.
  • Вирівнювання – Тут ви можете вказати вертикаль і горизонталь вашого розділу для різних пристроїв.
  • Колір фону – Ви можете додати будь-який колір фону, який вам подобається, до секцій.
  • Фоновий градієнт – Цей параметр допомагає створити градієнти фону для вашого розділу. Цей варіант стане в нагоді, якщо ви не хочете використовувати фонове кольорові кольори.
  • Фонове зображення – Тут ви можете додати фонове зображення до свого розділу, а не використовувати кольори.
  • Фон повзунок – Тепер ви можете додати фонові повзунки до розділів сторінки. Як мило?
  • Фонове відео – Хочете збагатити свою секцію фоновим відео? Якщо так, Getwid має вашу спину.
  • Передній план – Додайте ефекти переднього плану до свого розділу.
  • Дільники – Додайте роздільники між своїми секціями
  • Анімація входу – Завдяки Getwid ви можете анімувати різні розділи, як вам подобається.
  • Розширений – Тут ви можете додати HTML-якір та клас CSS

Блок повзунка медіа та тексту

Щоб додати блок слайдів для медіа та тексту, натисніть кнопку плюс (+) значок, перейдіть до пункту Блоки Getwid і натисніть Медіа та текстовий повзунок, як показано нижче.

блок медіа та тек слайдер getwid

Після додавання блоку ви можете завантажувати медіа та додавати текст. Крім цього, ви можете налаштувати блок з правої бічної панелі, як показано на зображенні нижче.

Налаштування блоку повзунка медіатексту getwid

Ось кілька приміток до параметрів блоку медіа та тексту на правій бічній панелі, як показано вище:

  • Налаштування – На вкладці налаштувань можна вказати число слайдів, розмір зображення, висоту повзунка, ширину вмісту та вертикальне / горизонтальне вирівнювання.
  • Колір тексту – Ця опція дозволяє налаштувати колір тексту на вашому слайдері
  • Колір накладання – Ви можете встановити колір накладення та вказати непрозорість накладання
  • Прокладки – Використовуйте цю опцію, щоб легко додавати набивання навколо ваших медіа та текстових повзунків
  • Налаштування повзунка – Тут ви можете додати анімацію до свого слайдера та включити слайд-шоу
  • Анімація тексту – Анімуйте текст на ваших повзунках
  • Розширений – Додайте спеціальний клас CSS, щоб ви могли надалі стилізувати ваші повзунки

Ось чудовий приклад блок медіа та тексту слайдера в дії.

Слайдер зображення

Окрім медіа та текстового повзунка, Getwid пропонує вам це Слайдер зображення блок також. Для цього перейдіть до пункту Блоки Getwid і натисніть кнопку Слайдер зображення блокувати, як я детально на скріншоті нижче.

слайдер зображення getwid

Завантаживши або додавши зображення з медіатеки, ви можете налаштувати повзунок на правій бічній панелі, як показано нижче.

Налаштування повзунка зображення getwid

На правій бічній панелі у вас є кілька варіантів:

  • Налаштування зображення – На цій вкладці ви можете вибрати розмір зображення, автоматично обрізати зображення та прив’язати кожне зображення до медіафайлу або сторінки вкладення. Це особливо вигідно, якщо ви фотограф і використовуєте повзунки для показу своїх робіт.
  • Налаштування повзунка – Тут ви можете вказати кількість слайдів, які можна відображати на різних пристроях, тобто настільних, ноутбукових, планшетних та мобільних.
  • Параметри управління – На цій вкладці ви можете вказати, де відображати навігаційні стрілки та крапки.
  • Розширений – Додайте сюди спеціальний клас CSS

Щоб отримати кращу картину, ось вам демонстрація слайдера зображення для вашого задоволення від перегляду.

Блок банера

Блок-банер дозволяє рекламувати на своєму веб-сайті WordPress як начальник. Додавання блоку банерів однаково просто. Перейдіть до Блоки Getwid всередині редактора Gutenberg і натисніть на Банер блок, як показано нижче.

блок банер getwid

Додавши медіа-файл банера, ви отримаєте пару варіантів, як показано на зображенні нижче.

налаштування блоку банерів getwid

Як видно із зображення, наведеного вище, ви можете легко додати посилання на свій банер та відкрити посилання на новій вкладці. У правій бічній панелі у вас є більше варіантів налаштування банерів. Тут ви можете налаштувати розмір банера, вирівнювання, кольори та анімацію.

У вас є маса варіантів для створення привабливих банерів для вашого веб-сайту. Не соромтеся перевірити ці демонстрація банерів для смаку того, що ви можете створити.

Інші блоки Гетвіда Гутенберга

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

Я все ж сподіваюся, що тепер ви можете додати та налаштувати будь-який блок Getwid Gutenberg, який хочете. Все, що вам потрібно зробити – це перейти до Блоки Getwid і натисніть потрібний блок. Після цього додайте вміст і налаштуйте блок з правої бічної панелі, як ми це зробили для інших блоків.

Щоб побачити більше прикладів блоків Getwid Gutenberg в дії, відвідайте сторінку Плагін Getwid сторінки на MotoPress. Також, ось Знайомтесь із повідомленням Getwid що дозволяє більш глибоко вивчити, що плагін пропонує.


Getwid – потужний плагін Гутенберга з прекрасним набором блоків. Крім того, кожен блок оснащений унікальним набором опцій, які дозволяють створювати переконливий вміст за короткий час.

Крім цього, плагін надзвичайно простий у налаштуванні та використанні. Вам не потрібно кодування знань чи попереднього досвіду, щоб використовувати сили Getwid для залучення взаємодії на вашому веб-сайті.

Плагін на 100% безкоштовний і з відкритим кодом, тобто ви можете широко використовувати його та налаштовувати його, не турбуючись про свій гаманець чи ліцензування. Це ідеальний інструмент для використання у вашому професійному наборі інструментів WordPress.

Я сподіваюся, що тепер ви можете використовувати Getwid, щоб повернути свої сторінки та публікації WordPress до життя, не порушуючи поту. Якщо ні, будь ласка, висловіть свої занепокоєння та пропозиції в розділі коментарів.

Крім усього іншого, ваш улюблений плагін блоків Гутенберга?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map