TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Редактор WordPress Гутенберга – перший огляд

28

WordPress є першокласною платформою для ведення блогів та публікацій для багатьох з нас. Але більша проблема-це технічне ноу-хау, необхідне для запуску сайту WordPress. В іншому випадку вам доведеться витратити багато часу та грошей на зміну основних речей. Навіть просте завдання створення та публікації публікації чи сторінки у WordPress не так просто мати різні макети та стовпці. Це призводить до зростання сотень компаній і веб -сайтів, що пропонують послуги з створення сторінок. До хороших прикладів можна віднести Visual Composer, SiteOrigin Page Builder, Beaver Page Builder тощо. Ці конструктори сторінок стали популярними лише через те, що WordPress за замовчуванням має незграбний редактор.

Класичний редактор повідомлень WordPress

Класичний редактор дописів WordPress виглядає нудно і є простим текстом. Ви можете налаштувати дуже мінімальні речі, такі як перехід у режим "Текст" та додати вбудований HTML/CSS. Неможливо додати макет стовпця або додати блоки. Наприклад, якщо у вас є текстове поле, таке як пропозиція продукту або безкоштовне завантаження електронної книги, вам потрібно додати однаковий вміст на всі сторінки вручну. В іншому випадку вам може знадобитися змінити файли PHP або написати власний код, який не є варіантом для користувачів початкового рівня.

Гутенберг – Шлях майбутнього

Якщо ви помітили, WordPress показує сповіщення у версії 4.9.8 для встановлення та тестування редактора Гутенберга. На цьому етапі вам потрібно встановити Gutenberg як плагін для зміни редактора. Але незабаром з версії 5.0 WordPress за замовчуванням матиме редактор Гутенберга. Якщо у вас виникли проблеми із сумісністю або ви все ще хочете використовувати старий редактор, вам потрібно встановити класичний плагін редактора, щоб продовжити роботу зі старим редактором.

Оскільки макет редактора змінюється з Gutenberg, всі плагіни та теми, які використовують метабокси в редакторі публікацій / сторінок, слід переробити для роботи з редактором Gutenberg. Плагіни, такі як Yoast SEO, вже пропонують сумісну версію, і ми вважаємо, що всі інші розробники повинні наслідувати цей приклад, не маючи інших варіантів. Нижче наведено спливаюче повідомлення від WooCommerce для спроби з редактором Гутенберга.

Редактор WordPress Гутенберга - перший огляд

Віджет WooCommerce Gutenberg

Що таке Гутенберг?

Якщо ви коли -небудь працювали над конструктором сайтів Bootstrap або редактором Weebly, ви будете здивовані. Так, Гутенберг – це конструктор сайтів із перетягуванням, заснований на концепції блоків. Ви можете просто натиснути на блок, щоб додати на сторінку та розпочати створення свого вмісту. Це схоже на редактор Bootstrap або Weebly

Використання Gutenberg може виглядати тривалим процесом для простих текстових повідомлень / сторінок. Але для тих, хто хоче мати різні макети та блоки багаторазового використання на кількох сторінках, Гутенберг – це просте рішення.

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

Ви можете додати такі блоки за допомогою редактора Гутенберга:

Редактор WordPress Гутенберга - перший огляд

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

  • Загальні блоки – абзац, зображення, заголовок, галерея, список, цитати, аудіо, зображення обкладинки, підзаголовок, відео.
  • Форматування блоків – Код, класичний, користувацький HTML, попередньо відформатований, цитати, таблиця, вірш.
  • Елементи макета – кнопка, стовпці, більше, розрив сторінки, роздільник, пробіл.
  • Віджети – шорткод, архіви, категорії, останні коментарі, останні повідомлення.
  • Вбудовування – вбудовування практично з будь -якого сайту соціальної мережі, наприклад Twitter, YouTube, Facebook, Instagram тощо.
  • У розділі "Найчастіше використовувані блоки" будуть перераховані блоки, до яких часто звертаються для швидкого доступу.
  • Блоки багаторазового використання – Як було пояснено вище, якщо ви хочете, щоб той самий вміст став частиною багатьох сторінок, збережіть його як блок багаторазового використання.

Розуміння макета редактора Гутенберга

Нижче наведено, як буде виглядати редактор Гутенберга під час створення допису.

Редактор WordPress Гутенберга - перший огляд

Редактор Гутенберга

  1. Перший елемент – це завжди заголовок вашої публікації. Ви не можете видалити цей елемент.
  2. У вас є область вмісту, куди можна додавати блоки.
  3. Натисніть кнопку + у редакторі публікацій або у верхньому лівому куті редактора, щоб розпочати додавання блоків.
  4. Перемістіть курсор ліворуч від будь -якого елемента, щоб побачити стрілки вгору та вниз. Натисніть на стрілку, щоб перемістити весь елемент вгору або вниз.
  5. Наведіть курсор миші на праву частину елемента, щоб побачити кнопку з трьома крапками, що пропонує більше можливостей. Натисніть на це, щоб відредагувати блок як HTML або переглянути його візуально. Звідси ви можете додати блок до списку багаторазового використання.
  6. Натисніть на елемент блоку, щоб побачити інші вбудовані параметри, такі як форматування та вирівнювання текстового вмісту.
  7. Верхня панель містить параметри високого рівня, такі як-скасувати, повторити, переглянути, опублікувати, зберегти чернетку, показати або приховати бічну панель, налаштування перемикання візуального та кодового редактора та інші параметри.
  8. Бічна панель має два розділи – один для рівня допису як "Документ". У ньому є варіанти додавання пропонованого зображення, категорії, тегів, формату публікації, автора тощо.
  9. Вкладка "Блок" містить певні параметри для вибраного елемента блоку.

Додавання блоків у повідомленні

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

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

Редактор WordPress Гутенберга - перший огляд

Додавання блоків та статистики перевірки

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

Метабокси

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

Додаткові можливості

  • Натисніть на піктограму інформації на верхній панелі, щоб перевірити статистику вмісту публікації, наприклад кількість слів, речень, заголовків тощо.
  • Ви можете отримати поради щодо ознайомлення з редактором. Натисніть кнопку з трьома крапками у верхньому правому куті верхньої панелі та виберіть опцію «Показати поради».
  • Натисніть на елемент блоку та перейдіть на вкладку «Блокувати» на правій бічній панелі. У розділі "Додаткові" ви можете додати власні класи CSS, які впливатимуть лише на цей елемент у текстовому полі "Додатковий клас CSS". Вам потрібно визначити клас CSS у вашій головній таблиці стилів або в розділі "Зовнішній вигляд> Налаштувати> Додатковий CSS".

Покращення

WordPress випустив кілька поліпшень для початкового редактора Гутенберга. Тепер ви можете додавати посилання на кнопку з nofollow, блок таблиці чуйний, показуючи горизонтальну панель на мобільних пристроях, ви можете керувати блоками багаторазового використання та вимикати невикористані блоки та метабокси у редакторі повідомлень. Версія 5.8 також представила повну функцію редагування сайтів, яка може змінити повний ландшафт створення веб -сайту за допомогою WordPress як системи управління вмістом. Враховуючи всі ці речі, непогано спробувати, якщо ви все ще користуєтесь класичним редактором.

Резюме

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

Плюси

  • Легко додавати різні блоки. Напевно, багато плагінів спливуть для додавання власних блоків у майбутньому.
  • Ви можете створити макет будь -якого типу та мати різний макет на різних сторінках свого сайту.
  • Переставити блоки легко, і ви можете створювати блоки багаторазового використання.

Мінуси

  • Щодо імені користувацького досвіду, тепер вам потрібно натиснути двічі, що було зроблено одним натисканням миші раніше. Наприклад, у класичному редакторі ви можете просто натиснути на "Вибране зображення" та завантажити зображення. Тепер з Гутенбергом вам спочатку потрібно натиснути на спадне меню «Пропоноване зображення», а потім натиснути посилання, щоб завантажити зображення.
  • Ми не могли побачити "Параметри екрана", щоб налаштувати редактор. Схоже, ви повинні взяти все, що показано.
  • Новий редактор зробить усі існуючі підручники недійсними та вимагатиме величезних зусиль для документів тисяч видавців та розробників.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі