Başlık ve Metin Alanı

Bu alan normal blog yazısı metnini temsil eder. Proje geliştirme notları, sistem kurulumları,
hata çözümleri, donanım denemeleri ve inceleme yazıları burada okunaklı görünmelidir.

Alt Başlık Örneği

Tema hem Gece hem Gündüz profilinde sade, okunabilir ve teknik bir görünüm hedefler.
Uzun metinlerde satır aralığı korunmalı, kod ve tablo gibi teknik içerikler göz yormadan ayrışmalıdır.

Bu bir alıntı veya önemli not alanıdır. Örneğin: Bu ayar kısa testte stabil görünüyor,
fakat soğuk açılış davranışı birkaç gün takip edilmelidir.

Renk Profilleri

Üst menüdeki ay/güneş butonu ile Gece ve Gündüz renk profilleri arasında geçiş yapılabilir.
Özelleştirici içinde varsayılan profil Gece, Gündüz veya Sistem ayarı olarak seçilebilir.

Etiketler

Etiketler yazının türünü, kullanılan teknolojileri veya test kategorilerini göstermek için kullanılabilir.

Kod Kullanımı: Hangisini Nerede Kullanmalıyım?

Tema içinde kod alanları üç ana gruba ayrılır. Normal kod blokları gündüz modunda açık zemine geçer.
Terminal ve bash blokları ise hem Gece hem Gündüz modunda koyu kalır.

Terminal ve Bash Penceresi

Linux, router, Docker, servis veya sistem çıktıları için terminal penceresi kullanılabilir.
Bu blok tema değişiminden etkilenmez; hem Gece hem Gündüz modunda koyu terminal olarak kalır.

Önerilen HTML kullanımı:

<div class="hhc-terminal">
  <div class="hhc-terminal-header">
    <span class="hhc-dot"></span>
    <span class="hhc-dot"></span>
    <span class="hhc-dot"></span>
    <span class="hhc-terminal-title">docker compose</span>
  </div>
  <div class="hhc-terminal-body">docker compose up -d</div>
</div>

Kod Bloğu

PHP, CSS, C#, JSON veya yapılandırma dosyaları için düz kod bloğu kullanılabilir.
Bu alan Gündüz modunda açık, Gece modunda koyu görünür.

<?php
function hhc_enqueue_assets() {
    wp_enqueue_style(
        'hhc-main',
        get_template_directory_uri() . '/assets/css/main.css',
        array(),
        HHC_VERSION
    );
}
add_action('wp_enqueue_scripts', 'hhc_enqueue_assets');
?>

Önerilen HTML kullanımı:

<pre class="hhc-code"><code>
Kod buraya gelir
</code></pre>

Dosya Ağacı

Proje klasör yapıları veya kurulum dizinleri bu şekilde gösterilebilir.

wp-content/themes/hhc/
├─ style.css
├─ functions.php
├─ header.php
├─ footer.php
├─ single.php
├─ page.php
├─ archive.php
├─ search.php
├─ template-styleguide.php
└─ assets/
   ├─ css/
   │  ├─ main.css
   │  └─ editor.css
   └─ js/
      └─ main.js

Önerilen HTML kullanımı:

<pre class="hhc-filetree"><code>
klasor/
├─ dosya-1.txt
└─ dosya-2.txt
</code></pre>

Uyarı ve Bilgi Kutuları

RAM Overclock Test Tablosu

Proje Kartları

Yazı Listesi Kartı

Bu alan ana sayfa, blog, arşiv ve arama sonuçlarında kullanılan yazı kartı mantığını temsil eder.
Bu örnek gerçek liste şablonunu taklit etmez; yalnızca görsel düzeni güvenli şekilde gösterir.

İnceleme Kutusu

Yazı Sonu ve Navigasyon Alanları

Kısa Kod Kullanım Örnekleri

Bu bölüm kısa kodların yazımını ve beklenen sonucunu gösterir. Kod alanında WordPress’in güvenli kısa kod kaçış yöntemi kullanılır:
kısa kodlar çift köşeli parantezle yazılır. Böylece çalışmaz, ekranda örnek olarak görünür.

[hhc_badge type="project"]Proje[/hhc_badge]

[hhc_status type="ok"]Stabil[/hhc_status]

[hhc_alert type="warning" title="Dikkat"]Uzun süreli test yapılmadı.[/hhc_alert]

[hhc_terminal title="root@FriendlyWrt:~"]]
root@FriendlyWrt:~# free -h
Mem: 3.8Gi used: 1.1Gi free: 2.2Gi
[[/hhc_terminal]

[hhc_note title="Sonuç"]Bu ayar günlük kullanım için uygun görünüyor.[/hhc_note]