AllaTurkaa

Değerli Allaturka üyeleri ve ziyaretçiler, Sizlere heyecan verici bir haberimiz var! Türk mutfağının en özel ve sevilen lezzetlerini anlık olarak keşfedebileceğiniz yepyeni bir widget'ı sitemize entegre ettik. Artık "Bugün ne pişirsem?" diye düşünmeye son!

Özel olarak tasarlanan bu widget, rastgele seçilmiş nefis bir tarifi, malzemelerinden yapılışına kadar tüm detaylarıyla anında karşınıza getiriyor. Widget'ı kullanarak dilediğiniz tarifi seçebilir, tüm detayları görüntüleyebilir ve işiniz bittiğinde tek bir tuşla menüye kolayca geri dönebilirsiniz.

Widget Nasıl Kullanılır?

Hemen aşağıda (veya sitenin ilgili bölümünde) göreceğiniz widget'ı kullanmak çok kolaydır: Menüden Seçim Yapın: Widget'ın tepesindeki açılır menüyü kullanarak aradığınız tarifi seçin. Detaylar Açılsın: Seçim yaptığınız anda, tarifin fotoğrafı, süresi ve porsiyon bilgisiyle birlikte Malzemeler ve Yapılışı adımları akıcı bir geçişle listelenir. Kapatma/Sıfırlama: Detayları okuduktan sonra, alttaki "Tarifi Kapat / Menüye Dön" butonuna tıklayarak widget'ı başlangıç görseline döndürebilirsiniz.

WIDGET KURULUM VE ÖZELLEŞTİRME BİLGİLERİ (Yöneticiler/Geliştiriciler İçin)

Bu bölüm, widget'ın gelecekteki yönetimi, geliştirilmesi ve özelleştirilmesi ile ilgilenen sitenizin yöneticileri veya geliştiriciler için hazırlanmıştır.

Geliştirme Notu: Temel Teknolojiler

Widget'ımız, yüksek uyumluluk ve kolay yönetim sağlamak amacıyla HTML, CSS ve JavaScript ile tasarlanmış, veri çekme mekanizması ise PHP (turk-mutfagi-proxy.php) kullanılarak oluşturulmuştur. Bu sayede güncellemeler ve veri ekleme işlemleri hızlıca yapılabilir.

ÖNEMLİ KURULUM NOTU: Dosya Konumları

Widget'ın doğru çalışması için, turk-mutfagi-widget.html, turk-mutfagi-proxy.php ve resimlerinizi içeren images/ klasörünün sunucunuzda aynı dizin/klasör içinde bulunması gerekmektedir. Aksi takdirde, resim ve veri çekme yollarında hatalar oluşabilir.

1. Teknik Yapı ve iframe Ölçüleri

Widget, ana site tasarımından bağımsız çalışması için iframe etiketi ile gömülmüştür. Kurulum kodları ekte sunulmuştur. Ölçüler: Varsayılan ideal genişlik width="350" olarak ayarlanmıştır. Yükseklik ise height="400" olarak sabit tutulmuştur.

Neden Sabit Yükseklik? Tarifler açıldığında içerik uzar. Dinamik yükseklik ayarı yapmak teknik olarak karmaşık olduğundan ve web sitenizde boşluk kalmaması için bilinçli bir tasarım tercihi yapılmıştır:

• Widget kapalıyken, 400 piksel yükseklik sayesinde sayfanızda gereksiz büyük bir boşluk oluşmaz.
• Tarif detayları açıldığında, içerik 400 pikseli aştığı anda, iframe'in içinde otomatik kaydırma çubuğu belirir. Bu, sayfanızdaki diğer içerikleri veya altındaki diğer widget'ları etkilemeden, sadece tarifin içeriğinin kaymasını sağlar.

2. Yeni Tarif (Yemek İsmi ve Detay) Ekleme

Yeni bir tarif eklemek son derece basittir. Tüm tarif içerikleri (isim, süre, malzeme, yapılış) PHP tabanlı turk-mutfagi-proxy.php dosyasının içindeki PHP dizisinde tutulmaktadır.

Nasıl Eklenir?: Sadece turk-mutfagi-proxy.php dosyasını açın ve mevcut bir tarif bloğunu kopyalayıp gerekli alanları (ad, sure, kisilik, resim, malzemeler, yapilis) doldurmanız yeterlidir. Teknik bir bilgi gerekmez.

3. Görsel, Renk ve Ölçü Değişimi

Widget'ın tüm görsel ayarları, turk-mutfagi-widget.html (HTML/CSS) dosyasının başındaki CSS bölümünde tanımlıdır.

Renk Değişimi: CSS'in üst kısmındaki :root alanında bulunan --color-primary: #FF9900; gibi değişkenleri istediğiniz renk kodlarıyla değiştirerek widget'ın ana vurgu rengini anında güncelleyebilirsiniz. Resim Değişimi: Yeni eklenen tarifin fotoğrafı için PHP dosyasındaki 'resim' => 'görsel_yolu.jpg' alanını, görselin sunucunuzdaki tam yol adresiyle değiştirmeniz yeterlidir.

EKLER: KURULUM KODLARI

(Kurulum ve özelleştirme için gerekli olan iframe/HTML kodları ektedir.)

Hepinize afiyet olsun! Widget hakkındaki görüş ve önerilerinizi bu başlık altında paylaşabilirsiniz. #TürkMutfağı #YemekTarifleri #Widget #GününMenüsü

Resimleri İndirebileceğiniz Link

Yorumunuz muhteşem! Amacımız tam olarak buydu.

"Ne pişirsem" derdini alıp, yerine "Hangi tarifi yapsam" tatlı telaşını koyabildiysek ne mutlu bize!

Şimdiden ellerinize sağlık, afiyet olsun.