Web tasarım rehberi - İçindekiler
WordPress temelde bir blog platformu olmasına rağmen, o kadar gelişmiş ve esnek bir yapıya sahiptir ki tıpkı bir "içerik yönetim sistemi" olarak da kullanılabilir. İçerik yönetim sistemlerinin ne olduğunu öğrenmek için kitabımızın ilk bölümüne göz atabilirsiniz. WordPress, dilerseniz içinde hiç blog olmayan bir haber sitesini ya da dergi tarzında bir siteyi yönetmek için kullanılabilir. Bunun için birçoğu ücretli olan "premium" temalardan faydalanabilirsiniz.
Premium temalar WordPress'in sınırlarını zorlayan ve olası
tüm özellikleri kullanan, gelişmiş temalardır. Ayrıca dergi ya da portal tarzında bir web sitesi yapmak için dergi stili (magazine
style) temaları kullanabilirsiniz. Dergi stili temalarda genellikle bazı haberleri resimlerle öne çıkarmak için WordPress'in "özel alan" özelliği kullanılır. Bu özelliği nasıl kullanacağınızı anlatabilmek için ücretsiz dergi stili temalardan biri olan Small Magazine temasını kullanacağız.
Bu temanın bileşenli kenar çubuğu, 125x125 reklam alanları, 250x250 Ad-Sense alanı, bütünleşik Flickr ve Gravatar desteği gibi özellikleri mevcut. Premium temaların kullanımları genellikle birbirinden farklıdır ve bu tip temaların detaylı birer kullanım kılavuzu vardır, ama özel alanları bu temalarda sıklıkla ve benzer şekillerde kullanacağınızı söyleyebiliriz. www.gabfire.com/small-magazinewordpress-theme/ adresine girip Download başlığı altındaki Small Magazine linkine tıklayın. İndirdiğiniz .zip dosyasını genişletin.
Dosyanın içinden çıkan smallmagazine klasörünü wp-content/themes klasörüne upload edin. Plugins klasörü altındaki eklentileriyse wp-content/plugins klasörüne upload edin. Yönetim panelinden Eklentiler'e girip flickrRSS ve WP-PageNavi eklentilerini etkinleştirin. (Fotoğraf albümü özelliğini kullanmak istemiyorsanız ve Flickr hesabınız yoksa flickrRSS'i etkinleştirmeyebilirsiniz.) Flickr (www.flickr.com) popüler bir resim paylaşım servisidir ve bu temanın fotoğraf galerisi özelliğini kullanarak Flickr hesabınızdaki son resimleri görüntüleyebilirsiniz.
flickrRSS'i yapılandırmak için Ayarlar menüsünden flickRSS'e girin. ID Number alanına Flickr ID'nizi yazmalısınız. ID'nizi bilmiyorsanız http://idgettr.com/ adresine fotoğraf albümü adresinizi yazarak ID'nizi öğrenebilirsiniz. ID'nizi yapıştırdıktan sonra Display ayarlarını user – 7 – square olarak ayarlayın. Diğer ayarları değiştirmeden Save Settings'e tıklayın.
İçerik yönetim sistemi olarak WordPress (2)
Şimdi Görünüm menüsünden Temalar'a tıklayıp "Mehmet Ozekinci tarafından MyStyle 1.0" temasını etkinleştirin. Sıra geldi hangi kategorilerin nerede görüneceğini belirlemeye. Göze Çarpanlar, İnternet, Yazılım ve Mobil adlarında dört kategori oluşturduğunuzu varsayalım. 3 haberin yer aldığı üst kısımda (Featured entries) Göze Çarpanlar'ı, Entertainment başlıklı sol sütunda İnternet haberlerini, sağ sütunda da diğer haberleri (Yazılım ve Mobil) göstermek istediğinizi düşünelim. Bunun için öncelikleri kategorilerinizin ID'lerini öğrenmeniz gerekiyor.
Kategorilerin ID'lerini öğrenmek için Yazılar menüsünden Kategoriler'e tıklayın. Kategori listesinden fareyle bir kategorinin üstüne geldiğinizde tarayıcınızın alt çubuğunda beliren adresin sonuna dikkat edin: cat_ID=1 şeklinde bitecektir. İşte buradaki 1 (ya da sizde hangi sayı görünüyorsa) o kategorinin ID numarasıdır. Bu şekilde tüm kategorilerin ID'lerini öğrenip bir kenara not edin. Şimdi görünüm menüsünden Editör'ü açın ve Şablonlar listesinden Ana İndeks Şablonu'nu seçin. Açılan sayfada şöyle iki satır göreceksiniz:
Buradaki cat=3 değerini sizin en üstte görmek istediğiniz kategorinin ID'siyle değiştirmeniz gerekiyor. Eliniz değmişken "Featured entries" başlığını da Türkçeleştirebilirsiniz. Örneğin:
Sol sütundaki haberleri için şu satırları değiştirmeniz gerekiyor:
Son olarak sağdaki sütunu oluşturan satırları buluyoruz:
Bu sefer cat değerine diğer tüm kategorilerimizin ID'lerini virgülle ayırarak girmemiz gerekiyor:
İçerik yönetim sistemi olarak WordPress (3)
Şimdi dosyayı kaydedip sitenize göz attığınızda haberlerin doğru yerlere yerleştiğini, ama henüz resimlerin olmadığını fark edeceksiniz. Resimleri eklemek için WordPress'in "özel alan" özelliğini kullanacağız. Bunun için Yazılar menüsünden Düzenle'yi seçip Göze Çarpanlar kategorisindeki son haberlerden birini açın. Üst kısım için yükleyeceğiniz resimlerin
boyutu 275x120 piksel olmalıdır. Bu ölçülerde bir resmi önceden Photoshop ya da GIMP gibi bir programda hazırlamalısınız. Yükle/Ekle çubuğundan resim yüklemeyi seçerek hazırladığınız resmi WordPress'e yükleyin.
Bağlantı adresi kutusundaki adresin tamamını kopyalayın ve kutuyu kapatın. Sayfanın altına giderek Özel Alanlar başlıklı kutuyu bulun. İsim kısmına "top" yazın, Değer kısmına da resim adresini yapıştırın ve "Özel alan ekle" düğmesine tıklayın. Bundan sonra özel alanları kullandığınızda "top" ismini kısayol
listesinden seçebileceksiniz. Sitenize tekrar girdiğinizde ilk haberin resminin eklenmiş olduğunu göreceksiniz.
Aynı işlemi Göze Çarpanlar kategorisindeki diğer yazılar için de gerçekleştirin. Sol sütunda yayımladığımız İnternet haberleri içinse önerilen resim boyutu 295x105 piksel. Bu boyutlarda resimlerinizi hazırladıktan sonra aynen yukarıda anlattığımız şekilde yazılarınıza yükleyin, ama bu sefer özel alan eklerken "Yeni" girin düğmesine tıklayın İsim alanına "bottom" yazın. Bu şekilde sol sütuna da resimlerinizi ekleyebilirsiniz.