Wordpress Tema Yapımı - 3

Önceki dersimizde sayfa yapısı üzerinde durmuştuk. Bu dersimizde index.php ye başlıyoruz.

Önceki dersimizde sayfa yapısı üzerinde durmuştuk. Bu dersimizde index.php ye başlıyoruz.

index.php'ye başlıyoruz

- Öncelikle wordpress'te "wp-content/themes/" dizinine yeni bir klasör oluşturuyoruz. İsmini temanıza ne isim verecekseniz değiştirebilirsiniz. Ben 'sanalkurs' verdim.
- Sonra yönetici bölümüne geliyoruz.
- Tasarım kısmına giriyoruz. Orada temamıza ayrılmış kısmı göreceğiz.
- Sonra yeni temayı etkinleştiriyoruz.
- Ve kodlamaya başlıyoruz.

Kodlama:







<?php  bloginfo('stylesheet_url'); ?> ?>



Temamızın style.css dosyasının url sidir.





<?php  bloginfo('stylesheet_directory'); ?>/dosya.css ?>



eğer başka stil dosyası eklemek istersek bu kodu girmemiz gerekir.





<?php  bloginfo(); ?> ?>



komutu wordpressin versiyonu,ismi,rss urlsi,tema dizini,css dizini vs. gibi şeylerin gösterilmesinde kullanılır.

Kodlarımızı body taglarının arasına yazıyoruz.

Şimdi blogumuzun ismini gösterelim.



kodunu kullanıyoruz.

Görünümü aşağıdaki gibi.






Şimdi bu yazıyı büyütüp anasayfa linkini verelim.








Şimdi blogumuzun açıklamasını ekleyelim. Açıklamayı 'description' koduyla sağlıyoruz







Şimdi
taglarıda katalım. Div tagındaki değişikliği style.css dosyasındaki kodlarla sağlarız.

Header isimli bir div oluşturup bu kodları header divinde gözükecek şekilde yerleştirelim. Küçük bir not. Div taglara isim verirken id ve class arasındaki farka dikkat edin. Id sadece bir kere kullanılmaya izin verir. Class ise sınırsız kullanılabilir.



Div tag ekledik ama değişiklik olmadı çünkü div taga bir stil vermedik.




Neler Yaptık:

- Önce blog ismini gösterdik.
- Sonra ismin anasayfaya link olmasını ve boyutunun h1 boyutunda olmasını sağladık.
- Blogun açıklamasınında gözükmesi için kodunu yazdık.
- Oluşan kodu header isminde bir div tag içine koyduk.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Arkadaşım iyi güzel de kodları resim formatında değil [ code ] etiketi arasında yayınlarsan ders daha anlaşılır olacaktır.
Ders ekle önizlemesinde kodlar biraz acayip çıktığı için böyle bi şey yaptım. Yani burda gözükenle orda gözüken aynı değil.
kodlar olsunda nasıl olurlarsa olsunlar :D

Yukarı Git