Bu rehber, web sitenizin blog bölümüne Pages CMS üzerinden nasıl yazı ekleyeceğinizi adım adım anlatır. Hiçbir teknik bilgi gerektirmez.

1. Giriş yapın

  1. Tarayıcınızda app.pagescms.org adresini açın.
  2. Sign in with GitHub düğmesine tıklayıp GitHub hesabınızla giriş yapın (hesabınız site yöneticisi tarafından önceden yetkilendirilmiştir).
  3. Açılan listeden birlikmakina projesini seçin.
  4. Sol menüden Blog Yazıları bölümüne girin.

2. Yeni yazı oluşturun

  1. Sağ üstteki Add Entry (Yeni Kayıt) düğmesine tıklayın.
  2. Alanları doldurun:
    • Başlık: Yazının başlığı. Örn. “Automechanika 2026 Fuarındayız”.
    • Kısa Özet: Bir-iki cümle. Google aramalarında ve blog listesinde görünür.
    • Yayın Tarihi: Yazının tarihi. Yazılar en yeniden eskiye sıralanır.
    • Kapak Görseli (isteğe bağlı): Blog listesinde yazının yanında ve yazının en üstünde görünen görsel.
    • İçerik: Yazının kendisi. Editörün araç çubuğundan başlık, kalın, liste ve bağlantı ekleyebilirsiniz.
  3. Sağ üstten Save deyin. Hepsi bu — site 2-3 dakika içinde otomatik güncellenir, başka bir işlem gerekmez.

Yazıyı sonradan düzenlemek veya silmek için listeden yazıya tıklayıp Save ya da Delete kullanmanız yeterlidir.

3. Görsel ekleme

İçerik editöründeyken görsel simgesine tıklayıp bilgisayarınızdan dosya yükleyebilirsiniz. Görsel otomatik olarak sitenin medya klasörüne kaydedilir.

Önerilen boyutlar: genişlik en fazla 1200 piksel, dosya boyutu 500 KB altı. Telefonla çekilmiş büyük fotoğrafları yüklemeden önce küçültmeniz sayfanın hızlı açılmasını sağlar.

Görseli boyutlandırma ve konumlandırma

Editör görseli varsayılan olarak tam genişlikte yerleştirir. Farklı boyut veya konum isterseniz içeriğe aşağıdaki hazır kalıpları yapıştırıp dosya adını değiştirmeniz yeterlidir:

Ortalanmış, yarım genişlikte görsel:

<img src="/blog/fotograf.jpg" alt="Açıklama" style="display:block;margin:1rem auto;width:50%" />

Sağa yaslı küçük görsel (metin solunda akar):

<img src="/blog/fotograf.jpg" alt="Açıklama" style="float:right;width:280px;margin:0 0 1rem 1rem" />

Altyazılı görsel:

<figure style="text-align:center">
  <img src="/blog/fotograf.jpg" alt="Açıklama" style="width:70%" />
  <figcaption style="font-size:0.85rem;color:#667085">Fotoğraf açıklaması</figcaption>
</figure>

width değerini yüzde (örn. width:50%) veya piksel (örn. width:400px) olarak verebilirsiniz. alt metnini görseli kısaca tarif edecek şekilde doldurmanız görme engelli ziyaretçiler ve Google için önemlidir.

4. Video ekleme

Kısa tanıtım videolarını (MP4 formatında, tercihen 50 MB altı) görsel gibi yükleyebilir ve şu kalıpla içeriğe yerleştirebilirsiniz:

<video src="/blog/tanitim.mp4" controls width="100%" preload="metadata"></video>

İsterseniz poster="/blog/kapak.jpg" ekleyerek video oynatılmadan önce görünecek kapak görselini belirleyebilirsiniz.

YouTube videoları: Sitenin güvenlik ayarları gereği YouTube videoları şu an sayfa içine gömülemiyor; videonun bağlantısını normal link olarak verebilirsiniz. Gömme ihtiyacı olursa site yöneticinizden güvenlik ayarının açılmasını isteyin.

5. İpuçları

  • Ara başlıklar için editörde Heading 2 kullanın; yazı otomatik olarak sitedeki başlık stiline bürünür.
  • Yazı adresi dosya adından üretilir; Türkçe karakter kullanmamaya çalışın (örn. “automechanika-2026” gibi).
  • Yayınlamadan emin olmadığınız taslakları Yayın Tarihini ileri bir tarihe vererek hazırlayabilirsiniz; tarih geldiğinde site yeniden yayınlandığında görünür olur (emin olmak için site yöneticinize danışın).