EYLOS!…

Etiket bulutu nasıl yapılır ve header’a etkili bir title nasıl oluşturulur?

WordPress alt yapısana sahip olan blogum için aylardan beri header ve etiketleme için birşeyler yapmayı planlıyordum ama bir türlü fırsat bulamadım. Bende madem fırsat bulamıyorum o zaman boş kladıkça adım adım yaparım diye düşünmüştüm. WordPress alt yapısına sahip olan blogum için önce simple tagging eklentisini indirdim. Eklenti zip formatında gelidiği için önce sıkıştırılmış formattan çıkarıyoruz. Sonra olduğu gibi bir ftp programıyla pluging klasörünün içine atıyoruz. Daha sonra wordpress admin paneline geçip pluging veya paneliniz türkçeyse eklentiler kısmından eklentiyi aktif ediyorsunuz. Buraya kadar simple tagging eklentisinin nasıl download edildiğini ve wordpress sistemine nasıl kurulduğunu anlatmaya çalıştım. Bu arada simple tagging eklentisi sitenize etiket sistemini çalıştırmaya yarar. Gerçi wordpress yeni sürümünde bu eklenti hazır geliyormuş. Hani kullanmış olduğunuz wordpress yeniyse bu eklentiyi tekrar yüklemenize gerek kalmayacaktır. Buraya kadar eklentiyi yüklediğinizi ve aktif ettiğinizi düşünüyorum. Sıra geldi etiket bulutu oluşturmaya. Etiket bulutunun gözükmesini istediğiniz bir yere aşağıdaki kodu yerleştirin. Daha sonra yani stil dosyasını hazırladıktan sonra etiket bulutunun bulunduğu yeri beğenmesseniz kodları başka bier yere kopyalayabiliriniz.
Etiket bulutu kodu:

<?php if (class_exists(‘SimpleTagging’)) : ?>
<ul id =”tagcloud”>
<?php STP_Tagcloud(); ?>

<?php endif; ?>

Yukarıdaki etiket bulutu kodunu yerleştirdikten sonra stil dosyanıza yani .css dosynızı açıp aşağıdaki güzelim css kodlarını sayfanın en altına yapıştırın gitsin. Kodları yapıştırdıktan sonra sayfa görüntüsüne bakabilirsiniz.

CSS stil kodları:

ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

Eğer CSS kodlarını beğenmezseniz kod biliyorsnız zevkinize göre düzenlersiniz,yok eğer kod yazmayı bilmiyorsanız çok fazla zorlamayın çünkü zaten bu bu tarz çok kullanılan sade bir stildir. Bu arada etiket bulutu şuanda bende hata veriyor. Sorun %90 tema kaynaklı ama bilen varsa yardım bekliyorum.

Sıra geldi sitenin başlık kısmına. Arama motorları ile kardeş bir başlığa yani title sahip olmanız çok onemli bir konu. Eğer arama motorları ile dost bir siteniz olmazsa kendiniz yazıp kendiniz okursunuz veya iyi bir projeniz yoksa ciddi oranlarda reklam maliyetine katlanmak zorunda kalırsınız. Veya daha önce Volkan kardeşimin wp forum sitesinde aşağıdaki paylaştığı title kodlarını kullanabilirsiniz. Kodu kullanmak için wp admin panelinde temanızı seçip header dosyasını açıp title kodlarını sildikten sonra aşağıdaki kodları yapıştırıyorsunuz. Sonra sayfanızın başlığına baktığınızda yazı başlığınız çıktığını görecektsiniz. Ayrıca bu kodlar sayesinde arama motorları ile dost bir blog siteniz olacak. Bu arada bu işleri yaparken yedeğinizi almayı unutmayın sorumluluk kabul etmiyorum.
İşte title kodları;

<title><?php wp_title(''); if (function_exists('is_tag') and is_tag()) { ?><?php echo $tag; } if (is_archive()) { ?> Arşivleri<?php } elseif (is_search()) { ?> Arama: <?php echo $s; } if ( !(is_404()) && (is_search()) or (is_single()) or (is_page()) or (function_exists('is_tag') and is_tag()) or (is_archive()) ) { ?> | <?php } ?> <?php bloginfo('name'); ?><?php if ( is_home() ) { ?> - İşim gücüm Blog!<?php } ?></title>

Buraya kadar tamam bundan sonra yaptıklarımı tekrar anlatırım.