Ö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:
Resimdeki kodları almak için tıklayın
Temamızın style.css dosyasının url sidir.
eğer başka stil dosyası eklemek istersek bu kodu girmemiz gerekir.
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 <div> 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 <?php bloginfo('description'); ?> kodunu yazdık.
- Oluşan kodu header isminde bir div tag içine koyduk.
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:
Resimdeki kodları almak için tıklayın
Kod:
<?php bloginfo('stylesheet_url'); ?>Temamızın style.css dosyasının url sidir.
Kod:
<?php bloginfo('stylesheet_directory'); ?>/dosya.csseğer başka stil dosyası eklemek istersek bu kodu girmemiz gerekir.
Kod:
<?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 <div> 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 <?php bloginfo('description'); ?> kodunu yazdık.
- Oluşan kodu header isminde bir div tag içine koyduk.
