Byumut » wp fonksiyonlarının kullanımı http://www.byumut.com " Sadece Yapamadıklarınızdan Pişman Olursunuz " Sun, 04 Jul 2010 11:17:29 +0000 en hourly 1 http://wordpress.org/?v=3.0 WordPress (Wp) Tema Yapımı 3 http://www.byumut.com/wordpress-wp-tema-yapimi-3/ http://www.byumut.com/wordpress-wp-tema-yapimi-3/#comments Thu, 25 Jun 2009 08:41:00 +0000 byumut http://www.byumut.com/?p=469 WordPress tema yapımı serimizin 3. bölümdeyiz . Çok yoğun üniversite ve iş hayatım yüzünden bloguma fazla zaman harcayamasamda sizlere gerekli gördüğüm paylaşımlarımı sunmaya gayret ediyorum . Şimdi gelelim bu bölümde öğreneceklerimize . Wp tema yapımı 1 ve Wp tema yapımı 2 derslerinde öğrendiklerimizin üstüne bu derste artık sitemizin içini doldurmaya başlıyoruz .

Blog başlık , url ve açıklamasının yazılması

WordPress Fonksiyon arşivim sayfasında sizlere daha önceden wp ' de kullanılabilecek fonksiyonları yazmıştım şimdi o fonksiyonları kullanmanınn zamanı geldi .

Blogumuzun adını (başlığını) ekrana yazdırmamız gerekiyor diyelim .
Blogumuzun index.php ksımını açıkıyoruz ve body tagları arasına şu kodları yazıyoruz .

PLAIN TEXT
PHP:
  1. <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>

bloginfo('name') bize blogumuzun adını çekiyorken bloginfo('url') bize blogumuzun url adresini çekiyor ve ekranda göstermemizi sağlıyor .

Ekran Görüntüsü :

Biz adımlarımızı biraz daha geliştirip buranın altınada blogumuzun açıklamasını yazmak istiyoruz o zaman kodları şu hale getirmemiz lazım .

PLAIN TEXT
PHP:
  1. <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
  2. <?php bloginfo('description'); ?>

bloginfo('description') bize blogumuz için belirlediğimiz açıklamamızı (sloganımızı) yazdırma imkanı sunuyor .

Ekran Görüntüsü :

İşte blogumuzun adını , url adresini ve açıklamasını aldık ve ekrana yazdık fakat şuanda çok şekilsiz görünüyor biraz bunu stillendirelim . Onun için index.php kısmına yazdığım kodları şu hale getiriyorum .

PLAIN TEXT
PHP:
  1. <div id="header">
  2.  <div id="blogadi">
  3.      <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
  4.  </div>
  5.   <div id="blogaciklama">
  6.       <?php bloginfo('description'); ?>
  7.    </div>
  8. </div>

gerekli xhtml , html kodlamaları ekledim şimdi style.css dosyasına geçiyorum ve bunlara biraz style kazandırıyorum .

style.css dosyamızı şu hale getirelim :

PLAIN TEXT
PHP:
  1. /* 
  2. Theme Name: İlk Tema
  3. Theme URI: http://www.byumut.com
  4. Description: Byumut ilk Tema
  5. Version: 1.0
  6. Author: UMUT CETİNKAYA
  7. Author URI: http://www.byumut.com
  9. */
  10. body{
  11. margin:2px;
  12. }
  13. #header{
  14. border:1px solid silver;
  15. background-color:#F0F0F0;
  16. padding:5px;
  17. font-family:"Verdana"; 
  18. }
  19. #header #blogadi{
  20. font-size:25px;
  21. color:#330033;
  22. }
  23. #header #blogadi a{
  24. text-decoration:none;
  25. color:#990000;
  26. }
  27. #header #bloaciklama{
  28. width:100%;
  29. color:#A6A6A6;
  30. }

Ekran Görüntüsü :

son ekran görüntüsü

]]> http://www.byumut.com/wordpress-wp-tema-yapimi-3/feed/ 3