WordPress'i^(WordPress) birkaç yıldır kullanıyorsanız , WordPress'teki kişilerin 2018'de WordPress 5.0'daki ^{(WordPress 5.0)}Gutenberg editörünü kullanıma sunduğu zamanı hatırlarsınız.

Bu yeni varsayılan düzenleyici, sitenizdeki hem gönderileri hem de sayfaları düzenlemek için büyük bir revizyondu. Web sitesi sahiplerinin alışık olduğu büyük metin kutusunu çok farklı bir blok tabanlı düzenleme platformuna dönüştürdü.

Bazı web sitesi sahipleri bundan o kadar nefret ettiler ki, WordPress^{(WordPress 5.0)} 5.0'a yükseltmekten kaçındılar ve mümkün olduğunca uzun süre klasik varsayılan düzenleyicide kaldılar. Diğer web sitesi sahipleri, değişikliği basitliği ve kullanım kolaylığı nedeniyle benimsedi.

Geçiş yapıyorsanız ve ne bekleyeceğinizi merak ediyorsanız, bu WordPress Gutenberg öğreticisi, bilmeniz ve anlamanız gereken ana özelliklerde size yol gösterecektir. Bu, geçişinizi mümkün olduğunca kolaylaştırmalıdır.

WordPress Gutenberg'de^{(WordPress Gutenberg)} Ne Beklemeli?

Gutenberg editörü hakkında bilinmesi gereken en önemli şey blok tabanlı olmasıdır. Bu, eklemeniz gereken her şeyin bloklar aracılığıyla yönetildiği anlamına gelir. Gutenberg'deki^(Gutenberg) bloklar şunları içerir (ancak bunlarla sınırlı değildir):

• Paragraf
• başlık
• resim
• Liste
• Alıntı
• kod
• önceden biçimlendirilmiş
• Alıntı yap
• Tablo

Ayrıca nadiren kullanılan birkaç gelişmiş blok daha vardır. Düzenleyiciye yeni WordPress eklentileri^{(new WordPress plugins)} yüklerseniz ek bloklar görebilirsiniz .

Blok eklemek, eklediğiniz en son bloğun altında sağdaki + simgesini seçmek kadar basittir.

Açılır pencereden bloklardan herhangi birini seçmek, o bloğu sayfanızda veya gönderinizde bir sonraki bölüm olarak ekler. 

Bu bloklara geçmeden önce, baştan başlayalım ve WordPress'te Gutenberg kullanarak yeni bir gönderi ^(WordPress)oluşturalım^(Gutenberg) .

Gönderiler Oluşturma ve Blok Ekleme

Bir gönderi eklemek, WordPress'in^(WordPress) son sürümüne göre değişmeden kalır . Sol gezinme çubuğundan Gönderiler'i^(Posts) seçin ve altındaki  Yeni ^(Just)Ekle'yi seçin.^{(Add New)}

Bu, yazı düzenleyici penceresini açacaktır. Burası aynı zamanda her şeyin farklı olduğu yer. Varsayılan Gutenberg WordPress^{(Gutenberg WordPress)} düzenleyicisini  göreceksiniz .

Gutenberg Düzenleyicisine ^{(Gutenberg Editor)}Blok Öğeleri^{(Block Items)} Ekleme

Başlık alanına yazınızın başlığını yazabilirsiniz. Ardından , ilk bloğu eklemek için sağdaki +

Paragraf Blokları^{(Paragraph Blocks)}

İnsanların başlıktan sonra eklediği en yaygın ilk blok, bir paragraf bloğudur. Bunu yapmak için açılır pencereden  Paragraf'ı seçin.^(Paragraph)

Bu, gönderinizin ilk paragrafını yazmaya başlayabileceğiniz bir blok alanı ekleyecektir. Paragraf^(Paragraph) bloğunun biçimlendirmesi , sitenizin paragraf blokları için  varsayılan yazı tipini takip eder.^{(the default font)}

Gutenberg düzenleyicisine paragraf blokları eklemek için bazı ipuçları .

• Paragrafınız istediğiniz kadar uzun olabilir. Metin, klasik düzenleyicide olduğu gibi otomatik olarak bir sonraki satıra kaydırılır.
• Enter 'a basarsanız , Gutenberg editörü otomatik olarak yeni bir paragraf bloğu oluşturur, ancak bu sadece paragraf sonu olan ikinci bir paragraf gibi görünür.
• Paragraftaki herhangi bir metnin vurgulanması, o metnin biçimlendirmesini değiştirebileceğiniz veya bloğu bir liste veya başka bir blok türü olarak değiştirebileceğiniz bir biçimlendirme penceresi gösterecektir.
• Bir paragraf bloğunu silmek ve başka bir şeyle değiştirmek için üç noktayı seçin ve Blok kaldır'ı seçin.^{(Remove block)}

Görüntü Blokları^{(Image Blocks)}

Görsel^(Image) bloğunu seçerseniz , bilgisayarınızdan gönderinize bir görsel yüklemek için Yükle^(Upload) düğmesini seçebileceğiniz bir Görsel^(Image) kutusu göreceksiniz . Mevcut medya kitaplığınızdan bir görüntü kullanmak için Medya Kitaplığı^{(Media Library)} bağlantısını seçin veya başka bir siteden bir görüntüye bağlantı vermek için URL'den Ekle'yi seçin .^{(Insert from URL)}

Bu, resmi yeni Resim^(Image) bloğunu eklediğiniz makaleye ekleyecektir . Resmin başlığını doğrudan resmin altına yazabileceğinizi fark edeceksiniz.

Normal paragraf metninde kullanabildiğiniz gibi, başlık metninde de aynı biçimlendirme seçeneklerini kullanabilirsiniz.

Liste Blokları^{(List Blocks)}

Yeni bir blok eklediğinizde ve Liste^(List) öğesini seçtiğinizde , makalenin o noktasında liste bloğu eklenir.

Bir madde işareti gösterecek, ancak yazıp Enter 'a bastığınızda , her yeni madde işareti ihtiyacınız olduğunda görünecektir.

Liste biçimlendirme aynı zamanda temanız^{(your theme)} tarafından tanımlanan yazı tipi stilini ve boyutunu da takip eder , bu nedenle listenizdeki yazı tipi paragraf bloklarınızdan farklı görünüyorsa şaşırmayın.

Liste bloğundaki metni vurgulayabilirsiniz ve değiştirmek isterseniz bu metin için biçimlendirme seçeneklerini görürsünüz. Burada yazı tipi stilini değiştiremezsiniz, ancak kalın, italik yazabilir, köprü ekleyebilir veya blok türünü tamamen değiştirebilirsiniz.

Diğer Bloklar^{(Other Blocks)}

Kullanılabilir tüm blokları görmek istiyorsanız, bir blok eklemek için + yı seçin, ardından tüm listeyi görmek için Tümüne gözat'ı seçin .^{(Browse all)}

Bu liste aslında oldukça uzun. Klasik düzenleyicide menü sistemi aracılığıyla mevcut olduğunu hatırladığınız her şey buraya dahil edilecektir. Bunlar, aşağıdakiler gibi yaygın olarak kullanılan diğer blokları içerir:

• tablolar
• Dosyalar ve medya
• Videolar
• "Daha Fazla" etiketi
• Sayfa sonları ve ayırıcılar
• Sosyal simgeler, etiket bulutları, takvim^(calendar) ve WordPress eklenti widget'ları gibi widget'lar
• ^(Embed)Sosyal siteler, YouTube ve Spotify gibi medya siteleri ve daha fazlası için kod gömme

Diğer Gutenberg Özellikleri

Eklediğiniz blokları, eklediğiniz her yere yapıştırmak zorunda değilsiniz. Gönderinizde geri kaydırabilir ve mevcut bloklardan herhangi biri arasında +Bu, mevcut bloklar arasına yeni bloklar eklemenize izin verecektir.

Ayrıca bloklarınızın yerleşimine de bağlı değilsiniz. Klasik WordPress düzenleyicide, bazen arka plan kodlamasını bozmadan resimler gibi şeyleri gönderinizin diğer bölümlerine taşımak her zaman kolay değildi.

Gutenberg'de^(Gutenberg) , resimler gibi öğeleri hareket ettirmek , bloğu seçmek ve ardından bloğu gönderide yukarı veya aşağı hareket ettirmek için açılır menü çubuğunda yukarı veya aşağı okları seçmek kadar basittir.

Oku her seçtiğinizde, seçtiğiniz yönde bir konumu bloke eden ok kayar.

WordPress'te Glutenberg ^{(Glutenberg Editor)}Düzenleyicisini^(WordPress) Kullanma

Gönderi alanı, yeni bloklar eklemek için tek yer değil. Editörün üst kısmında blok eklemek için +

Bu menüdeki diğer simgeler, diğer Gutenberg özelliklerine hızlı erişim sağlar.

• Kalem Düzenle^(Edit) simgesi, blokları daha kolay seçmek için seçim moduna geçmenizi sağlar. Düzenleme^(Edit) moduna geri dönmek için bir bloğa çift tıklayın .^{(Double-click)}
• Geri al^(Undo) veya Yinele^(Redo) simgeleri (sol ve sağ kavisli oklar) son düzenlemenizi geri alır veya yineler.
• i (Ayrıntılar) simgesi, gönderinizdeki karakter, kelime, başlık, paragraf ve blok sayısını gösterir .
• Anahat^(Outline) simgesi , gönderi taslağınızdaki sıralarına göre gönderinizdeki bloklara hızlı bir şekilde gitmenizi sağlar.

Birçok insan için WordPress'teki ^(WordPress)Gutenberg editörüne alışmak biraz zaman alıyor. Ancak gönderilerinizdeki öğe bloklarını oluşturmanın, düzenlemenin ve değiştirmenin ne kadar kolay olduğunu deneyimledikten sonra, gönderi ve sayfa oluşturma sürecinizin daha hızlı ve daha verimli olduğunu göreceksiniz.

WordPress Gutenberg Tutorial: How to Use the New Editor

If you’ve been using WordPress for quite a few years, then yоu remember when the folks at WordPrеss rolled out the Gutenberg editоr 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

• Yeni WordPress Kurulumları İçin 9 Eklenti Olmalı

• Klasik WordPress Editöründen Gutenberg'e Nasıl Geçiş Yapılır?

• Quick Links Edge'da Edge'da Edge'da Nasıl Gideceğiniz Registry Editor

• WordPress site'i bir barından diğerine nasıl taşınır

• Microsoft Azure'te WordPress Nasıl Kurulur ve Kurulur

• WordPress gösterileri sırasında yükleme görüntüleri HTTP Error

• En İyi 11 WordPress Podcast Eklentisi

• Wix Vs WordPress: Web Sitenizi Oluşturmak İçin En İyisi Hangisi?

• WordPress İçin En İyi 3 SEO Eklentisi

• WordPress'de Privacy nasıl yapılandırılır ve neden önemlidir?

• Bir Etki Alanında WordPress Manuel Olarak Nasıl Kurulur

• WordPress blogunda WP Süper Önbellek nasıl kullanılır?

• Kullanıcıları WordPress'teki 404 sayfadan yönlendirir

• WordPress'in P2 Temasını Kullanarak Kendi Twitter Benzeri Web Sitenizi Nasıl Kurabilirsiniz?

• Squarespace Vs WordPress: Hangisi Daha İyi Site Platformu?

• WordPress Sitenizi Nasıl Yedeklersiniz?

• AdSense'tan bir web sitesinin yasaklanıp yasaklanmadığını kontrol ediniz

• .HTACCESS Kullanarak Herhangi Bir WordPress Sitesini Hızlandırma

• Kitap İncelemesi: Kendi Web Sitenizi Oluşturun: HTML, CSS ve Wordpress İçin Çizgi Roman Kılavuzu

• WordPress Sitenizden Kötü Amaçlı Yazılım Nasıl Kaldırılır