Ако користите ВордПресс^(WordPress) већ неколико година, онда се сећате када су људи у ВордПрессу^(WordPress) избацили Гутенберг^(Gutenberg) едитор у ВордПресс 5.0^{(WordPress 5.0)} још 2018.

Овај нови подразумевани уређивач представља велику преправку за уређивање и постова и страница на вашем сајту. То је трансформисало велики оквир за текст на који су власници веб локација били навикли у веома различиту платформу за уређивање засновану на блоковима.

Неки власници веб локација су га толико мрзели да су избегавали надоградњу на ВордПресс 5.0^{(WordPress 5.0)} и остали са класичним подразумеваним уређивачем што је дуже могуће. Други власници веб локација прихватили су промену због њене једноставности и лакоће коришћења.

Ако правите транзицију и радознали сте шта да очекујете, овај водич за ВордПресс Гутенберг^{(WordPress Gutenberg)} ће вас провести кроз главне функције које треба да знате и разумете. Ово би требало да учини ваш прелаз што је могуће лакшим.

Шта очекивати у ВордПресс-у Гутенберг^{(WordPress Gutenberg)}

Главна ствар коју треба знати о Гутенберговом^(Gutenberg) уреднику је да је базиран на блоковима. То значи да се свиме што треба да додате управља преко блокова. Блокови у Гутенбергу^(Gutenberg) укључују (али нису ограничени на):

• Параграф
• Хеадер
• Слика
• Листа
• Цитат
• Код
• Преформатирано
• Пуллкуоте
• Сто

Постоји и неколико других напредних блокова који се ретко користе. Можда ћете видети додатне блокове ако инсталирате нове ВордПресс додатке^{(new WordPress plugins)} у уређивач.

Додавање блокова је једноставно као одабир иконе + са десне стране испод последњег блока који сте додали.

Одабиром било ког од блокова из искачућег прозора, тај блок се додаје као следећи одељак на вашој страници или објави. 

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

Креирање постова и додавање блокова

Додавање поста остаје непромењено у односу на последњу верзију ВордПресс^(WordPress) -а . Само^(Just) изаберите Објаве^(Posts) са леве навигационе траке и изаберите Додај ново^{(Add New)} испод ње. 

Ово ће отворити прозор за уређивање постова. Овде је такође све другачије. Видећете подразумевани Гутенберг ВордПресс^{(Gutenberg WordPress)} едитор. 

Додавање блок ставки^{(Block Items)} у Гутенберг Едитор^{(Gutenberg Editor)}

Можете да унесете наслов свог поста у поље за наслов. Затим изаберите икону + са десне стране да додате први блок.

Параграпх Блоцкс^{(Paragraph Blocks)}

Најчешћи први блок који људи додају након наслова је блок пасуса. Да бисте то урадили, изаберите Параграф^(Paragraph) у искачућем прозору. 

Ово ће уметнути блок поље у које можете почети да куцате први пасус вашег поста. Форматирање блока пасуса^(Paragraph) прати подразумевани фонт^{(the default font)} за блокове пасуса вашег сајта. 

Ево неколико савета за додавање блокова пасуса у Гутенберг^(Gutenberg) едитор.

• Ваш параграф може бити колико год желите. Текст ће се аутоматски умотати у следећи ред, баш као у класичном уређивачу.
• Ако притиснете Ентер^(Enter) , Гутенберг^(Gutenberg) уређивач аутоматски креира нови блок пасуса, али он само изгледа као други пасус са преломом пасуса.
• Истицање било ког текста у параграфу ће приказати прозор за форматирање у којем можете да промените форматирање за тај текст, или да измените блок у листу или неки други тип блока.
• Изаберите три тачке и изаберите Уклони блок^{(Remove block)} да бисте избрисали блок пасуса и заменили га нечим другим.

Имаге Блоцкс^{(Image Blocks)}

Ако изаберете блок Слика^(Image) , видећете оквир за слику^(Image) где можете да изаберете дугме Отпреми^(Upload) да бисте отпремили слику у своју објаву са свог рачунара. Изаберите везу Библиотека медија^{(Media Library)} да бисте користили слику из постојеће библиотеке медија или Убаци са УРЛ адресе^{(Insert from URL)} да бисте повезали слику са друге локације.

Ово ће уметнути слику у чланак у који сте додали нови блок слика . ^(Image)Приметићете да можете да унесете натпис за слику директно испод саме слике.

Можете користити исте опције обликовања за текст наслова као и за обичан текст пасуса.

Листа блокова^{(List Blocks)}

Када додате нови блок и изаберете Листа^(List) , он ће уметнути блок листе на том месту у чланку.

Приказаће се један знак, али док куцате и притиснете Ентер^(Enter) , сваки нови знак ће се појавити онако како вам је потребан.

Форматирање листе такође прати стил и величину фонта како је дефинисано вашом темом^{(your theme)} , тако да немојте бити изненађени ако фонт на вашој листи изгледа другачије од блокова пасуса.

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

Други блокови^{(Other Blocks)}

Ако желите да видите све блокове који су доступни, изаберите + да бисте додали блок, а затим изаберите Прегледај све^{(Browse all)} да бисте видели целу листу.

Ова листа је заправо прилично дуга. Све чега се сећате да је доступно у класичном уређивачу преко његовог система менија биће укључено овде. Ово укључује друге често коришћене блокове као што су:

• Столови
• Датотеке и медији
• Видеос
• Ознака „Више“.
• Преломи страница и сепаратори
• Виџети као што су друштвене иконе, облаци ознака, календар^(calendar) и додаци за ВордПресс
• Уградите^(Embed) код за друштвене сајтове, медијске сајтове као што су ИоуТубе^(YouTube) и Спотифи^(Spotify) и још много тога

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

Не морате да се држите блокова које сте додали где год да сте их додали. Можете да се померите уназад у свом посту и изаберете икону + између било којег од постојећих блокова. Ово ће вам омогућити да убаците нове блокове између постојећих.

Такође нисте заглављени ни са постављањем својих блокова. У класичном ВордПресс^(WordPress) уређивачу, није увек било лако премештати ствари као што су слике у друге делове вашег поста, а да се понекад не поквари позадинско кодирање.

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

Сваки пут када изаберете стрелицу, она ће померити тај блок за једну позицију у било ком смеру који сте изабрали.

Коришћење Глутенберг Едитор-^{(Glutenberg Editor)} а у ВордПресс -у^(WordPress)

Област поста није једино место за додавање нових блокова. Приметићете да постоји веома једноставан мени са иконама на врху уређивача где можете да користите и икону + за додавање блокова.

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

• Икона за уређивање^(Edit) оловке вам омогућава да пређете на режим избора да бисте лакше бирали блокове. Двапут кликните^{(Double-click)} на блок да бисте се вратили у режим за уређивање .^(Edit)
• Иконе Поништи^(Undo) или Понови^(Redo) (лево и десно закривљене стрелице) ће поништити или поновити вашу последњу измену.
• Икона и (⁽ⁱ⁾ Детаљи) вам показује број знакова, речи, наслова, пасуса и блокова у вашем посту.
• Икона Оутлине^(Outline) вам омогућава брзу навигацију до блокова у вашем посту на основу њиховог редоследа у оквиру вашег поста .

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

WordPress Gutenberg Tutorial: How to Use the New Editor

If you’ve been using WordPress for quіte a few years, then уou remember when the folks at WordPress rolled out the Gutenberg editor in WordPress 5.0 back in 2018.

This new default editor was a major overhaul for editing both posts and pages on your site. It transformed the large text box that website owners were accustomed to into a very different block-based editing platform.

Some website owners hated it so much that they avoided upgrading to WordPress 5.0 and stayed with the classic default editor as long as possible. Other website owners embraced the change for its simplicity and ease-of-use.

If you’re making the transition and are curious what to expect, this WordPress Gutenberg tutorial will walk you through the main features you need to know and understand. This should make your transition as easy as possible.

What to Expect in WordPress Gutenberg

The main thing to know about the Gutenberg editor is that it’s block based. This means anything you need to add is managed via blocks. Blocks in Gutenberg include (but are not limited to):

• Paragraph
• Header
• Image
• List
• Quote
• Code
• Preformatted
• Pullquote
• Table

There are also a few other advanced blocks that are rarely used. You may see additional blocks if you install new WordPress plugins to the editor.

Adding blocks is as simple as selecting the + icon to the right under the most recent block you’ve added.

Selecting any of the blocks from the pop-up window adds that block as the next section in your page or post. 

Before we get to these blocks, let’s start from the beginning and create a new post using Gutenberg in WordPress.

Creating Posts and Adding Blocks

Adding a post remains unchanged from the last version of WordPress. Just select Posts from the left navigation bar, and select Add New underneath it. 

This will open the post editor window. This is also where everything is different. You’ll see the default Gutenberg WordPress editor. 

Adding Block Items in the Gutenberg Editor

You can type the title for your post in the title field. Then select the + icon on the right to add the first block.

Paragraph Blocks

The most common first block people add after the title is a paragraph block. To do this, select Paragraph from the pop-up window. 

This will insert a block field where you can start typing the first paragraph of your post. Formatting for the Paragraph block follows the default font for your site’s paragraph blocks. 

Here are some tips for adding paragraph blocks in the Gutenberg editor.

• Your paragraph can be as long as you like. The text will automatically wrap into the next line, just like in the classic editor.
• If you press Enter, the Gutenberg editor automatically creates a new paragraph block, however it just looks like a second paragraph with a paragraph break.
• Highlighting any text in the paragraph will show a formatting window where you can alter the formatting for that text, or modify the block into a list or some other block type.
• Select the three dots and select Remove block to delete a paragraph block and replace it with something else.

Image Blocks

If you select the Image block, you’ll see an Image box where you can select an Upload button to upload an image into your post from your computer. Select the Media Library link to use an image from your existing media library, or Insert from URL to link to an image from another site.

This will insert the image into the article where you added the new Image block. You’ll notice that you can type the caption for the image directly under the image itself.

You can use the same formatting options on the caption text as you can on the regular paragraph text.

List Blocks

When you add a new block and select List, it’ll insert the list block at that point in the article.

It’ll show one bullet, but as you type and press Enter, each new bullet will appear as you need them.

List formatting also follows the font style and size as defined by your theme, so don’t be surprised if the font in your list looks different than your paragraph blocks.

You can highlight text in the list block and you’ll see formatting options for this text if you want to change it. You can’t change the font style here, but you can bold, italics, add a hyperlink, or change the block type entirely.

Other Blocks

If you want to see all the blocks that are available, select + to add a block, then select Browse all to see the entire list.

This list is actually quite long. Anything you remember being available in the classic editor via its menu system will be included here. These include other commonly used blocks like:

• Tables
• Files and media
• Videos
• The “More” tag
• Page breaks and separators
• Widgets like social icons, tag clouds, calendar, and WordPress plugin widgets
• Embed code for social sites, media sites like YouTube and Spotify, and more

Other Gutenberg Features

You don’t have to stick with the blocks you’ve added wherever you added them. You can scroll back up in your post and select the + icon between any of the existing blocks. This will let you insert new blocks between existing ones.

You also aren’t stuck with the placement of your blocks either. In the classic WordPress editor, it wasn’t always easy moving things like images to other sections of your post without sometimes messing up the background coding.

In Gutenberg, moving elements like images is as simple as selecting the block and then selecting the up or down arrows in the pop-up menu bar to move the block up or down in the post.

Each time you select the arrow it’ll slide that block one position in whatever direction you’ve selected.

Using the Glutenberg Editor in WordPress

The post area isn’t the only place to add new blocks. You’ll notice there’s a very simple icon menu at the top of the editor where you can use the + icon to add blocks as well.

The other icons in this menu give you quick access to other Gutenberg features.

• The pen Edit icon lets you switch to select mode to more easily select blocks. Double-click a block to go back to Edit mode.
• Undo or Redo icons (left and right curved arrows) will undo or redo your last edit.
• The i (Details) icon shows you the number of characters, words, headings, paragraphs, and blocks in your post.
• The Outline icon lets you quickly navigate to blocks in your post based on their order in your post outline.

For many people, the Gutenberg editor in WordPress does take some getting used to. But after experiencing how easy it is to create, edit, and manipulate blocks of elements in your posts, you’ll find that your process of creating posts and pages is faster and more productive.

Related posts

• 9 Мора имати додатака за нове инсталације ВордПресс-а

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

• Како сакрити брзе везе на страници Нова картица у Едге-у помоћу уређивача регистра

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

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

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

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

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

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

• Како уклонити злонамерни софтвер са своје ВордПресс странице

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

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

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

• Скуареспаце против ВордПресс-а: Која је боља платформа сајта?

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

• Како да пратите неисправне везе помоћу Гоогле алатке за вебмастере

• Преусмери кориснике са 404 странице у ВордПресс-у

• Како користити Лумен5 да свој блог пост претворите у видео

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

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