Tema Tasarım Rehberi #1

By husmen73 on Ağu 16, 2008 in Web Tasarım

Merhaba, bu dökümanda sizlere tema tasarımı hakkında bazı basit yönergeler sunacağım.

İçerik;
- Kodlama hataları ve öneriler
- Basite indirgenmiş kodlama
- Tasarım yönergeleri

Kodlama hataları ve öneriler
1- Öncelikle dikkat edilmesi gereken en önemli noktalardan biri XHTML hatalarıdır. Bu hataların doğrularını öğrenmek için XHTML Hataları ve Çözümleri isimli dökümana gözatabilirsiniz. Sitenizdeki XHTML hatalarını en yukarıdan çözmeye başlayın çünkü üstte kalan hatalar alttakileri tetikliyor olabilir . XHTML hatalarını Mozilla Firefox‘un HTML Validator eklentisi ile öğrenebilirsiniz. Bu hatalar bulunduğu sürece Simple Machines Tema Sitesine kesinlikle temalarınızı ekleyemezsiniz.

2- Gerektiği yerde gerekli kodları kullanmaktan kaçınmayın. table etiketi yerine div etiketini kullanmanın arama motorları tarafından daha iyi olduğu söylenir ancak yanlış bir bilgidir. Hangi kodların site düzenine uygun olduğunu seçerek kodlamaya başlayın. table etiketi ile düzenlenmesi gereken yerde div etiketleriyle uğraşmayın. Ayrıca arama motorlarına yardımcı olmak için dl, dt ve dd etiketlerinide kategorileri düzenlemek için kullanabilirsiniz. dl etiketi ile listeyi açıyoruz, dt etiketi ile kategori ismini (başlık) ekliyoruz ve dd etiketi ile de kategori açıklamamızı ekliyoruz. Bu şekilde düzenleme yapılan sitede bir nebzede olsa arama motorları için faydalı olacaktır. Bu konuda da hemen örnek olarak dl dt ve dd etiketlerini kullanalım.

<dl>
<dt>Genel Kategori</dt>
<dd>Genel Kategori içeriğini anlatan açıklamamız</dd>
<dt>Sıradan Kategori</dt>
<dd>Sıradan Kategori içeriğini anlatan açıklamamız</dd>
</dl>

Basite indirgenmiş kodlama
1- Bu konuyu örneklerle açıklarsam daha iyi olacaktır. Hemen basit bir kodlama yazalım.
Örnek 1:
Bir adet değişkenimiz olsun; $gelendeger

Code: (Uzun yazılımı)

<?php
if(empty($gelendeger))
echo ‘Gelen deger bos’;
else
echo ‘Gelen deger bos degil’;
?>

Code: (Önerilen basit kısa yazılımı)

<?php
empty($gelendeger) ? ‘Gelen deger bos’ : ‘Gelen deger bos degil’;
?>

Örnek 2:
İki adet değişkenimiz olsun; $gelendeger, $birsey

Code: (Uzun yazılımı)

<?php
if(empty($gelendeger))
$birsey = 1;
else
$birsey = 2;
?>

Code: (Önerilen basit kısa yazılımı)

<?php
empty($gelendeger) ? ($birsey = 1) : ($birsey = 2);
?>

Örnek 3:
Üç adet değişkenimiz olsun; $giris, $ziyaretci_adi, $kullanici_adi

Code: (Uzun yazılımı)

<?php
if(empty($giris))
echo ‘Merhaba’ . $ziyaretci_adi;
else
echo ‘Merhaba’ . $kullanici_adi;
?>

Code: (Önerilen basit kısa yazılımı)

<?php
empty($giris) ? ‘Merhaba’ . $ziyaretci_adi : ‘Merhaba’ . $kullanici_adi;
?>

Örneklerdeki kodun mantığını açıklayayım;

($koşul == 1) ? ’1. deger’ : ’2. deger’;

Bu tür kodlamalarda değişkenleride kullanmak isterseniz noktalara ve virgüllere dikkat etmelisiniz, hemen örnek veriyorum.
Yanlış: ($gelendeger == 1) ? ‘Gelen deger ‘, $gelendeger : ‘Gelen deger ‘,$gelendeger;
Doğrusu: ($gelendeger == 1) ? ‘Gelen deger ‘. $gelendeger : ‘Gelen deger ‘.$gelendeger;

Yanlış: echo ‘Sonuçlardan ‘ , ($gelendeger == 1) ? ‘Gelen deger ‘, $gelendeger : ‘Gelen deger ‘,$gelendeger , ‘ e eşitmiş’;
Doğrusu: echo ‘Sonuçlardan ‘ , ($gelendeger == 1) ? ‘Gelen deger ‘. $gelendeger : ‘Gelen deger ‘.$gelendeger , ‘ e eşitmiş’;

Sözlü olarakta kısaca şöyle anlatabilirim; bu tür kodlamayı kullanırken echo içinde yazdırmak için virgülle başlayıp virgülle kapatacaksınız. Eğer koşul için herhangi bir değişken kullanılacaksa bunlarıda nokta işareti ile yazmalısınız.

Bu kodlamada hata yaparsanız aşağıdaki iletiyi görürsünüz