English
Українська
Anahtar Noktalar:
-
main.tpl dosyasının rolü:
- main.tpl, genellikle ana sayfa şablonunun temel yapı taşıdır. Bu dosya, tüm şablon bileşenlerini birbirine bağlar (örneğin, sayfa başlıkları, içerik alanları, navigasyon menüleri, vb.).
- Bu şablon dosyasında, form aracılığıyla geçilen alan adları (field names) kullanılarak içerikler dinamik olarak yerleştirilir.
-
Alan adları (field names):
- Bu tür şablonlar genellikle form üzerinden kullanıcıdan veri alır ve bu veriler daha sonra
main.tpldosyasına geçer. - Her alan bir alan adı (field name) ile ilişkilidir. Bu isimler, şablon dosyasına geçtiğinde doğru şekilde dinamik veri yerleştirilmesini sağlar. Örneğin, kullanıcı adı, kategori adı, açıklamalar gibi veriler şablonda bu alan adlarıyla yerleştirilir.
- Bu tür şablonlar genellikle form üzerinden kullanıcıdan veri alır ve bu veriler daha sonra
-
HTML Bilgisi Gereksinimi:
- Bu tür bölümleri düzenlerken, HTML bilgisi gereklidir çünkü şablon içeriğinde HTML etiketleri ile yapılandırılmış içerikler yer alır.
- Eğer HTML hakkında bilginiz yoksa, sadece metinleri düzenlemek güvenli olur, ancak alan adlarını değiştirmek kesinlikle önerilmez. Alan adlarını değiştirirseniz, bu şablondaki dinamik içeriklerin doğru şekilde gösterilmemesine yol açabilir.
-
Metin Düzenleme:
- Bu tür bir şablon üzerinde metin düzenlemelerine genellikle izin verilir. Örneğin, açıklamaları değiştirmek, yeni satırlar eklemek ya da görselleri düzenlemek gibi işlemler mümkündür.
- Ancak alan adlarını değiştirmek, şablonun işleyişini bozabileceği için tehlikeli olabilir.
Öneriler:
-
Alan Adlarını Koruyun: Şablon dosyasında herhangi bir dinamik veri kullanıyorsanız (örneğin
{title},{date}gibi etiketler), bu etiketlerin adlarını değiştirmemelisiniz. Bu etiketler DLE'nin doğru şekilde veri çekmesini sağlar. -
HTML Düzenlemesi: Eğer şablon üzerinde daha fazla düzenleme yapacaksanız, HTML yapısına hakim olmanız önemlidir. Özellikle içerik düzeni (başlıklar, paragraflar, bağlantılar, vb.) için HTML etiketleri kullanılır.
-
Yedek Alma: Herhangi bir düzenleme yapmadan önce dosyanın yedeğini almanız faydalı olacaktır. Böylece bir sorun olursa eski haline dönebilirsiniz.
Eğer main.tpl dosyasındaki düzenlemeleri yaparken yardıma ihtiyacınız olursa, şablonun o bölümünü inceleyebilir ve nasıl ilerlemeniz gerektiği konusunda daha spesifik rehberlik sağlayabilirim.
{headers} etiketi, DLE (DataLife Engine) şablonlarında <head> etiketleri arasında kullanılan ve sayfanın başlık, anahtar kelimeler, açıklama ve gerekli tüm jаvascript / CSS dosyalarının dinamik olarak eklenmesini sağlayan önemli bir etikettir. Bu etiketin görevi, sayfanın meta bilgilerini oluşturmak ve şablon dosyasına dahil etmek için kullanılır.
{headers} Etiketinin Kullanımı:
Bu etiket genellikle header.tpl ya da main.tpl dosyasına yerleştirilir ve şablonun her sayfasında <head> kısmına otomatik olarak eklenir. DLE, bu etiketin içerdiği verileri otomatik olarak doldurur.
Ne İşe Yarar?
-
Meta Bilgileri Ekler:
- Sayfa başlığı (
title) - Sayfanın açıklaması (
description) - Sayfanın anahtar kelimeleri (
keywords)
- Sayfa başlığı (
-
Gerekli Kaynakları Bağlar:
- CSS dosyaları
- jаvascript dosyaları
- Open Graph ve Twitter kartları gibi sosyal medya paylaşımlarına yönelik meta etiketler.
Nerede Kullanılır?
{headers}etiketi, şablon dosyanızda, genellikle<head>etiketi içinde aşağıdaki gibi bir yapı kullanılarak eklenir:
<head>
{headers}
</head>
Bu şekilde, her sayfa yüklendiğinde, DLE otomatik olarak sayfanın başlık, anahtar kelimeler ve açıklama gibi bilgilerini dinamik olarak ekler.
Örnek Kullanım:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{headers}
</head>
<body>
<!-- Sayfa içeriği -->
</body>
</html>
DLE'de {headers} Etiketinin İçeriği
- Başlık (Title): Sayfanın başlığı genellikle
{title}etiketinden alınır. Örneğin, her makale için başlık farklı olacaktır. - Açıklama (Description): Sayfanın açıklaması, makalenin veya sayfanın açıklamasıyla otomatik olarak doldurulur.
- Anahtar Kelimeler (Keywords): Sayfada yer alan anahtar kelimeler, sayfanın içeriğiyle uyumlu olarak belirtilir.
Özet:
{headers}etiketi, sayfanın başlık, açıklama, anahtar kelimeler ve gerekli tüm dosyaların (jаvascript, CSS, vb.) eklenmesi için gereklidir.- Bu etiket, şablonun
<head>etiketleri arasında kullanılmalı ve şablonun düzgün çalışabilmesi için düzenlenmemelidir.
{jsfiles}etiketi, DataLife Engine (DLE) şablonlarında jаvascript dosyalarını sayfada yüklemek için kullanılır. Bu etiketin amacı, sayfa yüklenme hızını artırmak için gerekli olan jаvascript dosyalarını sayfa alt kısmına (footer) taşımaktır. Bu sayede sayfanın görsel içerikleri ve metinleri daha hızlı yüklenebilir, çünkü jаvascript dosyaları sayfa yüklendikten sonra yüklenir.{jsfiles} Etiketinin Kullanımı:
-
JS Dosyalarının Bağlanması:
- Bu etiket, şablonlarda sayfanın alt kısmına yerleştirilebilir.
- Bu sayede sayfa yüklenirken jаvascript dosyalarının yüklenmesi, sayfanın görsel öğeleri ve metni yüklenip render edildikten sonra başlar.
- Yavaş yüklenen jаvascript dosyalarına bağlı olarak sayfa içeriği daha hızlı görüntülenebilir.
-
Zorunlu Değil:
{jsfiles}etiketi kullanımı isteğe bağlıdır. Eğer bu etiket kullanılmazsa, tüm jаvascript dosyaları yine{headers}etiketi içerisinde yüklenir ve sayfanın baş kısmına eklenir.
-
AJAX ve Üçüncü Taraf Scriptler:
- Eğer sayfa AJAX ile dinamik olarak yükleniyorsa, bu durumda
{AJAX}etiketinin de{jsfiles}etiketinin altında yer alması gerektiğini unutmamalısınız. - Ayrıca, şablonunuzda JQuery gibi üçüncü taraf jаvascript kütüphaneleri kullanıyorsanız, bu kütüphanelerin tüm scriptler tamamlanmadan çalışmaya başlamaması gerektiği için, bu tür scriptlerin doğru sırayla yüklendiğinden emin olmalısınız.
- Eğer sayfa AJAX ile dinamik olarak yükleniyorsa, bu durumda
Nerede Kullanılır?
-
Eğer sayfanın alt kısmına script yüklemek istiyorsanız,
{jsfiles}etiketini genelliklefooter.tplveyamain.tpldosyasına eklemeniz gerekir.<footer> {jsfiles} </footer> -
Bu etiket, sayfanın başında yer alan
{headers}etiketiyle çelişebilir, çünkü{headers}etiketi içerisine tüm jаvascript dosyaları yüklenir. Eğer{jsfiles}etiketini kullanıyorsanız, jаvascript dosyalarını bu etiketle sayfanın alt kısmına taşıyabilirsiniz.
Örnek Kullanım:
{headers}: Sayfanın başlık, meta bilgileri ve gerekli CSS dosyalarını yükler.{jsfiles}: Sayfanın alt kısmına jаvascript dosyalarını yerleştirir.
Kod:
<head> {headers} </head> <body> <!-- Sayfa içeriği --> <footer> {jsfiles} </footer> </body>Avantajları:
-
Sayfa Hızını Artırma: jаvascript dosyalarını sayfanın sonuna taşıyarak sayfanın daha hızlı yüklenmesini sağlayabilirsiniz. Bu, özellikle büyük jаvascript dosyaları olan siteler için faydalıdır.
-
Render Süresinin Kısaltılması: HTML ve CSS öğeleri yüklenirken, jаvascript dosyalarının yüklenmesi engellenmiş olur, bu da kullanıcıya daha hızlı bir sayfa yüklemesi deneyimi sunar.
Dikkat Edilmesi Gerekenler:
- AJAX Kullanımı: Sayfada AJAX ile içerik yüklüyorsanız,
{AJAX}etiketinin{jsfiles}etiketinin altında olması gerektiğini unutmamalısınız. - Üçüncü Taraf Scriptler: JQuery gibi kütüphaneleri kullanıyorsanız, bu kütüphanelerin sırasının doğru olduğundan emin olun. Yani, JQuery öncelikle yüklenmeli ve ardından diğer scriptler gelmelidir.
- Yeni Başlayanlar İçin Zorlayıcı Olabilir: Eğer jаvascript konusunda yeterli deneyiminiz yoksa,
{jsfiles}etiketini kullanmamanız tavsiye edilir.
Sonuç:
{jsfiles}etiketi, jаvascript dosyalarını sayfa alt kısmına taşıyarak sayfa yükleme hızını artırmak için kullanılır.- Bu etiket, ileri düzey web yöneticileri tarafından kullanılmalı ve doğru sırada jаvascript dosyalarının yüklenmesi gerektiği unutulmamalıdır.
{THEME}etiketi, DataLife Engine (DLE) şablonlarında, şu anda kullanılan tema veya şablonun dosya yolunu (path) belirtmek için kullanılır. Bu etiket, şablon dosyalarında genellikle resimlerin, CSS dosyalarının, jаvascript dosyalarının ve diğer şablon bileşenlerinin doğru bir şekilde yüklenebilmesi için gereklidir.{THEME} Etiketinin Kullanımı:
-
Tema Yolu:
{THEME}etiketi, şablonun yüklü olduğu dizinin yolunu döndürür. Bu yol genellikle, DLE'ninengine/data/templates/dizini içerisinde bulunan seçilen temanın ismiyle ilişkilidir.- Örneğin, tema dosyalarına erişmek için
{THEME}etiketini kullanarak, CSS, jаvascript veya resim dosyalarının tam yolunu belirleyebilirsiniz.
-
Temanın Dosya Yolunu Kullanma:
- Eğer bir şablon içinde bir dosyaya veya kaynağa erişmek istiyorsanız,
{THEME}etiketini kullanarak ilgili kaynağın tam yolunu oluşturabilirsiniz.
- Eğer bir şablon içinde bir dosyaya veya kaynağa erişmek istiyorsanız,
-
Örnek Kullanım:
<link rel="stylesheet" href="{THEME}/css/style.css" /> <script src="{THEME}/js/script.js"></script> <img src="{THEME}/images/logo.png" alt="Site Logo" />Bu örneklerde:
{THEME}/css/style.css: Bu, şablonuncssklasöründekistyle.cssdosyasının yolunu belirtir.{THEME}/js/script.js: Bu, şablonunjsklasöründekiscript.jsdosyasının yolunu belirtir.{THEME}/images/logo.png: Bu, şablonunimagesklasöründekilogo.pngdosyasının yolunu belirtir.
Örnek Senaryo:
Varsayalım ki, şablonunuzda bir logo resmi ve bir stil dosyası kullanıyorsunuz. Bu dosyaların doğru şekilde yüklenebilmesi için,
{THEME}etiketiyle tam dosya yolu oluşturulabilir. Bu sayede temadaki her dosya doğru bir şekilde yüklenir.<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="{THEME}/css/style.css"> <title>Site Başlığı</title> </head> <body> <header> <img src="{THEME}/images/logo.png" alt="Site Logo"> </header> <main> <h1>Hoşgeldiniz!</h1> </main> <script src="{THEME}/js/script.js"></script> </body> </html>Önemli Noktalar:
-
Tema Klasörüne Erişim:
{THEME}etiketi, şablonun doğru dizinini işaret eder, bu nedenle tema dosyalarının doğru bir şekilde yüklenebilmesi için bu etiket doğru şekilde kullanılmalıdır.
-
Dinamik Yüklemeler:
- Şablonlar arasında geçiş yapıldığında,
{THEME}etiketi her zaman geçerli olan temanın dizinine işaret edecektir, bu da dinamik tema yüklemelerinde faydalıdır.
- Şablonlar arasında geçiş yapıldığında,
-
Dosya Yolları:
- Eğer şablonunuzda dışa bağımlı dosyalar (örneğin, özel resimler, CSS dosyaları veya jаvascript dosyaları) varsa,
{THEME}etiketi bu dosyaların doğru dosya yolunu sağlayacaktır.
- Eğer şablonunuzda dışa bağımlı dosyalar (örneğin, özel resimler, CSS dosyaları veya jаvascript dosyaları) varsa,
Sonuç:
{THEME}etiketi, şablon içerisindeki dosyaların doğru dosya yolunu belirtmek için kullanılır.- Temanın tüm bileşenlerine (CSS, jаvascript, resimler vb.) düzgün erişimi sağlamak için bu etiketi kullanmak gereklidir.
{login}etiketi, DataLife Engine (DLE) şablonlarında, kullanıcıların giriş yapabilmesi ve kayıt olabilmesi için kullanılan bir paneli gösterir. Bu etiket, genellikle web sitesinin üst kısmında, kullanıcıların giriş yapmalarını sağlayan bir formu veya kayıt ekranını görüntülemek amacıyla kullanılır.{login}Etiketinin Kullanımı:-
Kullanıcı Girişi ve Kayıt Paneli:
{login}etiketi, bir kullanıcının siteye giriş yapabilmesi için gerekli formu dinamik olarak yerleştirir. Bu form, kullanıcı adı ve şifre ile giriş yapmayı sağlayan bir alan içerir.- Eğer kullanıcı zaten giriş yapmışsa, bu etiket, giriş yapmış kullanıcı bilgilerini (kullanıcı adı gibi) gösterebilir.
-
Kullanıcı Bilgileri:
- Kullanıcı giriş yapmışsa, genellikle
{login}etiketi, kullanıcı adı veya profil bilgilerini göstermek için kullanılır. Bu şekilde, giriş yapan kullanıcılar kendilerine özel alanları görebilir.
- Kullanıcı giriş yapmışsa, genellikle
Örnek Kullanım:
1. Kullanıcı Giriş ve Kayıt Formu:
<div id="login-panel"> {login} </div>{login}etiketi, burada bir giriş formu veya kayıt paneli görüntüler.- Eğer kullanıcı giriş yapmamışsa, bu form, kullanıcıdan giriş bilgileri (kullanıcı adı ve şifre) alır.
- Eğer kullanıcı giriş yapmışsa, kullanıcı bilgileri (kullanıcı adı, profil bilgileri) görüntülenebilir.
2. Kullanıcı Girişi Yapıldıysa Kullanıcı Bilgilerini Gösterme:
<div id="user-info"> {login} </div>- Bu durumda,
{login}etiketi, giriş yapan kullanıcının adı veya profil bilgilerini gösterir. Örneğin, "Hoş geldiniz, [Kullanıcı Adı]" şeklinde bir mesaj olabilir.
Giriş Yapmamış Kullanıcılar İçin:
Eğer
{login}etiketi, giriş yapmamış bir kullanıcıya gösteriliyorsa, genellikle aşağıdaki gibi bir giriş formu sunulur:<form action="login.php" method="POST"> <input type="text" name="username" placeholder="Kullanıcı Adı" required> <input type="password" name="password" placeholder="Şifre" required> <button type="submit">Giriş Yap</button> </form>Bu form, kullanıcılara giriş yapmaları için gerekli alanları sunar. Ancak,
{login}etiketi bu işlevi otomatik olarak yerine getirecektir, yani manuel olarak böyle bir form yazmanıza gerek kalmaz.Önemli Noktalar:
-
Giriş Durumuna Göre İçerik Değişir:
{login}etiketi, giriş yapan kullanıcıları tanıyabilir ve buna göre içerik gösterir. Giriş yapmamış bir kullanıcı için giriş formunu, giriş yapmış bir kullanıcı için ise kullanıcı bilgilerini gösterir.
-
Dinamik İçerik:
- Bu etiket, dinamik bir içerik sağlar. Yani, giriş durumuna göre görüntülenen içerik değişir.
-
Giriş ve Kayıt Formu:
- Kullanıcılar için giriş ve kayıt olmak için kullanılan form, genellikle
{login}etiketi ile birlikte gelir ve bu, şablonlarda her zaman bulunması gereken önemli bir bileşendir.
- Kullanıcılar için giriş ve kayıt olmak için kullanılan form, genellikle
Sonuç:
{login}etiketi, kullanıcıların giriş yapabileceği veya kayıt olabileceği bir paneli şablonlarda göstermek için kullanılır.- Giriş yapmış kullanıcılar için, bu etiket dinamik olarak kullanıcı bilgilerini görüntüler.
{vote}etiketi, DataLife Engine (DLE) şablonlarında, site kullanıcılarının içerikler üzerinde oy kullanmalarına olanak tanır. Bu etiket, genellikle makalelerin veya sayfaların altında bir oylama sistemi sağlar, böylece kullanıcılar içerikleri değerlendirebilir.{vote}Etiketinin Kullanımı:-
Oylama Özelliği:
{vote}etiketi, belirli bir içerik için kullanıcıların oy kullanmasını sağlayan bir formu şablona ekler.- Bu etiket, genellikle içeriklerin popülerliğini ölçmek veya kullanıcı etkileşimini artırmak için kullanılır.
- Kullanıcılar, içerik üzerinde olumlu veya olumsuz oy verebilirler.
-
Dinamik İçerik:
{vote}etiketi dinamik bir içeriğe sahiptir ve içerik üzerinde yapılan oy sayısını görüntüler.- Aynı zamanda, içerik üzerinde yapılacak oylama işlemleri için gerekli formu sağlar.
Örnek Kullanım:
1. Oylama Formu:
<div id="vote-panel"> {vote} </div>- Bu şekilde, sayfada yer alan
{vote}etiketi, oylama formunu yerleştirir. Kullanıcılar, bu form aracılığıyla içerikle ilgili oy kullanabilir.
2. Oylama Sonuçları:
Çoğu zaman,
{vote}etiketi, oylamanın sonuçlarını da gösterir. Örneğin:<div id="vote-results"> Oylama Sonuçları: {vote} </div>Bu kullanımda, kullanıcılar oy verme işlemini tamamladıktan sonra, sayfa oylama sonuçlarını dinamik olarak gösterebilir.
Oylama Durumu:
{vote}etiketi, genellikle içerik türüne bağlı olarak, sadece bir kez oy verilebilecek bir sistem sunar. Aynı içeriğe tekrar oy verilemez.- Bu etiket, içerik sayfasının popülerliğini takip etmek için de kullanılabilir.
Önemli Noktalar:
-
Oy Verme ve Değerlendirme:
- Kullanıcılar, içerik üzerinde belirli bir değerlendirme yaparlar. Bu genellikle 1-5 arası bir puanlama sistemi ya da basit bir olumlu/olumsuz oylama olabilir.
-
Oylama Sonuçlarının Görünmesi:
{vote}etiketi aynı zamanda içerik üzerinde yapılan oylamanın sonuçlarını da gösterebilir.
-
Dinamik İçerik:
- Oylama işlemleri dinamik olarak yapılır ve içerik üzerinde anlık güncellemeler görünebilir.
Sonuç:
{vote}etiketi, kullanıcıların içeriklere oy vermesini sağlayan önemli bir etikettir. İçeriğin popülerliğini ölçmek ve kullanıcı etkileşimini artırmak için faydalıdır.
-
{changeskin}etiketi, DataLife Engine (DLE) şablonlarında, kullanıcıların site temasını değiştirmelerini sağlayan bir formu ekler. Bu etiket, özellikle kullanıcıların siteyi kişiselleştirmelerine olanak tanıyan bir özellik sunar. Genellikle siteyi farklı renkler, fontlar veya görsellerle daha özelleştirebilmek için kullanılır. -
-
{changeskin}etiketinin kullanımının, kullanıcıların mevcut temalar arasında geçiş yapmalarını sağlamak için kullanıldığını belirttiniz ve doğru bir noktaya değindiniz. Bu etiket, sitenizde birden fazla tema sunarak, kullanıcıların mevcut tema veya şablonları değiştirmelerine olanak tanır.{changeskin}Etiketinin Kullanımı:Bu etiket, DataLife Engine (DLE)'de tema değiştirme işlemi için kullanılır. Yani, siteyi ziyaret eden kullanıcılar, tema klasöründeki diğer temaları geçmek için bu etiketi kullanabilirler. Bu, temalar arasında geçiş yapmayı sağlamak adına oldukça faydalı bir özelliktir.
{changeskin}Etiketinin Gerçek Kullanımı:{changeskin}etiketi, aslında kullanıcıların tema klasöründeki mevcut temalar arasında geçiş yapmalarını sağlayan bir form veya kontrol paneli ekler.Nasıl Çalışır?
-
Tema Dosyaları:
- Bu etiket, DLE şablonunun
/templates/klasöründe bulunan temalar arasından seçim yapılmasını sağlar. Kullanıcı, mevcut temalar arasında geçiş yapabilir.
- Bu etiket, DLE şablonunun
-
Tema Geçişi:
- Kullanıcı, siteyi gezintiye başladıktan sonra, sayfa üzerinde tema değiştirme işlemini yapabilir. Bu işlem genellikle sayfa yeniden yüklenmeden gerçekleştirilir.
-
Kullanıcı Deneyimi:
- Bu özellik, kullanıcının tercihlerine göre sitenin temasını değiştirmelerine imkan tanır. Bu, özellikle kullanıcıların farklı tema seçenekleriyle web deneyimlerini özelleştirmelerine olanak verir.
Örnek Kullanım:
DLE şablonlarınızda
{changeskin}etiketinin nasıl yerleştirileceğine dair basit bir örnek:htmlKodu kopyala<div class="theme-change-container"> <label for="theme-select">Tema Seç:</label> <select id="theme-select" name="theme"> <option value="default">Varsayılan Tema</option> <option value="dark">Koyu Tema</option> <option value="light">Aydınlık Tema</option> </select> <button onclick="changeTheme()">Temayı Değiştir</button> </div>Bu örnekle, kullanıcılar seçtikleri tema ile sayfayı yenileyebilir ve yeni temayı görebilirler.
{changeskin}Etiketini Kullanırken Dikkat Edilmesi Gerekenler:- Tema Dosyaları ve Yapısı:
{changeskin}etiketini kullanmadan önce,/templates/klasöründe uygun şekilde yapılandırılmış temaların olması gerekir. Bu temalar, şablonların görünümünü ve yapısını belirler.
- Tema Geçişi ve Kullanıcı Tarayıcı Hafızası:
- Tema geçişi yapıldığında, kullanıcı tarayıcı hafızasında yeni tema ayarlarını tutabilir. Bu ayarlara göre, kullanıcı siteyi tekrar ziyaret ettiğinde otomatik olarak son seçilen tema yüklenecektir.
Sonuç:
{changeskin}etiketinin kullanım amacı, kullanıcıların mevcut temalar arasında geçiş yapabilmesini sağlamaktır. Bu, sitenizin farklı tasarım seçenekleriyle özelleştirilmesine olanak tanır ve kullanıcıların tercihlerine göre deneyimlerini kişiselleştirmelerine imkan verir.
-
