Şablon Yönetimi Nasıl Kullanılır?

Webayt CMS’te Şablon Yönetimi, tekrar kullanılabilir HTML ve CSS içerikleri oluşturmak için kullanılır. Bu sayede aynı tasarım veya içerik bloğunu farklı sayfalarda tekrar tekrar yazmak yerine, bir şablon oluşturup kısa kod ile ilgili alanlara ekleyebilirsiniz.

Şablonlar; fiyat tabloları, çağrı alanları, özel bilgi kutuları, dil simülasyonları, paket karşılaştırmaları, kampanya alanları veya tekrar eden özel tasarım bölümleri için kullanılabilir.

Şablon Yönetimi Ne İşe Yarar?

Şablon Yönetimi, web sitenizde sık kullanılan tasarım ve içerik parçalarını merkezi olarak yönetmenizi sağlar. Bir şablon oluşturduktan sonra, bu şablonu desteklenen HTML içerik alanlarında kısa kod kullanarak çağırabilirsiniz.

Bu yapı özellikle aynı içeriğin birden fazla sayfada kullanıldığı durumlarda büyük kolaylık sağlar. Şablonda yaptığınız bir güncelleme, ilgili şablonun kullanıldığı alanlara da yansıtılabilir.

Şablon Yönetimi’nin önemli avantajlarından biri de karmaşık HTML yapılarında çeviri sürecini daha güvenli hale getirmesidir. HTML kodunun tamamı çeviri işlemine dahil edildiğinde bazı durumlarda etiket yapısı, class isimleri veya tasarım düzeni bozulabilir. Şablon Yönetimi’nde ise HTML yapısı korunur, yalnızca parametre olarak tanımlanan metin alanları çevrilir.

Örneğin aşağıdaki gibi tekrar kullanılabilir yapılar şablon olarak hazırlanabilir:

• Paket karşılaştırma tabloları
• Fiyat veya hizmet kartları
• CTA alanları
• Bilgilendirme kutuları
• Özel HTML bölümleri
• Google görünürlük veya çoklu dil simülasyonları
• Tekrarlanan kampanya veya tanıtım blokları

Şablon Yönetimi Sayfasına Nereden Ulaşılır?

Şablonları yönetmek için Webayt yönetim panelinde sol menüden Şablon Yönetimi alanına giriş yapabilirsiniz.

Şablon Yönetimi

Bu sayfada daha önce oluşturulmuş şablonlar listelenir. Yeni şablon ekleyebilir, mevcut şablonları düzenleyebilir, silebilir veya kısa kodlarını görüntüleyebilirsiniz.

Şablonlar Liste Ekranı

Şablon Yönetimi ana ekranında, oluşturulan şablonlar tablo halinde listelenir. Bu tabloda şablon adı, kısa kodu, parametre bilgisi ve durum bilgisi görüntülenir.

Liste ekranında genel olarak şu bilgiler yer alır:

• Şablon Adı: Panelde ve şablon seçimlerinde görüntülenen şablon adıdır.
• Kısa Kod: Şablonu içerik alanlarında çağırmak için kullanılan özel koddur.
• Parametre: Şablon içerisinde kullanılan değişken sayısını veya parametre durumunu gösterir.
• Durum: Şablonun açık veya kapalı olduğunu gösterir.
• Düzenle: Şablon bilgilerini güncellemek için kullanılır.
• Sil: İlgili şablonu kaldırmak için kullanılır.

Şablonun kısa kodu, ilgili şablonu sayfa içeriklerinde çağırmak için kullanılır. Örneğin bir şablonun kısa kodu aşağıdaki gibi olabilir:

{{template:mock_template_name}}

Yeni Şablon Nasıl Eklenir?

Yeni bir şablon oluşturmak için Şablon Ekle sekmesine geçilir. Bu ekranda şablonun adı, kısa kod anahtarı, HTML/CSS içeriği, parametreleri ve durumu belirlenir.

1. Webayt yönetim paneline giriş yapın.
2. Sol menüden Şablon Yönetimi alanına girin.
3. Şablon Ekle sekmesine tıklayın.
4. Şablon adını ve kısa kod anahtarını girin.
5. Şablon alanına HTML veya CSS içeriğinizi ekleyin.
6. Gerekirse parametre alanlarını tanımlayın.
7. Şablon durumunu açık veya kapalı olarak belirleyin.
8. Ekle butonuna tıklayarak şablonu kaydedin.

Şablon Ekleme Alanları

Şablon ekleme veya düzenleme ekranında şablonun nasıl çalışacağını belirleyen bazı temel alanlar bulunur.

Şablon Adı

Şablon Adı, panelde ve şablon seçimlerinde görüntülenecek isimdir. Bu alan, şablonu daha sonra kolayca ayırt edebilmeniz için açıklayıcı şekilde yazılmalıdır.

Örnek şablon adları:

Paketler CTA
Google Search Sayfası
Site Yönetimi Şablonu
Çoklu Dil Desteği

Kısa Kod Anahtarı

Kısa Kod Anahtarı, şablonu içerik alanlarında çağırmak için kullanılan benzersiz anahtardır. Bu alan genellikle küçük harf, rakam, tire ve alt çizgi kullanılarak oluşturulur.

Örneğin kısa kod anahtarı management_plans ise, bu şablon içerik alanında aşağıdaki kısa kod ile çağırılabilir:

{{template:mock_template_name}}

Kısa kod anahtarının anlaşılır ve şablonun kullanım amacını anlatan bir yapıda olması önerilir.

Şablon Alanı

Şablon alanı, oluşturmak istediğiniz HTML veya CSS yapısını yazdığınız alandır. Bu bölümde şablonun ön yüzde nasıl görüneceğini belirleyen kodlar yer alır.

Şablon alanında HTML ve CSS sekmeleri bulunabilir. HTML sekmesinde yapısal içerik, CSS sekmesinde ise görsel düzenlemeler hazırlanabilir.

HTML şablonunda değiştirilebilir alanlar kullanmak isterseniz, bu alanları süslü parantez içerisinde tanımlayabilirsiniz.

{title}
{description}
{button_text}

Bu değişkenler, şablonun parametre alanında otomatik olarak listelenebilir ve farklı diller için ayrı ayrı düzenlenebilir.

Parametreler

Parametreler, HTML şablonunda tanımlanan değişkenlerin yönetildiği alandır. Şablon içerisinde kullanılan değişkenler bu bölümde listelenir ve bu değişkenlere karşılık gelecek metinler girilebilir.

Örneğin HTML şablonunda {title} değişkeni tanımlandıysa, parametre alanında bu değişkene karşılık gelen başlık metni girilebilir. Aynı şekilde {description}, {button_text} veya benzeri değişkenler için de ayrı parametre alanları oluşturulabilir.

Parametrelerin en önemli amacı, çeviri sürecinde yalnızca bu alanlara yazılan metinlerin çevrilmesini sağlamaktır. Böylece şablonun HTML kodları komple çeviri işlemine dahil edilmez.

Bu yapı özellikle karmaşık HTML kodları içeren şablonlarda oldukça önemlidir. HTML kodunun tamamı otomatik çeviri işlemine gönderildiğinde bazı durumlarda HTML etiketleri, class isimleri, özel kodlar veya tasarım yapısı bozulabilir. Parametre kullanıldığında ise HTML ve CSS yapısı sabit kalır; yalnızca kullanıcıya görünen metin içerikleri çevrilir.

Bu nedenle özel tasarım blokları, çok sütunlu alanlar, fiyat tabloları, paket karşılaştırmaları, gelişmiş CTA bölümleri veya komplike HTML içeren içerikler için Şablon Yönetimi kullanılması önerilir.

Durum

Durum, şablonun sitede kullanılıp kullanılamayacağını belirler.

• Açık: Şablon içeriklerde kullanılsa bile sitede görüntülenebilir.
• Kapalı: Şablon içeriklerde kullanılsa bile sitede görüntülenmez.

Bir şablonun geçici olarak kullanım dışı bırakılması gerekiyorsa, şablonu silmek yerine durumunu kapalı hale getirmek daha güvenli olabilir.

Şablonlar İçeriklerde Nasıl Kullanılır?

Şablon Yönetimi’nde oluşturulan şablonlar, HTML girilebilen içerik alanlarında kısa kod kullanılarak çağırılabilir.

Örneğin aşağıdaki kısa kodu desteklenen bir içerik editörüne eklediğinizde, ilgili şablon o alanda otomatik olarak görüntülenir:

{{template:mock_template_name}}

Bu kullanım sayesinde daha önce hazırladığınız bir tasarımı, farklı sayfalara hızlıca ekleyebilirsiniz.

Şablonlar genel olarak HTML içerik girilebilen alanlarda kullanılabilir. Örneğin bilgi ve bölüm sayfaları, kategori sayfaları, içerik sayfaları ve özel HTML içerik alanlarında şablon kısa kodları tercih edilebilir.

Editör Üzerinden Şablon Seçimi

Webayt CMS editöründe, kullanılabilir şablonlar açılır liste veya şablon seçim alanı üzerinden görüntülenebilir. Bu alandan istediğiniz şablonu seçerek kısa kodun editöre eklenmesini sağlayabilirsiniz.

Şablon seçimi yapıldığında, editör içerisine ilgili şablonun kısa kodu eklenir. Sayfa ön yüzde görüntülendiğinde ise bu kısa kodun yerine şablonun gerçek HTML çıktısı gösterilir.

Şablon Önizleme Nasıl Kullanılır?

Şablon düzenleme ekranında yer alan önizleme seçeneği ile hazırladığınız şablonun nasıl görüneceğini kontrol edebilirsiniz.

Önizleme penceresi, şablonun ön yüzde nasıl bir çıktı oluşturacağını görmenize yardımcı olur. Bu sayede şablonu yayına almadan önce tasarım, metin ve yerleşim açısından kontrol edebilirsiniz.

Özellikle HTML ve CSS içeren şablonlarda önizleme yapmak, hatalı görünüm veya eksik parametre kullanımını fark etmek açısından faydalıdır.

Şablonlarda Parametre Kullanmanın Avantajı

Parametreler, şablonları daha esnek ve güvenli hale getirir. Aynı HTML yapısını koruyarak yalnızca başlık, açıklama, buton metni veya benzeri değiştirilebilir içerikleri yönetmek istediğinizde parametre kullanımı oldukça faydalıdır.

Şablon içerisinde değiştirilebilir alanlar süslü parantez yapısıyla tanımlanır. Örneğin {title}, {description} veya {button_text} gibi alanlar parametre olarak kullanılabilir.

Parametrelerin en önemli avantajlarından biri, otomatik çeviri sürecinde yalnızca bu parametre içeriklerinin çevrilmesidir. Böylece şablonun HTML yapısı komple çeviri işlemine dahil edilmez.

Özellikle komplike HTML kodları içeren tasarımlarda bu oldukça önemlidir. HTML kodunun tamamı çeviri işlemine gönderildiğinde bazı durumlarda etiket yapısı, class isimleri, özel kodlar veya yerleşim düzeni bozulabilir. Şablon Yönetimi kullanıldığında ise HTML yapısı korunur, yalnızca parametre alanlarına yazılan metinler çevrilir.

Bu nedenle özel tasarım blokları, gelişmiş HTML yapıları, çok sütunlu alanlar, fiyat tabloları, karşılaştırma tabloları veya tekrar kullanılan özel içerik bölümleri için Şablon Yönetimi kullanılması önerilir.

Örneğin bir CTA alanı oluşturduğunuzu düşünelim. Başlık, açıklama ve buton metni gibi alanları parametre olarak tanımlarsanız, aynı tasarım yapısını bozmadan farklı metinlerle kullanabilir ve çeviri sürecinde yalnızca bu metinlerin çevrilmesini sağlayabilirsiniz.

Çok Dilli Sitelerde Şablon Kullanımı

Webayt CMS’te şablonlarda kullanılan parametre metinleri farklı dillere çevrilebilir. Bu sayede aynı şablon yapısı, çok dilli sitelerde farklı dil içerikleriyle kullanılabilir.

Şablon Yönetimi’nde HTML ve CSS yapısı sabit kalır; çeviri işlemi ise parametre alanlarına yazılan metinler üzerinden yürütülür. Bu yapı, özellikle karmaşık HTML kodlarının çeviri sırasında bozulmasını önlemeye yardımcı olur.

Bu nedenle çok dilli sitelerde özel HTML içeren içerikler hazırlanırken, doğrudan sayfa editörüne uzun ve karmaşık HTML kodları eklemek yerine Şablon Yönetimi üzerinden çalışmak daha sağlıklı olabilir.

Şablon üzerinde değişiklik yaptıktan sonra ilgili listelerin güncellenmesi gerekebilir. Liste güncelleme ve çeviri dili seçimi hakkında detaylı bilgi için Güncelleme Yapılacak Listeler Nasıl Kullanılır? rehberini inceleyebilirsiniz.

Şablon Güncellendiğinde Nelere Dikkat Edilmeli?

Bir şablonu güncellediğinizde, bu şablonun kullanıldığı sayfalarda da görünüm etkilenebilir. Bu nedenle özellikle aktif kullanılan şablonlarda değişiklik yapmadan önce mevcut kullanım alanlarını gözden geçirmek önemlidir.

• Şablonun hangi sayfalarda kullanıldığını kontrol edin.
• HTML ve CSS değişikliklerinden sonra önizleme yapın.
• Parametre alanlarında eksik veya hatalı metin olmadığından emin olun.
• Şablon durumunun açık olduğundan emin olun.
• Gerekirse ilgili listeleri güncelleyin.
• Önbellekleme kullanılıyorsa ilgili sayfanın önbelleğini yenileyin.

Şablon Kullanırken Nelere Dikkat Edilmeli?

Şablon Yönetimi, tekrar eden içerikleri kolaylaştıran güçlü bir yapıdır. Ancak şablonların düzenli ve anlaşılır şekilde hazırlanması önemlidir.

• Şablon adını panelde kolay anlaşılacak şekilde belirleyin.
• Kısa kod anahtarını sade ve açıklayıcı yazın.
• HTML ve CSS kodlarını düzenli tutun.
• Parametre isimlerini anlaşılır şekilde belirleyin.
• Çevrilecek metinleri mümkün olduğunca parametre olarak tanımlayın.
• Komplike HTML kodlarının otomatik çeviri sırasında bozulmasını önlemek için parametre kullanımına dikkat edin.
• Aynı amaç için gereksiz yere birden fazla şablon oluşturmayın.
• Kullanılmayan şablonları silmeden önce aktif sayfalarda kullanılıp kullanılmadığını kontrol edin.
• Şablonu yayına almadan önce önizleme ile kontrol edin.

Şablon Yönetimi Ne Zaman Kullanılmalı?

Aynı tasarım bloğunu birden fazla yerde kullanmanız gerekiyorsa veya içeriklerde özel HTML yapıları tekrar ediyorsa, Şablon Yönetimi kullanmak oldukça faydalıdır.

Aşağıdaki durumlarda şablon oluşturmak mantıklı olabilir:

• Aynı CTA alanını farklı sayfalarda kullanmak istediğinizde
• Paket, fiyat veya karşılaştırma alanlarını merkezi yönetmek istediğinizde
• Özel HTML bloklarını tekrar tekrar yazmak istemediğinizde
• Çok dilli içeriklerde aynı tasarımı farklı metinlerle kullanmak istediğinizde
• Komplike HTML kodlarının otomatik çeviri sırasında bozulmasını önlemek istediğinizde
• Editör içerisine hazır tasarım blokları eklemek istediğinizde

Özet

Şablon Yönetimi, Webayt CMS’te tekrar kullanılabilir HTML ve CSS içerikleri oluşturmak için kullanılan alandır. Oluşturulan şablonlar kısa kod ile HTML girilebilen içerik alanlarında kullanılabilir.

Şablonlarda parametre kullanarak değiştirilebilir alanlar tanımlayabilir, otomatik çeviri sürecinde yalnızca bu parametre içeriklerinin çevrilmesini sağlayabilir ve karmaşık HTML yapılarının bozulmasını önleyebilirsiniz. Bu yapı sayesinde aynı tasarım şablonunu farklı sayfalarda ve farklı dillerde daha güvenli şekilde kullanabilirsiniz.

Şablon değişikliklerinden sonra gerekiyorsa Güncelleme Yapılacak Listeler alanından ilgili listeleri güncellemeyi unutmayın.