Basit alışkanlıklar zamanla büyük farklar yaratır

Bu bir test yazısıdır ve Blogline temasının tüm yazı içi tipografi öğelerini denemek için hazırlanmıştır. Amaç; başlıkların, linklerin, listelerin, alıntıların ve diğer öğelerin nasıl göründüğünü tek sayfada görmektir. Şu bir örnek bağlantıdır ve üzerine geldiğinizde altındaki çizgi kalınlaşır.

İçerikte vurgulanmış (highlight) metin, satır içi kod parçası, klavye tuşu Ctrl + C ve HTML gibi kısaltmalar da bulunur. Konuyla ilgili etiketler: teknoloji wordpress tasarım ve bir bahsetme: keremkaplan.

İkinci Düzey Başlık (H2)

H2 başlıkların altında ince bir ayraç çizgisi bulunur; bu, uzun yazılarda bölümleri görsel olarak ayırır. Aşağıda farklı başlık düzeylerini görebilirsiniz.

Üçüncü Düzey Başlık (H3)

H3, bir bölüm içindeki alt başlıklar için idealdir.

Dördüncü Düzey Başlık (H4)

H4 ve sonrası daha küçük, ikincil başlıklardır.

Beşinci Düzey Başlık (H5)

Altıncı Düzey Başlık (H6)

Listeler

Sırasız (madde) liste:

• Birinci madde — özel eşkenar dörtgen işaretçi ile
• İkinci madde, biraz daha uzun bir metin içerebilir ve satır kaydığında düzgün hizalanır
• İç içe liste örneği:
  • Alt madde bir
  • Alt madde iki
• Dördüncü madde

Sıralı (numaralı) liste:

1. İlk adım
2. İkinci adım
3. Üçüncü adım

Alıntılar

Basit alışkanlıklar zamanla büyük farklar yaratır. Önemli olan istikrardır, mükemmellik değil.

Bir Düşünür

Bir de ortalı (pullquote) tarzı vurgulu alıntı:

Tasarım, nasıl göründüğü değil; nasıl çalıştığıdır.

Kod Bloğu

Satır içi const x = 42; kullanımının yanında, çok satırlı kod bloğu:

function selamla( isim ) {
  return "Merhaba, " + isim + "!";
}

console.log( selamla( "Dünya" ) );

Tablo

Özellik	Açıklama	Durum
Başlıklar	H1–H6 modern stiller	Tamam
Linkler	Animasyonlu alt çizgi	Tamam
Alıntı	Renkli kenar + arka plan	Tamam

Görsel (Edge-to-Edge)

Aşağıdaki görsel, yazı kartının kenarlarına kadar taşar (edge-to-edge). Kendi görselinizin URL’sini src içine koyabilir veya WordPress’ten görsel ekleyebilirsiniz.

Görselden sonra metin normal genişlikte devam eder. Yatay çizgi ayracı da şöyle görünür:

---

Test içeriğinin sonu. Tüm öğeler beklendiği gibi görünüyorsa tipografi hazır demektir.