Какво ново в WordPress 5.0 (Как да се приготвим за Gutenberg)

Скролни

Датата за пускане на WordPress 5.0 бързо наближава. И, ако досега сте игнорирали всички ъпдейти през тази година, сега е времето да обърнете внимание на най-големия ъпдейт за 2018г. (може би и за 2019г.). WordPress напълно променя начина, по който потребителите и разработчиците използват CMS системите с техния нов Gutenberg редактор. Сега всичко е блокове. Също така ще има и напълно нова тема Twenty Nineteen, която ще е темата по подразбиране при инсталация.

Както и с всяка друга нова версия на WordPress, винаги препоръчваме тестване. Това може да звучи наизустено, но тази версия ще повлияе на всичко – от редактора до плъгините и дори темата. Тестването не е опция! Ако не тествате – всичко може да се счупи. Това е онзи ъпдейт, за който не искате да чакате последния момент.

WordPress 5.0 променя всичко (Какво ново)

Забива ли вашия хостинг провайдер при ъпгрейди на PHP?

Новите версии на PHP се предлагат почти веднага от различните хостинг провайдери и лесно можете да превключите версията с един клик.

С WordPress 4.8 (Evans) имахме множество нови джаджи и подобрения, също и подобрение на визията на линковете в текстовия редактор.С WordPress 4.9 (Tipton) видяхме голяма стъпка напред към центриран-към-потребителя начин за редактиране и управление на сайтовете, със страхотни подобрения във Външния вид, нови функционалности при джаджите и мощен редактор при редактирането на кодове.

Повечето от миналите ъпдейти бяха относително малки и за повечето от нас – те нямаха особено значение. WordPress 5.0 е различен. Вместо да се добавят минимални подобрения, този релийз е фокусиран върху две основни неща:

  1. Новия Gutenberg WordPress редактор
  2. Темата Twenty Nineteen

Освен това минимални промени и отстраняване на бъгове ще бъдат добавени в ъпдета. Всъщност, всичко е заради Gutenberg. ?

И докато на пръв поглед това може да звучи като малка промяна, всъщност това изобщо не е така! Gutenberg е опит да се изстреля нагоре WordPress като CMS система в строенето на сайтове. Всъщност екипът зад WordPress планува да премахне старата тенденция да се ъпдейтват малки елементи, малко по малко и да наложи нова тенденция – по-големи промени да се случват наведнъж.

И какво е Gutenberg? Gutenberg наръчникът отлично го обобщава:

Gutenberg започна като трансформация на редактора на WordPress — нов интерфейс за добавяне, редактиране и управление на съдържанието. Целта му е да улесни всеки в създаването на богати, гъвкави оформления на съдържнание с потребителски интерфейс базиран на принципа на блоковете. Всички типове компоненти за страницата са представени като модулни блокове, което означава, че те могат да бъдат достъпни от общо меню на блоковете, поставено навсякъде на страницата и директно редактирано, за да се създаде представянето, което потребителя иска.

Това е фундаментална модернизация и трансформация на начина, по който се усеща работата с WordPress, като създава нови възможности както за потребителите, така и за разработчиците. Gutenberg представя нови фреймуоркове, схеми за взаимодействие, функции и потребителско изживяване за WordPress…

С други думи в WordPress 5.0, вече няма да имате класическия текстови редактор на WordPress или редактора, който сте свикнали да виждате в последното десетилетие.  ? Сега ще изглежда така:Gutenberg Editor

Gutenberg редактор

Може би вече сте видели съобщение за това на вашето WordPress табло. То беше добавено в малкия ъпдейт WordPress 4.9.8 като опит да подскаже на потребителите какво се случва.

WordPress 5.0 Gutenberg callout

WordPress 5.0 Gutenberg съобщение

Gutenberg е текстовия редактор по подразбиране и единствения редактор при нова инсталация на WordPress 5.0. Не се притеснявайте, ще можете да инсталирате класическия редактор, ако желаете. Това ще ви позволи да го използвате наравно с новия Gutenberg редактор.

Но е важно да споменем, че класическия редактор едва ли ще се поддържа вечно. Това е само временно разрешение. Затова препоръчваме да се „гмурнете“ в  Gutenberg и WordPress 5.0 по-скоро.

Защо се случва това? Има няколко причини:

1. WordPress трябва да се конкурира

Първата причина е в това, че въпреки, че WordPress е безплатна система, той все пак е бизнес. И той трябва да е конкурентен на всички други платформи за разработка на сайтове като Wix Squarespace. Ако погледнете дела на пазара на WordPress от 2017 и 2018, годишното увеличение е около 17.3%. И въпреки, че това изглежда супер, погледнете конкуренцията. Squarespace са увеличили потребителите си с 180% и Wix с 233%.

Независимо, че open source проектите и бизнеса са технически различни, те вървят ръка за ръка. С други думи – WordPress трябва да навакса! Защо мислите, че всички тези харесвани плъгини за строене на страници толкова много се ползват? Защото хората се нуждаят от по-лесен начин да строят сайтовете си и да пишат съдържанието им. Дори блогърски платформи като Medium и Ghost имат много по-добро изживяване на потребителя по време на писане.

И това не е лошо нещо. Конкуренцията е това, което развива един продукт.

2. Нужда от пренаписване

Второ, Gutenberg е написан на React, много популярен JavaScript фреймуорк, използван и поддържан от компании като Фейсбук и Инстраграм. Освен това Gutenberg се възползва и от много други модерни технологии като REST API, ESnext + JSX, WebPack, и други.

Заради начина си на структуриране, той отваря път към цял нов свят за раработчиците в термините на „разработването чрез блокове“. Запомнете, всичко в Gutenberg е блокове. Затова ще ги чувате много занапред.

Но също така може да усложни нещата, защото разработчиците ще трябва да научат нови езици. Но WordPress обществото се е погрижило за това и вече е създало проекти, които не изискват познания в React.

Atomic Blocks

Atomic Blocks

Може би мислите, че целта е подобряване на представянето? И ние така се надяваме, но повечето доклади досега информират, че всъщност представянето се влошава.

Бележка: Ъпдейти за Gutenberg се публикуват постоянно и крайния продукт може да се различава от сегашния плъгин. Само времето ще покаже.

Другата негативна страна е в това, че повечето (но не всички) WordPress теми и плъгини трябва да бъдат пренаписани, за да работят с Gutenberg. Основно тези, които си взаимодействат с WordPress редактора. Yoast SEO е отличен пример за WordPress добавка, която реагира много бързо. Те публикуваха първия си Gutenberg ъпдейт още през юли 2017, и постоянно публикуват нови ъпдейти от тогава.

Ако искате да се гмурнете във всички функции на Gutenberg и да видите как работи, вижте deep dive into the Gutenberg WordPress editor.

Ако все още не сте готови, можете да отложите промяната и да спрете Gutenberg редактора. Но както вече казахме – това е само временно решение.

Темата Twenty Nineteen

WordPress 5.0 включва и нова минималистична тема Twenty Nineteen. Тя е с пълна поддръжка за Gutenberg, както към фронт-енд, така и към бек-енд.

Twenty Nineteen WordPress theme

Twenty Nineteen тема

Официална дата на пускане на WordPress 5.0

Може би това, което се питате е кога ще бъде пуснат WordPress 5.0? Екипът зад WordPress има за цел датата 19 ноември 2018г. Но тази дата е само ориентир. Ако не всичко е готово до тогава има още две дати на релийза:

  • 27 ноември 2018
  • 22 януари 2019

Ако работите с WordPress, това е нещо, което трябва да имате предвид. Можете, разбира се, да инсталирате класическия редактор и да отложите малко нещата.

Но трябва да имате резервен план, тъй, като ъпдейта е плануван именно за празниците. Едва ли искате ваш клиент да ви се обади по Коледа с оплакване, че сайтът му е счупен след ъпгрейд към WordPress 5.0.

Как да се подготвим и обновим до WordPress 5.0

Няма как да наблегнем достатъчно на това колко важно е да тествате WordPress 5.0 и Gutenberg. Наистина трябва да се уверите, че всички добавки и темата ще работят правилно. Ако имате къстъм разработено приложение, добре е да се свържете с разработчика за ъпдейт. Това не е нещо, което вашия хостинг провайдер може да поправи.

1. Свалете добавката Gutenberg

Въпреки, че WordPress 5.0 все още не е излезнал, екипът е направил добавка Gutenberg, която можете да си свалите и тествате. Ако искате да тествате всичко, можете да свалите бета версията на ъпгрейда WordPress 5.0 Beta 1. Просто не го инсталирайте на действителен, работещ сайт.Gutenberg WordPress plugin

Gutenberg WordPress добавка

Препоръчваме да инсталирате Gutenberg на тестови сайт, на същия хостинг акаунт, от който върви вашия действителен сайт.

След инсталацията на Gutenberg, опцията „Редактирай“ при всяка страница и публикация автоматично ще отвори новия редактор. Ако имате и класическата алтернатива – ще имате бутон и за нея.

Gutenberg edit

Какво ще се случи с настоящето съдържание?

Какво ще се случи с настоящето съдържание, създадено в класическия редактор, когато се отвори с новия Gutenberg редактор? Основно – целия пост ще се покаже като един голям блок с TinyMCE редактор. Целта е да се запази настоящето форматиране на публикациите и страниците. За да се възползвате от опциите на Gutenberg можете да изберете опцията “Конвертирай в блокове.”

Gutenberg convert to blocks

Gutenberg конвертиране в блокове

Всичко ще бъде конвертирано автоматично в новите блокове на Gutenberg.

Converted Gutenberg blocks

Конвертирани Gutenberg блокове

Какво ще се случи с шорткодовете (Shortcodes)?

Същото важи и за тях.

Gutenberg shortcode

Gutenberg шорткодове

Шорткодът се преобразува в шорткод блок.

Converted Gutenberg shortcode block

Конвертиран Gutenberg шорткод блок

2. Направете бекъп на вашия WordPress сайт

Ако не тествате на сайт в развитие или тестови сайт (както би трябвало), уверете се, че имате бекъп на настоящия сайт.

Имайки предвид, че WordPress 5.0 е голяма промяна, съветваме да направите бекъп, който се сваля като файл. Бекъп както на файловете, така и на базата данни. Никога не знаете какво може да се обърка. Така си гарантирате, че ще имате работеща версия на сайта ви на сигурно място.

3. Проверете добавките и темите (те се влияят от Gutenberg)

Част от тестването е да се уверите, че всички външни плъгини и теми работят с Gutenberg. Всичко, което си взаимодейства с редактора на WordPress може да се повлияе. Yoast SEO е добър пример.

Проверете с разработчиците на плъгините и темите – много от тях вече съобщават кога ще имат съпорт за Gutenberg, други вече са готови с него.

4. Как да ъпдейтнете до WordPress 5.0 (Когато официално е пуснат)

След като WordPress 5.0 е официално пуснат, ще бъде достъпен през таблото на админ панела. Просто кликнете на иконата за ъпдейт. Както се е правил всеки един ъпдейт досега. Докато тече обновяването сайтът ще е в режим на поддръжка. При приключване на ъпдейта отново ще е live.

Update to WordPress 5.0

Ъпдейт до WordPress 5.0

Ако всичко е минало успешно, трябва да видите екран „Какво ново“. И това е. Бързо и лесно.

Отстраняване на проблеми след ъпдейта на WordPress

Както и при всеки нов релийз, понякога има проблеми – заради хилядите различни плъгини и теми на пазара. Ето някои често срещани проблеми и идеи за отстраняването им:

  • „Белия екран на смъртта“? Това често се поправя след рестартиране на PHP и изтриване на целия кеш на сайта.
  • Все още виждате „Сайтът е в режим на поддръжка“ (“Briefly unavailable for scheduled maintenance. Check back in a minute”), въпреки успешен ъпдейт. Сайтът ви е „заклещен“ в режим на поддръжка.  Потърсете в Гугъл как да я прекратите.
  • Опитайте да деактивирате всички плъгини и ги активирайте един по един. Така можете да установите кой се нуждае от ъпдейт.
  • Опитайте да включите темата по подразбиране на WordPress, например Twenty Nineteen (когато вече е налице). Ако това оправя проблема, свържете се с разработчика на темата си.
  • Опитайте да видите за JavaScript проблеми чрез браузера си. Това може да е много полезно, ако визуалния редактор се счупи.

Обобщение

WordPress 5.0 и Gutenberg е най-големият ъпдейт на WordPress от дълго време насам. Той ще повлияе на всеки, от това как потребителите взаимодействат с редактора и пишат съдържание до това как разработчиците пишат добавки и теми. Само времето ще покаже колко успешен е проектът Gutenberg. Но независимо от всичко – колкото по-рано започнете тестовете, толкова по-бързо ще се уверите, че нищо няма да се счупи на сайта ви

Какво ново в WordPress 5.0 (Как да се приготвим за Gutenberg)19 мин за четене
5 (100%) 1

Един отговор на Какво ново в WordPress 5.0 (Как да се приготвим за Gutenberg)19 мин за четене

Вашият коментар

This site uses Akismet to reduce spam. Learn how your comment data is processed.