gutenberg logo

Gutenberg Block Denemeleri

649

[ Okuma süresi tahmini 6 dakikadır ]

Yazılara özet

[ Okuma süresi tahmini 5 dakikadır ]Yazılara özet Kapak ve üzerinde yazı backgroundlu paragraf Gutenberg editörü içinde bulunan temel bazı blockları deneme amaçlı bu yazı içinde kullandık. Ayırıcı geniş çizgi Ayırıcı varsayılan bu aslında bozuk, css tanımı yok kendi style dosyamızdan width vererek kısaltıyoruz genişliğini Ayırıcı noktalar Yazı içi görsel denemesi Görsel ve yanında yazısı…

devamı >

Kapak ve üzerinde yazı

backgroundlu paragraf

Gutenberg editörü içinde bulunan temel bazı blockları deneme amaçlı bu yazı içinde kullandık.

Ayırıcı geniş çizgi



Ayırıcı varsayılan

bu aslında bozuk, css tanımı yok kendi style dosyamızdan width vererek kısaltıyoruz genişliğini



Ayırıcı noktalar



Yazı içi görsel denemesi

bir star trek posteri

Görsel ve yanında yazısı

Paragraf Block’u

Paragraf için örnek. Bu örnek içinde paragraf yazısının ilk harfi de büyük. Ayrıca paragraf yazı karakterinin rengini, arka plan rengini de değiştirebiliyorsunuz. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus odio, rhoncus sit amet urna non, gravida efficitur massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Bu da düz, normal bir paragraf yazısı örneği. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus odio, rhoncus sit amet urna non, gravida efficitur massa.

Son Yazılar Örneği

Liste Blockları

  1. Birinci
  2. İkinci
  3. Üçüncü

Alıntı

En iyi zamanlardı, en berbat zamanlardı, bilgelik çağıydı, ahmaklık çağıydı, inanç devriydi, kuşku devriydi, Aydınlığın dönemiydi, Karanlık dönemiydi, umudun baharıydı, umutsuzluğun kışıydı…

Charles Dickens, İki Şehrin Hikayesi

“En iyi zamanlardı, en berbat zamanlardı, bilgelik çağıydı, ahmaklık çağıydı, inanç devriydi, kuşku devriydi, Aydınlığın dönemiydi, Karanlık dönemiydi, umudun baharıydı, umutsuzluğun kışıydı…”

– Charles Dickens, İki Şehrin Hikayesi

Alıntı yap

“En iyi zamanlardı, en berbat zamanlardı, bilgelik çağıydı, ahmaklık çağıydı, inanç devriydi, kuşku devriydi, Aydınlığın dönemiydi, Karanlık dönemiydi, umudun baharıydı, umutsuzluğun kışıydı…”

– Charles Dickens, İki Şehrin Hikayesi

Dörtlük

"Felek ne cömert ne aşağılık insanlara! 
Han hamam, dolap değirmen, hep onlara. 
Kendini satmıyan adama akmek yok: 
Sen gel de yuh çekme böylesi dünyaya!"
Hayyam

Tablo Örneği

Tablo 1111222333444
Tablo 211 1122 2233 3344 44
üst bilgi etiketiüst bilgi etiketiüst bilgi etiketiüst bilgi etiketiüst bilgi etiketi
Tablo 3111222333444
Tablo 411 1122 2233 3344 44
TABLO BEŞYAZIYLA BEŞ5.5555,5555555
tablo 6denemebaşka denemeveriDATA
Alt bilgi etiketiAlt bilgi etiketiAlt bilgi etiketiAlt bilgi etiketiAlt bilgi etiketi
Başlık ekle yazıyordu, başlık niye altta anlamadım!

Sütun Yazı Blockları

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque metus odio, rhoncus sit amet urna non, gravida efficitur massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque eu pharetra nulla, at dictum lectus. Praesent risus mi, rhoncus eu dui posuere, dignissim accumsan odio. Nam maximus lorem at libero efficitur aliquet. Maecenas tempor rhoncus elit, et suscipit arcu lacinia et. Nullam at eros ultrices, laoreet lectus id, lobortis lacus. Nam porta, lorem ac ultrices pellentesque, est est varius justo, quis ullamcorper velit nunc laoreet felis.

Morbi vel ex in lacus euismod ultricies a vitae diam. Etiam mattis dolor et nisl consequat, ac tincidunt velit aliquam. Quisque nec sapien a mauris volutpat fermentum. Donec auctor euismod tincidunt. Donec placerat mauris vitae pulvinar condimentum. Maecenas ullamcorper metus ac felis pellentesque pretium. Donec luctus egestas mi, et tempus augue dapibus ut. Morbi nec sapien vestibulum, mollis purus lacinia, mattis neque. Sed tempus risus libero. Sed rutrum feugiat velit, tristique vulputate ante gravida at. Etiam ultrices massa non ipsum consectetur commodo. Sed laoreet sed risus vel fringilla. Aliquam mollis tellus in ante pulvinar, ac tincidunt tellus sollicitudin. Duis bibendum efficitur interdum. Phasellus iaculis arcu vel lobortis venenatis. Mauris ligula erat, molestie a eros a, ultrices finibus massa.

Yazıların 2 veya daha fazla sütun içinde gösterilmesi elbette belirli bir genişlik ile mümkün oluyor. Mobil görünümde ise bölümler yan yana değil alt alta sıralanıyor.

Buton Örneği


RSS çekme

Sonuç

Gömülü blocklar haricinde Gutenberg editör içinde bulunan ‘block‘lardan örnekler verdik. Daha bir kaç çeşit daha var. Ayrıca her blockun çeşitleri de mevcut. Kullandıkça belirtmeye devam ederiz. Ayrıca kendi özel blocklarınızı oluşturabilmeniz için çeşitli eklentiler çıkmaya başladı. Onlarda başka bir yazının konusu olsun.

Yıldız derecelendirme

Değerlendirme: 4 / 5.

Değerlendirme: 4 / 5.

kod

<a target="_blank" title="Mastodon'da paylaş" href="https://mastodon.social/share?text=<?php echo urlencode(get_the_title()); ?>+%20<?php echo urlencode(get_the_permalink()); ?>">Mastedon'da Paylaş</a>

pre

deneme yapıyoruz önceden biçimlenmiş 
deneme yapıyoruz önceden biçimlenmiş 

en iyi gönderiler, sayfalar

Yasayı Geri ÇekYasayı Geri Çek14/07/2024SUNIPEYK
En iyi ayran tarifiEn iyi ayran tarifi18/12/2012SUNIPEYK
TRT Eski LogolarıTRT Eski Logoları18/09/2023SUNIPEYK
Yasayı Geri Çek14/07/2024SUNIPEYK
En iyi ayran tarifi18/12/2012SUNIPEYK
TRT Eski Logoları18/09/2023SUNIPEYK

Görsellerin altına gölge

Beş preset gölge var;

1. Natural

2. Deep

3. Sharp

4. Outlined

5. Crisp

jhkjhkjh hjhjhj jhkjhjh jhkjh
hjhjhjhjjhjhj nnsnn ann nssn nsnns mmmmsm mmsm ms

deneme başlığı

Kelime Sayısı: 813 Yorum yapılmamış

Yazı altı elemanları

Bir şey mi söyleyeceksiniz?

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir