Örnek hikâyeyi sökmek

Örnek hikâye modülün taşıdığı her bloğu tek sayfada gösterir.
Aynı hikâyeyi kendi projende düzenlenebilir olarak açabilirsin: Yeni öğe →
Örnek hikâye (vitrin). Açılan kopya vitrinle aynı içerikten gelir, tek fark
grafik adımıdır — onu aşağıda anlatıyoruz.

Bu sayfa, gördüğün her etkinin hangi ayardan çıktığını söyler. Sıra hikâyedeki
sırayla aynı.

Hikâyenin tamamını etkileyen ayarlar

Bunlar tek tek adımlarda değil, Hikâye ayarlarında durur ve her adıma birden
uygulanır.

Paylaşım düğmeleri yalnız yayınlanmış sayfada çalışır. Taslakta ve
önizlemede görünmezler, çünkü paylaşılacak bir adres henüz yoktur.

Kapak

Kapak, hikâyenin ilk ekranıdır ve Hikâye → Giriş altındadır. Örnekte dört
ayrı alan dolu:

• Özet — başlığın altındaki paragraf. Sayfanın bir örnek olduğunu burada
  söylüyoruz; bu bir üslup tercihi değil, dürüstlük gereği.
• Kapak görseli — kadrajı Tam ekran, odak noktası biraz yukarıda, karartma
  0,55. Karartma diğer adımlardan yüksek: kapağın üstünde hem başlık hem uzun bir
  paragraf duruyor, ikisinin de okunması gerekiyor.
• Yazar ve tarih — kapağın altındaki tek satır.
• Okuma süresi — açık. Süre yazılmaz, metinden hesaplanır.

Bölüm 1 — "İki kare"

Dört adım, dört ayrı teknik.

1. 2017 karesi. Adım görseli, kadraj Tam ekran, künye görselin sağ altında.
   Metin ölçeği büyük, hizası sola.
2. 2024 karesi. Aynı ayarlar, farklı görsel. İki adımın arka arkaya gelmesi
   "öncesi/sonrası" etkisini kaydırmayla verir.
3. Pano. Adımın sunumu Pano seçilince sahne örtülür ve metin tam ekran
   renkli bir zemine geçer. Paragraflar kaydırdıkça belirir.
4. Büyük sayı. Görsel türü Büyük sayı; değer 39, sonek %, altında kısa
   açıklama, "sıfırdan say" açık. Sayı ham saklanır, biçimlendirilmiş metin
   olarak değil — hikâyenin dili değişirse binlik ayracı da değişir.

Bölüm 2 — "Kaydırdıkça"

Tek adım, ama en uzun blok. Görsel türü Kare dizisi: sekiz görsel sırayla
verilmiş, süre 4 ekran boyu. Okuyucu kaydırdıkça kadraj sabit kalır, kareler
ilerler. Bu bir video değil; hızı okuyucu belirler.

Süreyi büyütmek diziyi yavaşlatır, küçültmek hızlandırır.

Bölüm 3 — "Rakamlar"

• Grafik adımı. Vitrinde burada gerçek bir çizgi grafiği var ve kadrajı
  Tam ekran: grafik kutusuz, sahnenin tamamını kaplıyor, hikâyenin renklerini
  giyiyor ve metin (adımın hizası sağ) onun üstünden akıyor. Aynı grafiği
  Kart kadrajına almak onu ortada sınırlı bir kutuya döndürür. Şablondan
  açtığın kopyada bu adım boş gelir ve metni seni doğru yere yönlendirir:
  görsel türünü Grafik seçip projendeki bir grafiği bağlarsın. Şablon hazır bir
  grafik kimliği taşıyamaz, çünkü o kimlik başka bir projeye ait olurdu.
• Alıntı. Görsel türü Alıntı; metin ve söyleyen. Tırnak işaretlerini sen
  yazmazsın, çizim ekler.

Bölüm 4 — "Not defteri" (makale modu)

Bölümün modu Makale seçilince sahne kapanır, metin düz yazıya döner ve
görseller figür olur. Beş adım:

1. Uzun metin. Alt başlık, madde listesi, bağlantı ve alıntı bloğu — hepsi
   zengin metin açık olduğu için çalışıyor.
2. Geniş figür. Adımın figür genişliği Geniş: görsel metin kolonundan taşar.
3. Ayraç. Görsel türü Ayraç, stili nokta dizisi.
4. Galeri. Görsel türü Galeri, altı kare; her karenin kendi alt yazısı ve
   künyesi var. Figür genişliği Tam. Ok düğmesi yoktur, yana kaydırılır.
5. Izgara. Aynı görseller, bu kez Izgara olarak üç sütunda.

Bölüm 5 — "Kapanış"

Tek pano adımı. Bölüm 1'deki panoyla aynı ayar; yeri farklı olduğu için işlevi
farklı.

Görseller nereden geliyor

Örnek görseller sitenin kendi klasöründen gelir ve adresleri /ornek/ ile
başlar. Kendi hikâyende adres alanına iki şey yazabilirsin: tam bir https://
adresi, ya da sitenin kendi kökünden başlayan bir yol. Yarım bir yol
(kapak.svg) ve //baskasite.com/... biçimi kabul edilmez — ilki hangi klasöre
göre çözüleceği belirsiz olduğu için, ikincisi aslında başka bir siteye gittiği
için.

Örnektekiler fotoğraf değil, üretilmiş soyut kompozisyonlardır. Bilerek: gerçek
bir uydu görüntüsü koysaydık, yanındaki uydurma sayılar da gerçek sanılırdı.

Gerçek verili ikinci örnek: Orta Vadeli Program

Kovalanan tek hane aynı blokları gerçek bir haber konusunda
kullanır: 2027–2029 Orta Vadeli Programı. Buradaki sayılar uydurma değil. Her
biri Strateji ve Bütçe Başkanlığının program belgelerinden ya da TÜİK
verisinden geliyor, kaynakları sayfanın sonunda listeleniyor. Bu sayfada
ayrıca şunları görebilirsin:

• Kaydırmayla ilerleyen zaman ekseni. Aylık enflasyon grafiği tam ekran.
  Aşağı kaydırdıkça seri ay ay çiziliyor.
• Harita adımları. Aynı haritada üç adım var. İkincisi ve üçüncüsü farklı
  illeri vurgular, harita da o illere yakınlaşır.
• Anlatı çizelgesi bölünerek. Aynı çizelgenin farklı slaytları ardışık
  adımlarda açılır.
• Karşılaştırma kaydırıcısı. Geçen yılki ve bu yılki programın dönem sonu
  hedefleri üst üste. Adımlar tutamacı iki uca taşır.
• Koyu tema. Hikâyenin kendi renkleri, sahne için lacivert bir zemin
  görseli ve ona uyan harita renkleri.

Bar grafiklerde kaydırmayla büyüme bilerek kullanılmadı. Çubuklar sıfırdan
büyürken üstlerindeki değer etiketleri de ara değerleri gösterir; okuyucu
kaydırmayı yarıda bırakırsa gerçekte olmayan bir sayı görür. Değer etiketi
taşıyan grafiklerde bu seçeneği kapalı tutmak daha doğru. Çizgi grafikte sorun
yok, çünkü orada eğri soldan sağa açılır ve ara değer basılmaz.

Kendi projende düzenlenebilir kopyası

Bu hikâyeyi kendi projende açıp düzenleyebilirsin: Yeni öğe → Scrollytelling
seç, "Başlangıç şablonu" listesinin altındaki Hazır örnek grubundan
Gerçek veri: OVP 2027–2029'u işaretle. Hikâyeyle birlikte projeye şunlar da
eklenir:

• adları "OVP ·" ile başlayan 7 grafik,
• il haritası,
• zaman çizelgesi,
• karşılaştırma,
• "OVP örnek teması" adlı bir marka kiti.

Kit varsayılan yapılmaz, yani diğer öğelerin görünümü değişmez. Her öğe normal
bir öğe gibi düzenlenir; bir grafikte yaptığın değişiklik hikâyede de görünür.