Ако користите ВордПресс^(WordPress) 5.0 и новије верзије, осим ако нисте живели под каменом, несумњиво сте чули за Гутенберг^(Gutenberg) ажурирање које је спојено са ВордПресс^(WordPress) -ом у децембру 2018^{(December 2018)} .

Дакле, ако користите најновију верзију ВП-а, или већ користите Гутенберг^(Gutenberg) или сте наставили да користите класични уређивач тако што сте инсталирали додатак ВордПресс Цлассиц Едитор^{( WordPress Classic Editor plugin)} .

Зашто Гутенберг?^{(Why Gutenberg?)}

Многи корисници ВП-а нису спремни да скоче на Гутенберг вагон^{(on the Gutenberg wagon)} , али неки јесу, укључујући ову веб страницу.

Неки од разлога зашто бисте можда желели да користите Гутенберга^(Gutenberg) су:

• То је будућност за ВП програмере.
• Пружа боље корисничко искуство.
• Флексибилнији је од оригиналног ВП уређивача ( ТиниМЦЕ^(TinyMCE) ).
• Омогућиће ново тржиште за програмере.

Које су разлике између ВордПресс-а и Гутенберга?^{(What Are The Differences Between WordPress & Gutenberg?)}

ВП Цлассиц Едитор^{(Classic Editor)} је уређивач текста и веома личи на Мицрософт Ворд^{(Microsoft Word)} . Има једно поље за уређивање као што се види на слици испод.

Гутенберг^(Gutenberg) је уређивач заснован на блоковима који изгледа овако:

Постоји више блокова за различите типове садржаја који укључују сопствене опције форматирања. Блокови као што су:

• Дугме
• Слика
• Сто
• Ембедс
• Листа
• Галерија
• Аудио
• Цитати
• Наслов
• Код
• Стих
• Прилагођени ХТМЛ

Такође, теме и додаци нуде више блокова и виџета које можете да користите у својим ВП објавама и страницама.

Како су погођене постојеће странице или постови?^{(How Are Existing Pages Or Posts Affected?)}

Након надоградње и коришћења Гутенберг^(Gutenberg) -а , ваше постојеће странице и постови би требало да наставе да се приказују исправно. 

Међутим, требало би да проверите своје кратке кодове и да се уверите да додаци које можда користите раде.

Када уредите постојећу страницу или објаву, она ће се аутоматски отворити у једном новом класичном блоку Гутенберг^(Gutenberg) едитора.

Да ли сте спремни да промените?

Користите место за постављање^{(Use a Staging Site)}

Последња ствар коју желите да урадите је да разбијете постојећи сајт. Начин да се ово избегне је активирање Гутенберга^(Gutenberg) на месту за постављање^{(a staging site)} . Ово је тачна реплика ваше веб странице на којој можете тестирати ствари без наношења штете вашој веб локацији уживо.

Тестне локације укључују вашу тему, додатке , опције и садржај. Ваша хостинг компанија може понудити локације за постављање. Ако не раде, можете да користите додатак за ВордПресс Стагинг^{( WordPress Staging plugin)} .

Након што ваш сајт за постављање буде покренут и ради, инсталирајте и активирајте Гутенберг додатак^{( Gutenberg plugin)} и почните са тестирањем. Или инсталирајте потпуно нову инстанцу ВордПресс-а на свој рачунар и тестирајте на њему.

Проверите своје додатке^{(Check Your Plugins)}

Корисници ВордПресс-а су упознати са тим шта се дешава када додаци не раде добро заједно. Понекад је то због функционалности или конфликтног кода. Ово је одличан тренутак да видите да ли користите све додатке које сте инсталирали. Ако нисте, уклоните их.

Такође желите да видите који се додаци користе када уређујете садржај у ВордПресс-^(WordPress) у . Одређени додаци као што су Акисмет^(Akismet) , Цонтацт Форм 7^{(Contact Form 7)} , Гоогле Ситемап Генератор^{(Google Sitemap Generator)} и ВП Супер Цацхе^{(WP Super Cache)} немају никакве везе са уређивачем и на њих неће утицати коришћење Гутенберга^(Gutenberg) .

С друге стране, било који додатак који додаје функционалност или мења начин на који ВП класични уређивач изгледа можда неће бити компатибилан са Гутенберг^(Gutenberg) -ом . Конкретно, додаци који генеришу кратке кодове, додају прилагођене стилове или који нису недавно ажурирани, обично се сукобљавају и изазивају проблеме.

Гутенберг^(Gutenberg) је раније имао активну базу података о компатибилности^{(Plugin Compatibility)} додатака. Међутим, угашен је јер се више не одржава активно.

Можете прегледати коначне податке и преузети базу података^{( download the database)} као ЦСВ^(CSV) датотеку. Без приступа активној бази података о компатибилности додатака, мораћете ручно да тестирате сваки додатак који користите.

Покушајте да направите нову објаву на свом сајту за тестирање. Видећете да сте у Гутенберговом^(Gutenberg) уреднику и то ће вам изгледати другачије. Када почнете да куцате, аутоматски креирате блок пасуса. Не морате да додајете нови блок када додајете нови пасус. Само^(Just) притисните ентер или тастер за повратак.

Пошто покушавате да видите да ли ће ваши тренутни додаци функционисати, покушајте да поново направите начин на који сте користили сваки од њих и видите да ли још увек ради.

Ако није, потражите исту функционалност у подразумеваном Гутенберговом^(Gutenberg) блоку, додајте тај блок и додајте свој садржај.

Обавезно водите листу додатака који не функционишу како треба како бисте могли да их уклоните када будете уживо са Гутенбергом^(Gutenberg) .

Шта ако не постоји подразумевани блок за функционалност која вам је потребна?^{(What If There Is No Default Block For The Functionality You Need?)}

Проверите све блокове да видите да ли функција која вам је потребна живи у другом блоку. Ако не можете да пронађете нешто што ће функционисати, можете контактирати ауторе додатака и питати их да ли планирају да га ажурирају да би био компатибилан са Гутенберг^(Gutenberg) -ом .

Ако ништа друго не успе, покушајте да пронађете Гутенберг додатак^{( Gutenberg plugin)} који ради оно што вам треба. Избришите додатке који не раде са вашег сајта за постављање.

Идемо уживо^{(Going Live)}

Пре него што БИЛО ШТА урадите на својој веб локацији уживо, направите потпуну резервну копију целе ваше веб локације у случају да сте нешто пропустили приликом провере компатибилности или се догоди нека друга грешка.

Могуће је извршити све потребне промене на вашој тестној локацији и пребацити их на вашу веб локацију уживо. Међутим, ово захтева одређено техничко знање. Дакле, осим ако нисте програмер или имате програм који ради за вас, боље је да извршите промене ручно.  

Започните брисањем додатака који нису радили и додавањем нових које сте пронашли да их замените. Ако стари додаци обрађују податке за постојеће постове и странице и не покваре нове, можете их оставити инсталираним.

Да ли желите да своје старе постове и странице претворите у Гутенберг блокове?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Отворите сваку страницу и објавите из менија класичног блока^{(Block Menu)} . Кликните^(Click) на три тачке да видите опције^{(view options)} . Изаберите из падајућег менија Претвори у блокове^{(Convert to Blocks)} .

Након што ВП конвертује ваш садржај у Гутенбергов^(Gutenberg) блок систем, требало би да прегледате сваки блок. Користите Блокирај навигацију^{(Use Block Navigation)} (од икона) да видите све делове вашег поста или странице.

Као што можете видети на горњем снимку екрана, сваки пасус, слика, листа и наслов сада су у свом блоку. Конвертовање постојећих страница и постова у нови Гутенберг^(Gutenberg) систем је брзо и лако.

Може потрајати неколико сати да тестирате своје додатке и пронађете нове, али ово морате да урадите само једном. Обавезно следите горе предложене кораке како би ваш прелазак у Гутенберг^(Gutenberg) био безболан и без грешака.

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPrеss 5.0 and hіgher, unless you have been living under a rock, you will have undoubtedly heard of the Gutenbеrg update which was merged into WordPresѕ in Decembеr 2018.

So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.

Why Gutenberg?

Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.

A few of the reasons why you might want to use Gutenberg are because it:

• Is the future for WP developers.
• Provides a better user experience.
• Is more flexible that WP’s original editor (TinyMCE).
• Will provide a new market for developers.

What Are The Differences Between WordPress & Gutenberg?

WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.

Gutenberg is a block-based editor that looks like this:

There are multiple blocks for different types of content that include their own formatting options. Blocks such as:

• Button
• Image
• Table
• Embeds
• List
• Gallery
• Audio
• Quotes
• Heading
• Code
• Verse
• Custom HTML

Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.

How Are Existing Pages Or Posts Affected?

After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly. 

However, you should check your shortcodes and make sure that the plugins you might be using are working.

When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.

Are you ready to make the switch?

Use a Staging Site

The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.

Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.

After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.

Check Your Plugins

WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.

You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.

On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.

Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.

You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.

Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.

Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.

If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.

Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.

What If There Is No Default Block For The Functionality You Need?

Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.

If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.

Going Live

Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.

It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.  

Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.

Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?

Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.

After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.

As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.

It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.

Related posts

• ВордПресс Гутенберг Водич: Како користити нови уређивач

• Како преместити ВордПресс веб локацију са једног хоста на други

• Како инсталирати и подесити ВордПресс на Мицрософт Азуре

• Како покренути невероватно брз ВордПресс на Мицрософт Азуре

• Како да конфигуришете приватност у ВордПресс-у и зашто је то важно

• Како да проверите да ли је веб сајту забрањен АдСенсе

• Мора имати ВордПресс Иоаст СЕО подешавања 2022

• Прикажите извод на почетној страници ВордПресс блога

• ВордПресс Јетпацк: Шта је то и да ли га вреди инсталирати?

• Како ажурирати ПХП у ВордПресс-у

• Како инсталирати тему на ВордПресс

• Како инсталирати ВордПресс на Гоогле Цлоуд Платформу

• ВордПресс приказује ХТТП грешку приликом отпремања слика

• Како повећати перформансе у ВордПресс-у кроз чишћење базе података

• 10 основних ВордПресс додатака за веб локацију за мала предузећа

• Како да подесите сопствену веб локацију налик на Твиттер користећи ВордПресс П2 тему

• Како пронаћи своју пријаву администратора за ВордПресс

• Како уредити подножје у ВордПресс-у

• Вик вс ВордПресс: Шта је најбоље за креирање ваше веб странице?

• Како убрзати ВордПресс сајт у 11 корака