Гутенберг идва скоро в WordPress. Вашият уеб сайт готов ли е Въпреки че все още не знаем каква точно форма ще приеме, тази нова система за съдържание ще бъде добавена към WordPress в бъдеще. Нека да разгледаме потенциалните въздействия, които това може да има върху вашия сайт, и начините за идентифициране и отстраняване на проблемните области преди време.
Какво е Гутенберг?
Gutenberg е проект на WordPress, който има за цел да даде на потребителите повече гъвкавост при проектирането на тяхното съдържание. По същество проектът има за цел да замени сегашния редактор, който функционира предимно като текстов процесор, с по-визуален и структуриран интерфейс. В момента Gutenberg е плъгин и дава възможност на потребителите да редактират съдържанието си по същия начин като Visual Composer или други редактори за плъзгане и пускане (Drag & Drop), но по опростен и много интуитивен начин.
За да научите повече за Гутенберг, cliquez ICI.
Частите на вашия сайт
Gutenberg е масивна компания и вероятно ще достигне много крайни точки във вашия уеб сайт. Това са трите области, които ще проучим за потенциални проблеми:
- Вашата тема: Гутенберг идва със собствен набор от стилове за съдържанието. Съвместима ли е вашата тема? Как ще изглежда Гутенберг, когато е активен?
- Вашите приставки: Възможно е Гутенберг да взаимодейства с другите ви плъгини по неочаквани начини. Ще видим какво би могло да бъде и какво трябва да се направи, за да се поправят възникналите проблеми.
- Вашето съдържание: Гутенберг ще повлияе на начина, по който се показва съдържанието ви. Ще разгледаме как това може да промени облика на вашите страници и ще разгледаме някои потенциални решения, ако имате проблеми.
Създаване на тестова зона
Преди да започнете, е добра идея да създадете тестова зона, където можете да експериментирате с Гутенберг, без да излагате основния си сайт на риск. В идеалния случай трябва да създадете своя собствена тестова зона или да създадете локално копие на вашия сайт. За повече информация как да изпълнявате някоя от тези задачи вижте следния урок: Как да инсталирате WordPress локално.
Ако това не е възможно, можете да извършите тестовете директно на вашия сайт. Имайте предвид, че това може да бъде рисковано, тъй като ние ще активираме и деактивираме редица части от вашия сайт. Ако извършвате тестване на живо, не забравяйте да създадете резервно копие на вашия сайт, преди да започнете.
След като разберете къде ще тествате, отидете в директорията с приставки и намерете Гутенберг. След като бъде инсталиран и активиран, прочетете.
Изпробвайте темата си
След като вече сте инсталирали Гутенберг, нека да разгледаме първия раздел на вашия сайт, който може да бъде засегнат: вашата тема. Ако към този момент вече има големи проблеми, като грешки в базата данни или проблеми с таблото за управление на WordPress, преминете към раздела Какво да правим, когато има твърде много проблеми.
Тъй като Гутенберг взаимодейства основно със съдържанието на сайта, достатъчно е да тестваме няколко неща - за наш късмет.
Първото е, че Гутенберг идва със собствена таблица със стилове и набор от стилове. Проверете всеки от различните типове страници и шаблони, използвани на вашия сайт, за да се уверите, че те все още се показват правилно. Основната цел тук е да се съсредоточите върху елементи в основната област на съдържанието на вашите страници, особено върху съдържанието и блоковете изображения. Ако забележите някакви проблеми, вероятно стиловете на Гутенберг имат предимство пред тези на вашия сайт.
За да коригирате това, ще трябва да определите откъде идва проблемът. Обикновено това ще бъде CSS селектор, фокусиран върху HTML елемент или приоритет на стиловете на Гутенберг пред вашите собствени класове. Така или иначе, опитайте се да определите къде възниква грешката. След това разберете защо стиловете на Гутенберг заменят вашите и коригирайте кода си, за да му даде предимство.
Опитайте се да направите корекции в собствената си тема (или още по-добре, в детска тема или област, посочена за CSS във вашата тема), вместо да модифицира Гутенберг. Ако директно редактирате някой от файловете в Гутенберг, той вероятно ще бъде заменен, когато приставката бъде актуализирана.
По същия начин ще искате да изпълните едни и същи тестове на таблото си веднъж завинаги. Опциите за тема и други персонализирани раздели, генерирани от вашата тема, изглежда са най-големите виновници досега. След като идентифицирате проблеми със стила в тези области, обикновено можете да ги поправите, като промените или създадете дъщерна тема и промените CSS там.
Работят ли плъгините ви?
След тестване на вашата тема, приставките за вашия сайт са както следва. По-специално, следете за приставки, които предоставят шорткодове, които използвате в съдържанието си (напр. Gravity Forms), приставки, които влияят на външния вид на вашето съдържание (напр. Приставки за достъпност, които влияят върху размера на текста) и приставки, които директно вмъкват елементи във вашата страница (като Разширени персонализирани полета).
Разгледайте кратките кодове
За да проверите тази област, започнете, като съберете списък с всички шорткодове, които използвате, както и страниците, на които те съществуват. С вашия списък в ръка, посетете всяка от тези страници, за да видите дали работят както се очаква. Ако имате проблеми със стила, има вероятност да имате същия проблем като преди и трябва да пренастроите стиловете си.
Ако обаче се показва шорткодът, а не очакваното съдържание (т.е. вашата страница показва [shortcode]вместо да правим правилното нещо) има друго решение. В този случай можете да погледнете блока, където се намира шорткодът, и да потвърдите, че той не се счита за текст (намерете и премахнете нежеланите етикети около шорткода). Ако проблемът продължава, преместването на шорткода към по-подходящ тип блок трябва да рестартира всичко.
Външен вид на съдържанието
Този проблем произтича от същия проблем, който вече разгледахме: замествания на стилове. Идентифицирайте засегнатите елементи и коригирайте CSS.
Създаване на елемент
Последната област, която ще разгледаме за конфликтни въпроси, е създаването на артикули. Всеки плъгин, който вмъква HTML елементи в страница, без да използва къси кодове, е подозрителен тук, например, когато PHP извлича персонализирани полета от приставката Advanced Advanced Fields.
Най-честото приплъзване със създаване на елементи се върти около несъвместими блокове. Тъй като Гутенберг предоставя свои собствени стилове, възможно е, ако вашите елементи са създадени в неволен блок, те може да не се показват правилно. Поправката за това е да се уверите, че вашият код добавя елементи към блока, където искате да бъдат.
Показва ли се вашето съдържание при необходимост?
Не е толкова спешно, колкото другите проблеми, които сме обсъждали, но може да има някои усложнения в начина, по който се показва вашето съдържание. Повечето от тези проблеми ще дойдат от незначителни промени в стила илиорганизация блокове. За да поправите това, ще трябва да си поиграете с блоковата система, докато получите страницата си по начина, по който искате.
Какво да правим, когато има твърде много проблеми
Сблъскахте ли се с проблем, който не можахте да разрешите с предложенията в този урок? Не изпадайте в паника ! Все още има известно време, преди Гутенберг да бъде интегриран в ядрото на WordPress.
Първо запишете каква е грешката и какви стъпки са довели до грешката. Колкото повече информация можете да съберете, толкова по-добре. Предайте цялата тази информация на екипа на Гутенберг. С късмет те ще могат да определят проблема и да го отстранят в бъдеща версия.
Ако сте работили на сцена, това е всичко, което можете да направите засега. Продължавайте да проверявате бележките за изданието, за да видите дали проблемът ви е разрешен или евентуално да работите по отстраняването му сами.
Ако работите на вашия сайт на живо, деактивирането на Гутенберг трябва да върне всичко към нормалното. Ако не, тогава е време да се върнете към резервното копие, което сте направили в началото на урока!
Успех на вашата инсталация!
Гутенберг се стреми да бъде огромна промяна в средата на WordPress, която се стреми да промени съдържанието към по-добро. Преди да удари основния клон, уверете се, че вашият сайт ще работи с новите промени. Ако имате проблеми, различни от изброените тук, по-добри решения или поправки за каквото и да е в този урок, моля, оставете коментар по-долу.