gutenberg bloklarını necə istifadə etmək olar2018-ci ildə WordPress çoxdankı redaktorundan “Gutenberg” adını almış birinə keçdi.


Köhnə redaktordan fərqli olaraq, WordPress istifadəçiləri veb saytlar qurmaq və özəlləşdirmək, məzmun dərc etmək və xidmətlərini və məhsullarını onlayn satmaq üçün müasir sürükleyici blok redaktorundan istifadə edirlər..

Yeni redaktoru anlamağa çalışan uzun müddət istifadəçi olmağınızdan və ya WordPress üçün yeni olduğunuzdan asılı olmayaraq, bu təlimat sizə ipləri öyrədir. Öyrənəcəksiniz:

  • Gutenberg bloklarının klassik redaktordan nə ilə fərqlənir.
  • Səhifələr yaratmaq və redaktə etmək üçün blok qurucusundan necə istifadə olunur.
  • Gutenberg blokları nə edir.
  • Yan panel ilə əlavə parametrləri necə açmaq olar.
  • Daha məhsuldar olmaq üçün alətlər çubuğundan necə istifadə olunur.

Contents

Klassik Redaktor Qutenberq Blokları

Klassik redaktordan Gutenberg bloklarına keçid WordPress üçün böyük bir sıçrayışdır. Redaktorun necə inkişaf etdiyinə baxaq.

Klassik WordPress Redaktoru

2003-cü ildən 2018-ci ilə qədər WordPress istifadəçilərinə əsas mətn redaktoru təqdim etdi.

WordPress-Klassik-Redaktor

Klassik WordPress redaktoru tipik WYSIWYG (“gördüyünüz şey, əldə etdiyiniz”) redaktoru idi.

Başqa sözlə, məzmununuzu açıq sahəyə yazmısınız, təqdim olunan alətlər çubuğundan istifadə edərək biçimlədiniz və bu, veb saytınızda mətninizin göründüyü qədər azdır.

WordPress-WYSIWYG-redaktoru

Bu kifayət qədər sadə bir interfeys və bir çox WordPress istifadəçisinin illər ərzində vərdiş etdiyi bir şeydir. Lakin bunun məhdudiyyətləri var idi.

Misal üçün:

WordPress-Səhifə-Misal

Məzmunun bir dəfə dərc edildiyi veb səhifədə necə göstəriləcəyi belədir. Ancaq yalnız “Önizdən keçirmə” funksiyasından istifadə edərək redaktordan səhifəyə yaxşı tərcümə olunduğunu təsdiq edə biləcəksiniz.

Səhifənin həqiqi kontekstində məzmun yazmaq üçün bir yol yox idi. Bundan əlavə, daha inkişaf etmiş dizaynlar və sxemlər qura bilmək üçün HTML ilə müəyyən bir tanışlıq və ya pluginlərə həddən artıq güvən tələb etdi.

2018-ci ildə WordPress, yeni WordPress redaktorunu buraxaraq bu məhdudiyyətləri düzəltmək üçün yola çıxdı (yəni Gutenberg).

Gutenberg Blok Redaktoru

Yeni WordPress redaktoru sürükləyən blok redaktorudur.

Qutenberq

Bu o deməkdir ki, məzmun artıq bir əsas redaktorda yazılmayıb. Bir səhifənin məzmununu yaratmaq üçün fərdi bloklar yerə atılır.

Qutenberq-Bloklar

Hər bir blok seçildikdə, özünəməxsus bir alət paneli ilə gəlir. Bu, o dövrdə sizə lazım olan redaktə nəzarətlərini göstərdiyiniz üçün daha asanlaşdırılmış və xüsusi bir tənzimləmə təcrübəsi əldə etməyə imkan verir.

Gutenberg redaktoru başqa bir WordPress başlanğıcının öz başına etməsi üçün çox vaxt aparan və ya çətin ola biləcək məzmun növləri və sxemləri əlavə etməyi daha da asanlaşdırmışdır..

Daha çox-Gutenberg-Blok-Nümunələr

Üstəlik, artıq təxmin oyunu yoxdur. Blok redaktorunda yaratdıqlarınız veb saytınızda necə göründüyüdür. Şriftlər, üslub və nizam hamısı uyğun gəlir:

Gutenberg ilə WordPress-Səhifə-Məsələn

Bir WordPress redaktoru digərlərindən yaxşıdır?

Ən yaxşısı – klassik redaktor və ya Qutenberq – bunu özünüz üçün anlamalı olacaqsınız.

WordPress avtomatik olaraq Gutenberg ilə birlikdə quraşdırılsa da, istifadəçilər quraşdıra bilər Klassik Redaktor plaginidir hələ blok redaktoruna keçməyə hazır deyillərsə.

Digər redaktor əlavə et variantları da mövcuddur. ElementorQunduz inşaatçısı ən populyar sürükleyici redaktor alternativlərindən ikisi, Blok Kateqoriyalar
daha çox xüsusiyyətlərin kilidini açmalı olan peşəkar dizaynerlər və inkişaf etdiricilər üçün ən uyğun olsa da.

İndi Gutenberqə daha dərin bir dalışa gedək və WordPress sürükleyici redaktordan nə gözlədiyiniz barədə daha yaxşı bir fikir verək..

Gutenberg Blok Redaktorundan necə istifadə etmək olar

Gutenberg blok redaktoruna yeni bir səhifə (və ya yazı) quraraq nəzərdən keçirək..

Ekranın sol tərəfindəki WordPress menyusundan başlayın. Yeni bir veb səhifə yaratmaq istəyirsinizsə, “Səhifələr” üzərində aparın və “Yeni əlavə et” seçin. Yeni bir blog yazmaq istəyirsinizsə, “İsmarıclar” üzərində aparın və “Yeni əlavə et” seçin.

WordPress-Əlavə et Yeni səhifə

Başlıq əlavə edin

Yeni səhifəniz və ya postunuzla “Başlıq əlavə et” blokunda başlıq verin:

Gutenberg-Title-Blok

İlk Blokunuzu yaradın

Paraqraflar ümumiyyətlə veb səhifəyə qoyduğumuz məzmunun böyük hissəsini təşkil edir, buna görə Gutenberg-in bizə verdiyi ilk blok həmişə Paraqraf blokudur:

Gutenberg-Yeni-Paraqraf-Blok

Bir abzasla başlamaq istəyirsinizsə, kursorunuzu “Yazmağa başlayın və ya blok seçin / yazın” deyilən boş bloka əlavə edin. Yazarkən, məzmununuz bloku dolduracaqdır.

Bir Blokda Məzmunu Özelleştirin

Paraqrafınızın tərzini düzəltmək üçün yuxarıda görünən alətlər çubuğundan istifadə edin.

Hizalama

Gutenberg bloklarının əksəriyyəti ilə blokun içindəki məzmunun uyğunluğunu dəyişdirmək imkanı olacaq:

Gutenberg-Alignment

Sol əsasdır. Məzmununuzu mərkəzləşdirmək və ya düzgün düzləşdirmək üçün də seçə bilərsiniz.

Formatlama

Bir blok daxilində hər hansı bir mətn varsa, onu cəsarətlə formatlaya bilərsiniz:

Gutenberg-Paraqraf-Bold

Mətni kursiv edin:

Qutenberq-Paraqraf-Italic

Və ya bir keçid əlavə edin:

Gutenberg-Paraqraf-Link

Bağlantılarınızı yeni bir brauzer pəncərəsində açmaq istəyirsinizsə, keçid sətrindəki aşağı düyməni vurun. Dəyişikliklər etdikdən sonra linki saxlamaq üçün “Dönüş” oxunu vurun.

Əlavə stil seçimləri

Alətlər çubuğunun altındakı düyməni klikləsəniz, əlavə mətn stilizasiyası seçimlərini tapa bilərsiniz:

Gutenberg-Daha-Mətn-Seçimlər

“Kod” mətninizi bir kod redaktorunda yazılmış kimi tərtib edir:

Gutenberg-Paraqraf-Kod

“Inline image” mətninizi bir şəkil ətrafında gəzdirməyə imkan verir:

Gutenberg-Paraqraf-InlineImage

Gördüyünüz kimi, bu Gutenberg-də şəkillər və mətnləri bir-birinin yanında birləşdirmək üçün effektiv bir yol deyildir. (Bunu daha sonra başqa bir şəkildə nəzərdən keçirəcəyik.)

Buradakı son seçim, vurğulanan mətn vasitəsi ilə bir əlavə əlavə etməyə imkan verir:

Gutenberg-Paraqraf-Strikethrough

Daha çox Blok Seçimləri

Alətlər panelindəki son düymə həmişə daha çox seçim variantlarını göstərir:

Gutenberg-Daha-Blok-Seçimlər

Bu seçimlər hansı bloku redaktə etməyinizdən asılı olmayaraq eyni olacaq.

Bunların etdiklərini tez bir zamanda nəzərdən keçirək:

  • Blok parametrlərini gizlət: Sağdakı yan paneli yox edir.
  • Dublikat: Bu blokun dəqiq bir nüsxəsini edir.
  • Əvvəl daxil edin: Bunun üstündən yeni boş bir blok əlavə edir.
  • Sonra daxil edin: Bunun altına yeni boş bir blok əlavə edir.
  • HTML olaraq redaktə edin: HTML yazmaq istəyirsinizsə bloku kod redaktoruna çevirir.
  • Yenidən istifadə edilə bilən bloklara əlavə edin: Bloku saxlayır, saytın başqa yerində yenidən istifadə edə bilərsiniz.
  • Bloku çıxarın: Bloku silir.

Transformasiya Bloku

Alətlər çubuğunda bilməli olduğunuz başqa bir düymə var:

Gutenberg-Switch-Bloklar

Bu düymə həmişə bu şəkildə görünməz, buna görə unutmayın ki, ilk düymə cari bloku əlaqəli birinə çevirməyə imkan verir.

Məsələn, Paraqraf kimi bir mətnə ​​əsaslanan bloku başlıq, siyahı və ya sitata çevirə bilərsiniz. Bununla birlikdə, paraqraf kimi bir şeyi görüntüyə və ya ayırıcı xəttə çevirə bilməzsiniz. Bunun üçün yeni bir bloka ehtiyacınız olacaq.

Yeni bir blok əlavə edin

Səhifəyə yeni bir blok əlavə etmək üçün bir sıra seçiminiz var.

Əvvəl / Sonra daxil edin

Blokunuzun alətlər çubuğunda əvvəldən əvvəl əlavə et / sonra sonra seçimləri gördünüz. Bunu etmək üçün bir yol var.

Mövcud blokunuzdan uzaqlaşsanız və yuxarıya aparınsa, kiçik bir artı işarəsi görünəcək:

Gutenberg-Add-Block-Cross

Tıkladığınız zaman bloklarınızı göstərəcəkdir:

Gutenberg-Add-Block-Plus-Bürc

Yeni blok əlavə etmək istədiyiniz birini seçin.

Blokun alt hissəsinə doğru hərəkət etsəniz, eyni artı işarəsini görəcəksiniz. Yeganə fərq, özünüzdə olan blokun altına yeni bir blok əlavə etməsidir.

Klaviaturanızdan istifadə edin

Yeni bir blok əlavə etmənin başqa bir yolu klaviaturadakı “Qayıt” düyməsini basmaqla:

Gutenberg-Add-Block-Enter

Bu dərhal səhifəyə yeni bir paraqraf bloku əlavə edəcəkdir.

Əgər onu başqa bir bloka dəyişdirmək istəyirsinizsə, yeni blokun solundakı əlavə işarəsindən istifadə edə bilərsiniz:

Gutenberg-Dəyişmə-Yeni-Blok

Və ya istifadə etmək istədiyiniz blokun adından sonra bir kəsik (/) yaza bilərsiniz:

Gutenberg-Dəyişmə-Blok-Slash

Məsələn, şəkil əlavə etmək istəsəniz, “/ image” yazardınız. Blok seçimi, uyğun ad yazdığınız zaman avtomatik doldurulacaqdır.

Alətlər çubuğundan bir blok əlavə edin

Həmişə alətlər çubuğunda əsas əlavə blok funksiyasından istifadə edə bilərsiniz:

Gutenberg-Add-Block

Seçimlər arasında fırladın və ya axtardığınız blokun adını yazın.

Bloku hərəkət etdirin

Bloklar yaratmağa başladıqdan sonra onların görünmə qaydasından narazı olduğunuzu qərara ala bilərsiniz. Yoxsa aşağıda olmalı olduqda yuxarıda bir blok əlavə etdiniz.

Blokları silmək və ya bir blokdan digərinə silmək lazım deyil. Həll sadədir.

Gutenberg sürükleyici blok redaktorudur. Bu, bloklarınızı istədiyiniz yerə asanlıqla köçürə biləcəyiniz deməkdir.

Bunun iki yolu var.

Hərəkət oxlar istifadə edin

Birinci seçim hər blokun sol tərəfindəki hərəkət oxlarını istifadə etməkdir. Hərəkət etmək istədiyiniz blokun üstünə aparın və yuxarı və aşağı ox tapacaqsınız:

Gutenberg-Move-Oklar

İstədiyiniz yalnız bir bloku bir dəfə yuxarı və ya aşağıya keçirtmək istəsəniz, bu seçim yaxşı işləyir.

Gutenberg-Hərəkətli-Blok

Çək və Drop istifadə edin

Bloklarınızı daha kəskin bir şəkildə yenidən qurmaq istəyirsinizsə, sürükleyin və istifadə edin.

Oxlarla eyni yerdə yerləşir. Hərəkət etmək istədiyiniz blokun üstünə aparın və ortada görünən nöqtələrin çox hissəsini tutun. Etdiyiniz zaman kursorunuzun bir tərəfdən dəyişdiyini görürsünüz:

Gutenberg-Grab-Çək və Drop

Bloku səhifənin yeni bir hissəsinə keçirərkən, onu aşağı salmadan əvvəl qaranlıq bir xəttin göründüyünə əmin olun:

Gutenberg-Move-Block

Bloku mövcud məkana köçürdüyünüzü bildirir. Bu xətt olmadan sürükləmə işləmir.

Bir Bloku silmək

Bir bloku tamamilə silmək istədiyinizə qərar verərsənsə, bunun da variantları var.

Bunlardan birini görmüsünüz. Blokunuzun əlavə seçimlər içərisindədir. Sadəcə “Bloku Sil” düyməsini basın və silinəcəkdir.

Həmişə köhnə bir şəkildə silə bilərsiniz. Kursorunuzu blokun içərisinə qoyun və çıxarmaq üçün klaviaturanızın “Sil” düyməsini istifadə edin.

Diqqət yetirin ki, bu mətnə ​​əsaslanan blokdursa, bu şəkildə silmək üçün əvvəlcə tərkibi silməlisiniz. Başqa bir şey üçün – bir şəkil, quraşdırılmış widget və s. – Yalnız “Sil” düyməsini istifadə edə bilərsiniz.

Ayrıca bloku (kursorunuzu üzərinə sürükləyərək) vurğulamaq və sonra “Sil” düyməsini vurmaq olar. Birdən çox bloku vurğulamaq və silmək istəsəniz bu faydalıdır.

Yenidən istifadə edilə bilən bir blok yaradın

Yenidən istifadə edilə bilən bloklar, blog yazılarınız üçün bir təşviqat bloku və ya fəaliyyətə çağırış kimi sayt səviyyəsində istifadə edilə bilən bir element yaratmaq istədiyiniz zaman lazımlıdır..

Gutenberg-Yaratmaq-Yenidən istifadə etmək-Blok

Bloku davam etməli olduğunuz səhifələrdə yenidən yaratmağa çalışmaq əvəzinə, seçim seçimlərinizi açın və “Yenidən istifadə edilə bilən bloklara əlavə et” düyməsini basın. Sonra bir ad verin:

Gutenberg-Ad-Reusable

Xilas olunduqdan sonra, Gutenberg-in hər hansı bir bloku kimi istifadə edə və istifadə edə bilərsiniz. “Yenidən istifadə edilə bilən” adlı yeni bir kateqoriyada tapa bilərsiniz:

Gutenberg-Reusable-Kateqoriya

Gutenberg Bloklarına Tur

Klassik WordPress redaktoru istifadəçilərə mürəkkəb məzmun və sxem yaratmağa kömək etmək baxımından çox şey istədi. Gutenberg blokları bu maneəni aradan qaldırır.

Bloklarla tanış olaq:

Blok Kateqoriyalar

WordPress bloklarını kateqoriyalara bölmək üçün gözəl bir iş gördü.

Ümumi bloklar

Bunlar ümumi bloklarınızdır:

Ümumi-Bloklar

Bir səhifədə istifadə etdiyiniz əsas mətn və vizual elementlər burada olacaq.

Blokları formatlaşdırmaq

Bunlar format bloklarınızdır:

Formatlama-Bloklar

Bunların əksəriyyəti geliştirici dostu bloklardır, buna görə bunlara çox ehtiyacınız olmaya bilər. Cədvəl və çəkmə təklif blokları yararlı ola bilər.

Layout blokları

Layihə bloklarınız bunlardır:

Layout-Bloklar

Məzmununuza fasilələr əlavə etmək istəyirsinizsə (məsələn, geniş yer və ya ayırıcı xətti ilə) və ya xüsusi elementlər (düymə kimi), bunları burada tapa bilərsiniz.

Widgets Blokları

Bunlar vidjetlərinizdir:

Widget-Bloklar

Çox hissəsi, bunlar blogunuzun yan çubuğuna daxil olmalı, səhifələrinizdə görünməyən elementlərdir. Bu WPForms nümunəsi kimi digər eklentlər tərəfindən yaradılan bloklardır.

Blokları yerləşdirir

Bunlar sizə aiddir:

Bloklar yerləşdirir

Digər platformalardan məzmun gətirmək üçün bunlardan istifadə edəcəksiniz. Bu, YouTube videoları, SoundCloud klipləri və Twitter yazıları kimi şeylər üçün yaxşıdır.

Ən çox istifadə edilən Gutenberg blokları

Gördüyünüz kimi, onlarla Gutenberg bloku mövcuddur. Deyilənlərə görə, hər kəsin WordPress-də səhifə və ya yazı yaratmaq üçün istifadə etdiyi müəyyən elementlər var, buna görə əsasları öyrənməyə başlayın:

Paraqraf bloku

Səhifəyə düz mətn əlavə etmək üçün Paraqraf blokundan istifadə edin.

Paraqraf-Blok

Başlıq bloku

Səhifəyə başlıq əlavə etmək üçün Başlıq blokundan istifadə edin.

Başlıq-Blok

Bunlar məzmununuzu oxumağı asanlaşdırarkən səhifədə yeni mövzular tanıtdırmağa imkan verir. H2, H3 və H4 düymələri səhifə başlıqlarına da bir iyerarxiya yaratmağa imkan verir.

Siyahı bloku

Səhifəyə bülletenli və ya nömrəli siyahı əlavə etmək üçün Siyahı blokundan istifadə edin:

Siyahı-Blok

Bu da oxunuşu yaxşılaşdırmaq üçün faydalıdır.

Şəkil bloku

Səhifəyə bir şəkil əlavə etmək üçün Şəkil blokundan istifadə edin.

Şəkil-Blok

Diskinizdən bir şəkil yükləyə bilərsiniz və ya media kitabxananızda olan birini seçə bilərsiniz.

Video Blok

Video blokunu səhifənizdə bir şəkil yerləşdirmək üçün istifadə edin.

Video-Blok

Video faylı yükləyə, kitabxananızdan birini seçin və ya bir linkdən çəkə bilərsiniz.

Videolar çox yer tutduğundan, ən yaxşı seçim faylınızı Vimeo və ya YouTube kimi bir video paylaşma platformasına saxlamaqdır. Sonra, bir link ilə yapışdırın.

Bunun üçün Video blokundan istifadə etməyəcəksiniz. Bunun əvəzinə uyğun embedi axtarın.

YouTube’da bir var:

YouTube əlavə et

Vimeo kimi:

Vimeo-Embed

Səhifəyə əlavə etmək istədiyiniz hər hansı bir audio faylı (podkast və ya səsyazma kimi) üçün eyni etməlisiniz. Bunu etmək üçün ya Audio blokundan və ya müvafiq hissədən (Spotify üçün) istifadə edin.

Düymə bloku

Ziyarətçilərinizi və ya oxucularınızı tədbir görmək üçün yönləndirmək üçün düymə blokundan istifadə edin:

Düymə-Blok

Bu, onları: “İndi qrafiki qurma”, “qeydiyyatdan keç”, “daha ​​çox oxu” və s. İstiqamətləndirə bilər.

Media və Mətn Bloku

Daha əvvəl qeyd edildiyi kimi, paraqraf blokundakı Inline image seçimi mətn və şəkilləri birləşdirmək üçün təsirsiz bir yoldur. Bunun əvəzinə bunu etmək üçün Media və Mətn blokundan istifadə edin:

Media və Mətn-Blok

Sütunlar bloku

İki fərqli bloku (eyni və ya fərqli tipli) bir-birinin yanında yerləşdirməyin başqa bir yolu, Sütunlar blokundan istifadə etməklə:

Sütun-Blok

Əlavə sütunları sağa və ya sola əlavə etmək üçün sütunun içindəki blokların üstünə aparın və artı işarəsini basın. Yeni bir blok əlavə etməklə eynidir, yalnız bu onları üfüqi bir şəkildə əlavə edəcəkdir.

Sosial Mediya Daxili Bloklar

Sosial mediadan daxil edilmiş kodu kodu səhifənizdə bir yazı yerləşdirmək üçün istifadə etmək əvəzinə, yazıya link əlavə edin:

Sosial-Media-Embed

Facebook, Twitter və İnstagram üçün quraşdırılmış bloklar var, buna görə sosial media yazılarınıza uyğun olan Embed blokunu tapın.

Klassik blok

Klassik blok, WordPress-də klassik redaktordan istifadə edərək məzmun yaratmağa davam etməyə imkan verir:

Gutenberg-Klassik-Blok

Klassik blok, veb sayt klassik redaktordan Gutenberg redaktoruna keçdikdə də qüvvəyə minir. Gutenberg avtomatik olaraq mətninizi öz bloklarına çevirməyə çalışmır. Sadəcə onları klassik redaktor interfeysinə salır.

Klassik blokunuzu Gutenberg bloklarına çevirmək istəyirsinizsə, “Daha çox seçim” ə gedin və “Bloklara çevir” seçimini seçin:

Gutenberg-Convert-Bloklar

Redaktorunuzdakı hər bir elementi müvafiq bloka çevirmək üçün əlindən gələni edəcəkdir:

Qutenberq-Çevirilmiş-Bloklar

Dəyişikliklərinizi saxlamadan əvvəl çıxarılan blokları hər hansı bir səhv üçün nəzərdən keçirməyi unutmayın.

WordPress Plugin Blokları

WordPress istifadəçiləri tərəfindən istifadə olunan məşhur pluginlərin əksəriyyəti Gutenberg-ə uyğun gəlir. Bəzi hallarda, bu plaginlər redaktorunuzda görünən xüsusi bloklar yaratmışdır.

Məsələn, əlaqə forması plaginini istifadə edirsinizsə WPForms, bunun üçün uyğun bir blok tapmalısınız:

WPForms-Blok

Formanızı plagində yaradın və sonra burada təqdim olunan açılan yerə yerləşdirin. Artıq forma qısa kodlarını izləməyə və yapışdırmağa ehtiyac yoxdur.

Yoast, populyar SEO plugin, Qutenberqə yeni bloklar əlavə edən başqa bir şeydir:

Yoast-Bloklar

WooCommerce, WordPress-in e-ticarət həlli, eyni şeyi etdi:

WooCommerce-Bloklar

İnşaatçıya bir sıra yeni bloklar əlavə edən “son” Gutenberg plaginləri də var Gutenberg üçün son dərəcə əlavə:

Ultimate-Addons-Gutenberg

Bu növ plaginlər blok qurucusuzun funksionallığını genişləndirir. Xüsusi elementlərə ehtiyacı olan bir veb sayt qurursanız – Google Xəritələr, sınan bloklar və ya e-ticarət funksiyaları – bunları bu kimi plaginlərlə Gutenberg-ə əlavə edə bilərsiniz.

Sənədin Baxışı və Yan Çubuğu

Blok redaktorunu aşağı saldıqdan sonra diqqətimizi sənədə və blok panelinə yönəldin.

Kursorunuz başlıq blokunda və ya bir blokun olmadığı səhifədəki bir tərəfdə olduqda, yan çubuğu Sənəd parametrlərinə işarə edəcək:

Sənəd Yan

Bunlar səhifənin vəziyyəti və görünüşü kimi şeyləri idarə etməyə imkan verir.

Budur bilmək üçün əsas olanlar:

Vəziyyət və Görünüş

Vəziyyət və GörməBu paneldə səhifəni kimin görə biləcəyini (ictimai, özəl və ya şifrə ilə qorunan), həm də dərc olunduqda (dərhal olmasa) tənzimləyə bilərsiniz. Səhifəni tamamilə silmək istəyirsinizsə. Bunu burada da edə bilərsiniz.

PermalinkBu paneli (URL-in müəyyənləşdirən hissəsi) dəyişdirmək üçün istifadə edin. Məsələn:

https://mywebsite.com/gutenberg-blok-qurucu /

Özellikli-ŞəkilXüsusi görüntü, blog yazılarınızın əsas blog yeməyinizdə göründüyü zaman görünən kiçik görüntüdür. Ayrıca, sosial media platformalarından keçidlərinizi önizləmə görüntülerinde istifadə edər.

Kateqoriyalar

KateqoriyalarBu yalnız blog yazıları üçün mövcuddur. Mövzularınızı təşkil etmək üçün bundan istifadə edin.

Etiketlər

EtiketlərBu yalnız blog yazıları üçün mövcud olan başqa bir parametrdir. Postundan görünən açar sözlər əlavə etmək və oxuculara əlaqəli mövzularda məzmun tapmağa kömək etmək üçün bundan istifadə edin.

Kursor səhifənizdəki blokların hər hansı birinə yerləşdirildikdə (başlıq istisna olmaqla), yan çubuğu bir blok redaktoruna keçəcəkdir:

Blok-yan panel

İstədiyiniz halda bu yan çubuğunuz, bloklarınız üçün əlavə tənzimləmə seçimləri verir. Blok paneli çalışdığınız blok növünə görə dəyişəcəkdir.

Məsələn, paraqrafın yan çubuğu:

Paraqraf-Blok-Yan panel

Mətninizin ölçüsünü, həmçinin mətnin rəngini və ya blokun fonunu tənzimləyə bilərsiniz. CSS dərslərindən necə istifadə edəcəyinizi bilirsinizsə, “Ətraflı Parametrlər” istifadə edərək blokun görünüşünü daha da dəyişə bilərsiniz..

Şəkil yan çubuğu, digər tərəfdən sizə bu parametrləri verir:

Şəkil-Blok-Yan panel

Təsvirə alt mətn əlavə edə bilərsiniz (SEO üçün vacibdir), görüntü ölçüsünü dəyişə və görüntünü veb səhifəyə bağlaya bilərsiniz.

Bəzi bloklar, Twitter quraşdırılmış kimi yan çubuğunda əlavə parametrlər təklif etmir:

Twitter-Blok-Yan panel

Siz edə biləcəyiniz yeganə şey “Ətraflı Ayarlar” altında xüsusi bir CSS sinif yaratmaqdır.

Aşağı xətt: Əgər blokunuzu alət alətlər paneli ilə tam redaktə edə bilməyəcəyinizi hiss edirsinizsə, əlavə seçimlər üçün yan çubuğu yoxlayın.

Alətlər paneli ilə nə etmək lazımdır

Özünüzlə tanış olmağınız lazım olan redaktorun son hissəsi üst hissəsində oturan alətlər çubuğu:

Gutenberg-Toolbar

Bu “Önizdən keçirmə” və “Dərc et” düymələrini saxlayacaq yerdən başqa bir şey kimi görünə bilər, amma edə biləcəyiniz və daha çox şey var olmalıdır üçün alətlər çubuğunu istifadə edin.

Əsas məqamları nəzərdən keçirək:

Bloklar

Alətlər panelindəki ilk düymə, yeni bloklara daxil ola biləcəyiniz yerdir:

Gutenberg-Toolbar-Bloklar

Geri qaytar / Yenidən et

Növbəti iki düymə səhifəyə etdiyiniz son dəyişikliyi geri qaytarmağa (sola işarə edən ox) və ya yenidən (sağa işarə edən ox) imkan verir:

Gutenberg-Toolbar-Geri alın

Səhifə haqqında məlumat

Ziyarətçilərinizin taranması asan olan səhifələr yaratmaq istəyənlər üçün “i” (məlumat) düyməsinə məzmununuzun ümumi görünüşünü verir:

Gutenberg-Toolbar-Məlumat

Görəcəksən:

  • Neçə söz yazmısan.
  • Bunun altındakı başlıqların parçalanması ilə neçə başlıq var.
  • Neçə paraqraf var.
  • Neçə blokdan istifadə etmisiniz.

Burada diqqət yetirmək üçün ən vacib məlumat parçaları olan söz və başlıq sayı.

Səhifə quruluşu

Alətlər panelinin növbəti hissəsi səhifənizi yaratmaq üçün istifadə etdiyiniz blokların hər birini göstərir:

Gutenberg-Blok-Naviqasiya

Onu işləmək istədiyiniz bloka dərhal keçmək üçün istifadə edin. Bu daha uzun səhifələrdə və yazılarda məzmunu düzəltmək üçün faydalıdır.

Parametrləri saxla

Yaratdığınız hər səhifə və ya yazı ilə bu ilk üç düyməni istifadə edəcəksiniz:

Gutenberg-Save-Ayarlar

Bir səhifədə işləyərkən dəyişikliklərinizi fərdi qaydada saxlamaq üçün “Qaralama sənədini saxla” istifadə edin.

Veb səhifənizdəki səhifəyə baxmaq üçün “Önizdən keçirmə” istifadə edin.

Səhifəni canlı veb səhifəyə basmaq üçün “Dərc et” istifadə edin. Səhifə dərc edildikdən sonra, bu düymə “Yeniləmə” şəklində dəyişəcəkdir. Səhifələrinizin yeni versiyalarını sayta yerləşdirmək və itələmək üçün istifadə edin.

Parametrlər

Ötürücü (parametrlər) işarəsi tıklandığında, Gutenberg’in yan çubuğunu gizlədir və ya göstərir. Əlil olanda görünən budur:

Gutenberg-Toolbar-Ayarlar-Əlil

Aktiv olanda görünən budur:

Gutenberg-Toolbar-Ayarlar effektivdir

Daha çox seçim

Alətlər çubuğundakı son düymə əlavə seçimlər və alətlər ortaya qoyur. Gutenberg iş sahənizi fərdiləşdirmək istəyirsinizsə bundan istifadə edin.

Gutenberg-Toolbar-Daha-Seçimlər

Bax

“Görünüş” ə aid ilk seçim dəsti:

Gutenberg-Toolbar-Görünüşü

“Top Toolbar” alətlər çubuğunuzu bloklarınızdan çıxarır və ekranın yuxarısına yapışdırır:

Gutenberg-Top-Toolbar

Düzəliş seçimləri yenə də seçdiyiniz bloka əsasən dəyişir. Yeganə fərq, yalnız indi səhifənin yuxarısında yerləşməsidir.

“Fokus Mode” istifadə edilməyən hər hansı bir bloku sönür:

Gutenberg-İşıqlandırma rejimi

Bir anda bir bloka diqqət yetirməyinizi istəsəniz, bu işə yararlı bir vasitədir.

“Tam ekran rejimi” Qutenberqin yayındırmadan yazma rejimidir:

Gutenberg-Tam ekran-rejimi

Üst və soldakı WordPress menyularını, həmçinin sağdakı Gutenberg yan çubuğunu çıxarır.

Redaktor rejimi

Növbəti seçim dəsti redaktor rejimi üçündür.

Gutenberg-Seçimlər-Redaktor

Varsayılan olaraq, Gutenberg istifadəçiləri “Visual Redaktor” a qoyur.

Səhifənizi HTML-də tərtib etmək istəsəniz, “Kod Redaktoru” na keçə bilərsiniz:

Gutenberg-Code-Redaktor

Bununla birlikdə bloklarınızı HTML-də düzəltməyin daha təsirli və daha təmiz yolu, onu ayrıca idarə etməkdir (çünki bütün səhifənin kodunu düzəltməyə ehtiyacınız yoxdur)..

Kod redaktoruna “HTML olaraq redaktə et” altından daxil ola bilərsiniz:

Gutenberg-Edit-HTML

Bloku HTML-ə çevirəcək:

Gutenberg-HTML-Blok

Uyğun gördüyünüz kimi düzəldin. Yenidən vizual rejimə çevirmək istəyirsinizsə, blok seçimlərini açın və “Görünüşü redaktə et” seçimini seçin:

Gutenberg-Edit-Visual

Alətlər

Gutenberg, həmçinin redaktorda təcrübənizi inkişaf etdirə biləcəyiniz bir sıra vasitələr ilə təmin olunur:

Gutenberg-Alətlər

Birinci vasitə “Blok meneceri” dir:

Gutenberg-Blok-menecer

Əvvəllər gördüyümüz blok naviqasiya alətindən fərqli olaraq, bu istifadə etmədiyiniz hər hansı bir bloku deaktiv etməyə imkan verir. Beləliklə, yeni bir blok axtarma vaxtı gəldikdə, heç istifadə etməyəcəyiniz blokları süzmək məcburiyyətində deyilsiniz.

“Yenidən istifadə edilə bilən blokları idarə et” sizi yenidən istifadə edilə bilən bloklar redaktoruna aparacaq:

Gutenberg-Reusable-Blocks

Saxlanılan bloklarınızın saxlanacağı yer budur. Blokun ana nüsxəsini redaktə etmək (və ya tamamilə yenisini yaratmaq) üçün burada olun.

Gutenberg sözsüz ki, WordPress-də məzmun yaratmağı asanlaşdırsa da, bəzi hərəkətlər yorucu ola bilər. Gutenberg-in “Qısa yolları” ndan istifadə edərək, son düzəlişinizi ləğv etmək, blokun nüsxəsini çıxartmaq, vurğulanmış mətni itələmək və dəyişikliklərinizi yalnız klaviatura ilə saxlaya bilərsiniz..

Gutenberg-Klaviatura-Qısa yollar

Bütün “Məzmunu kopyalayın” seçimi səhifədəki blokların hamısını vurğulayır və kopyalayır. Məzmun və dizaynda oxşar olan yeni səhifə yaratmaq üçün bundan istifadə edin. Yalnız Səhifələr> Yeni əlavə et və sonra bloklarınızı boş səhifəyə yapışdırın.

Burada son seçim “Seçimlər” adlanır. Həqiqətən nə etməsi, yan çubuğundakı sənəd parametrlərinin müəyyən hissələrini ləğv etməyə imkan verir:

Gutenberg-Sidebar-Seçimlər

Yenə də istifadə etmədiyiniz redaktorun müəyyən hissələri (səhifə atributları kimi) olduğunu görsəniz, istifadə etməli olduğunuz elementlərdən yayınmamaq üçün onları buradan çıxarın..

Sarma

WordPress eyni redaktoru 1-ci gündən bəri istifadə etdiyinə görə, Qutenberq ilk dəfə təqdim olunduqda bir az geri çəkildi.

Ancaq WordPress (Wix, Shopify, Squarespace və s.) Ətrafında sürüşdürülən rəqabətə baxsanız, dəyişiklik üçün vaxt gəldi.

Bu redaktor təkamül, WordPress-in bütün səviyyələrdə istifadəçilərə xidmət etməsinə imkan verdi. İndi istifadəçilər blok blok redaktoru ilə veb saytların yaradılması ilə gələn aşağıdakı üstünlükləri əldə edirlər:

  • Sizi daha məhsuldar edən fərdi redaktor görünüşü.
  • Məzmunu yaratmaq və fərdiləşdirmək daha asandır.
  • Daha əvvəl texniki bilik olmadan daha inkişaf etmiş məzmun yaradılması.
  • Yenidən istifadə edilə bilən bloklar dizaynı sürətləndirir və saytın genişliyini təmin edir.
  • Dönüşüm elementlərini əlavə etmək və konfiqurasiya etmək asandır (fəaliyyətə çağırış düymələri və formaları kimi).
  • Populyar plaginlər və mövzular Gutenberg-ə uyğun gəlir.
  • Başlamaq üçün daha sürətli vaxt.

2022-ci ildən başlayaraq, klassik redaktor artıq olmayacaq. Beləliklə, indi Gutenberg’in sizin üçün necə işləməyinizi anlamaq üçün mükəmməl zamandır.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me