Gutenberg Block Denemeleri
[ 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ı…
Kapak ve üzerinde yazı
Manşet Görseli Denemesi
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ı
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
- Uzay 1999 Dizisinin Tüm Rozetleri
- Ziraat Bankası Eski Amblemleri
- Bin Dokuz Yüz Seksen Dört (1984) Filmi İlk Türkiye Gösterimi
- Google’ın Yapay Zeka Modeli: Gemini Ai
- Eczacıbaşı Eski Logoları ve ipana Diş Macunu Tarihçesi
Liste Blockları
- Birinci
- İkinci
- Üçüncü
- Sıralama1
- Sıralama 2
- Sıralama 3
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
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 1 | 111 | 222 | 333 | 444 |
Tablo 2 | 11 11 | 22 22 | 33 33 | 44 44 |
üst bilgi etiketi | üst bilgi etiketi | üst bilgi etiketi | üst bilgi etiketi | üst bilgi etiketi |
---|---|---|---|---|
Tablo 3 | 111 | 222 | 333 | 444 |
Tablo 4 | 11 11 | 22 22 | 33 33 | 44 44 |
TABLO BEŞ | YAZIYLA BEŞ | 5.555 | 5,55 | 55555 |
tablo 6 | deneme | başka deneme | veri | DATA |
Alt bilgi etiketi | Alt bilgi etiketi | Alt bilgi etiketi | Alt bilgi etiketi | Alt bilgi etiketi |
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
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
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