10.08 | Wordpress Tema İpuçları - 1

- Wordpress sistemini uzun süredir kullanıyorum ve benim gibi milyonlarca kişi bu sistem sayesinde web üzerinde fikirlerini gerçekleştirmenin yolunu bulmuş durumda. Artık acemilik evresini atlatıp sürekli eklenti aramaktan bıkmış olanlar Wordpress‘in özelliklerini öğrenerek aslında eklentiye ihtiyaç duymadan ne kadar kolay şekilde, istediklerini yapabileceklerini bu yazının 1.bölümüyle anlatmaya çalışacağım.

Kaynak: http://codex.wordpress.org/Customizing_the_Read_More

- İlk sırada MORE etiketinin kullanımı yer almakta. halen bunun nasıl yapıldığını bilemeyenler mevcut. Kısaca ne olduğuna değinelim…

Tanımı:

MORE: İster Zengin metin editörünüzdeki more tuşuna, isterseniz HTML editörünüzdeki more butonuna basarak yazı alanımıza eklediğimiz bu kod;

1	<!--more-->

yazımızı istediğimiz noktada kesmemize yazdımcı olmakta. Devamını oku, Devamı, Yazının Devamı şeklinde sitelerin anasayfasında, arşiv veya arama sayfalarında gördüğümüz bağlantıları sağlamakta. Bu şekilde yazdığınız yazıyı istediğiniz yerden keserek belli bir noktaya kadar okunmasını sağlamaktasınız. Eğer yazının devamını okunması isteniyorsa Devamını Oku bağlantısına tıklayan ziyaretçinin yazının tamamına ulaşması sağlanır.

Kullanımı:
- More etiketinin aktif olmabilmesi için tema dosyalarınızda;

1
2
3
4

<?php the_content('Read on...'); ?>
<?php the_content('<span class="moretext">...on the edge of your seat? Click here to solve the  mystery.</span>'); ?>
<?php the_content("...continue reading the story called " . get_the_title('', '', false)); ?>
<?php the_content('Read more...<img src="/images/leaf.gif" alt="read more" title="Read more..." />'); ?>

yukarıdaki gibi kodların 1 tanesinin olması gerekiyor. Yani the_content() kodunun bulunması gerekmektedir. Eğer yazılarınızda MORE etiketi kullanıyor ve devamını oku ve benzeri bağlantılar oluşmuyorsa bu kodları arayacağınız yerler,

• Anasayfanızda: index.php
• Arşiv Sayfalarında : archive.php
• Arama Sayfalarında : search.php

yukarıda belirtilen dosyalardır. Bu dosyalar temadan temaya değişmekle beraber genel olarak bu isimleri taşımak zorundadır. Dosyalarda the_excerpt() kodunu arayarak bu kodu yerine yukarıda verilen kodlardan birini yazmalısınız. Bu sayede yazınız istediğiniz noktadan kesilerek gösterimi sağlanır.

More Kullanımı:
- Her yazıya farklı bir Devamını oku bağlantı adı atayabilirsiniz. Bunun için yapmanız gereken. Yazı editöründe MORE etiketi ekledikten sonra;

1

<!--more Bağlantı isminde görünmesini istediğiniz yazı -->

more kodundan sonra istediğiniz yazıyı yazmanız yeterli. SOnuç olarak yukarıdaki gibi yazıp yayımladığınızda; Bağlantı isminde görünmesini istediğiniz yazı şekilde bağlantı ismi oluşacaktır…

Kaynak: http://codex.wordpress.org/Include_Tags

Tanımı

Sidebar olarak adlandırdığımız aslında isminden de anlaşılacağı gibi Yan Menülerimiz için kullandığımız genel isimden başkası değil. Özellikle çok kolonlu temalarda birden çok sidebar mevcut ise bunları tek bir sidebar.php dosyası üzerinde toparlamak oldukça zor, hele ki biri sağ diğeri sol tarafta ise..

Kulanımı:
- Temaların yan menülerinin bulunduğu tema dosyası çoğunlukla sidebar.php‘dir. Yukarıda belirttiğim gibi birden çok yanmenü mevcutsa sidebar.php içersinde bu farklı yanmenülerin adları yazılarak çağırılırlar.
- örneğin, Sol ve sağ tarafta olmak üzere 2 yan menümüz var. Bu yan menüleri şu ana kadar hep sidebar.php dosyası içersine;

1
2
3

<?php include (TEMPLATEPATH . '/solsidebar.php'); ?>
yada
<?php include (TEMPLATEPATH . '/sagsidebar.php'); ?>

şeklinde tanıtmak zorunda kalıyorduk.

- Wordpress ekibi 2.5 sürümünden itibaren buna bir kolaylık getirerek include metodunun makyajlanmış hali kullanılarak yan menülerin isimlerini sol - sağ şeklinde isimler vererek sitemizde istediğimiz yere eklememizi sağlayacak sistemi entegre etmiş. Sistemin çalışma şekli:

1 Bir solda birde sağda 2 adet yan menümüzü temamıza entegre edeceğiz. Sol menümüzü sidebar.php olarak kullanmaktayız.
2 Sağ yan menümüzü ise temamızın sağ tarafında kullanacağız. Dosyamızın adını sidebar-right.php olarak isimlendirdik.
3 Yanmenülerimizin görünmesi istediğimiz yerlere sidebar ve sidebar-right dosyalarımızı eklememiz gerekmekte. index.php, single.php, page.php, archive.php, search.php dosyalarından hepsi yada bir tanesi olabilir.

1

<?php get_sidebar(); ?>

- get_sidebar koduyla sidebar.php dosyasını temamıza entegre etmiş olmaktayız.

1

<?php get_sidebar('right'); ?>

- get_sidebar(’right‘), right yazarak sidebar-right.php ‘yide temamıza entegre etmiş oluyoruz. Sadece right yazmamız yeterli…

Kaynak: http://codex.wordpress.org/Using_the_gallery_shortcode

Tanımı:
- Wordpress 2.5′in nimetlerinden biride medya ekle özelliğinin eklenmesiydi. Bu sayede resim, müzik, ses ekleyebiliyorduk. En çok resim ekleme galeri oluşturma özelliğinden yararlanmaktayız. Bu özelliği yoğun olarak kullanmıyorsanız;

* Yazı eklerken, Medya Ekle bölümüne tıkladığımızda çıkan medya yükleme bölümünü kullanarak resimlerimizi önceden belirlediğimiz klasöre küçük resim, orta boy resim ve tam boy resim olarak kaydetmekteyiz. Eğer bu resimleri kullanarak yazımıza galeri eklemek istersek;

Medya Ekle- Bir Resim Ekle bağlantısını kullanarak karşımıza çıkan yükleme ekranında resimlerimizi yükledikten sonra üst menüdeki Galeri sekmesini kullanarak Yazıya Galeri Ekle tuşu yardımıyla yazımıza;

1

[gallery]

kodunu ekleyerek eklediğimiz tüm resimleri bu yazıya bağlamış olmaktayız. Bu yazıyı yayınladığımızda sadece bu yazıda atadığımız resimlerin oluşturduğu galeriyi görebilmekteyiz.

Galeri Kullanım Detayları:
* columns - id - size - orderby - itemtag - icontag - captiontag parametrelerini inceleyelim.

- Sütun Sayısı: Galerimize eklediğimiz resimlerin 4 sütunda görüntülenmesini istersek;

1

[gallery columns="4"]

columns=”4″ bölümünü eklememiz yeterli. 3 istersek, 4 yerine 3 rakamı yazmamız yeterli.

- Galeri Numarası: Aslında bu numara galeriyi eklediğimiz yazının numarasıdır. 123 numaralı yazıya eklediğimiz galeriyi istediğimiz başka yazıdada göstermek istersek aşağıdaki şekliyle kullanabilmekteyiz. Diğer güzel yanı ise tek bir sayfada Galeri oluşturup istediğimiz yazıların galerini burada göstertebiliriz.

1

[gallery id="123"]

- Resim Boyutu: Yukarıdada belirttiğim gibi resimler Tam, orta ve küçük boy olmak üzere 3 farklı ebatta saklanmakta. Galeride görünmesini istediğiniz ebatı şeçmek için;

1

[gallery size="medium"]

*”medium” yerine yazabilecekleriniz: “thumbnail”, “medium” ve “full” seçeneklerinide kullanabilirsiniz.

- orderby: Sadece küçük resimlerin sıralamasında kullnılmakta. Varsayılan olarak ASC
- itemtag : Galerinin başlangıç ve bitiş etiketlerini belirtir. Varsayılan dl
- icontag : Her bir küçültülmüş resmin başlangıç ve bitiş etiketlerini belirtir. Varsayılan dt
- captiontag : her bir resme eklediğiniz açıklama yada notun resmin neresinde çıkmasını belirlediğiniz etiketi belirtir. Varsayılan dd

1

[gallery itemtag="div" icontag="span" captiontag="p"]

- örnek kodda görülen etiketleri kullanarak sistem galerimizi oluşturmaktadır. div, span ve p kullanılmış.

- Eğer siz her yazınızda ben bu kodları eklemeden de galerilerim oluşsun diye düşünebilirsiniz. Bununda kolay yolu mevcut. Sitenizde her yazıya ait galerinin görünmesini sağlamak için wordpress loop içersine aşağıdaki kodu yukarıda açıkladığım parametreleri tek bir sefer yazarak otomatikman yazıya atanmış resimlerden oluşan galerinin görüntülenmesini sağlayabilirsiniz.

1

 <?php echo do_shortcode('[gallery option1="value1"]'); ?>

* option1 yerine yukarıda açıkladığım columns - id - size - orderby - itemtag - icontag - captiontag parametrelerini kullanabilirsiniz.
* value1 yerine ise yukarıdaki parametrelere uygun numara yada etiketi atayabilirsiniz.

- Örnek olarak 7 sütunlu bir galerinin otomatikman her yazı için oluşmasını isterseniz;

1

 <?php echo do_shortcode('[gallery columns="7"]'); ?>

yazmanız yeterli….