Abilersin sitesi yarı ingilizce yarı çince :) bilginiz olsun.

Temayı çok fazla inceleyemedim, sorunlu bir yeri var mı bilmiyorum. kullandıkça görücez eksik gedik varmıymış. Gözünüze takılan şeyler varsa lütfen yorum alanında bahsedin.

Artık Gmail`in sunduğu sınırlı sayıdaki temalara bağımlı kalmak zorunda değilsiniz.

Ayarlar sayfasından Temalar bölümüne geçtiğinizde, tema listesinin en sonunda yer alan kendi renklerinizi seçin bölümünden Gmail`in görünümünü istediğiniz gibi değiştirebilirsiniz.

Design Disease tarafından hazırlanan bu temayı incelemek isterseniz;

• Demo Sayfası
• Resim Önizlemesi
• Temayı İndir

Önce TypeBased temasını indirebileceğiniz adresleri verelim; Türkçe – İngilizce. Şimdi lafı daha fazla uzatmadan yazımıza geçelim…

Öncelikle css dosyamızda düzenleme yapıyoruz.

TypeBased  temamıza ait style.css dosyasını açtıktan sonra post-meta h4 classını buluyoruz. Bu class alanında yazar için author, yorumlar için ise comments tanımlamaları bulunuyor. Biz buraya etiketler için tag, kategoriler için ise category tanımlamalarını ekleyeceğiz, tabi siz farklı isimlerde verebilirsiniz.

Etikeler için olan classın aynısından 2 tane kopyalıyoruz ve kopyaladıklarımızın birinde comments yazan yere tag, diğerinde ise category yazıyoruz.

.post-meta h4.tag {
background: url(images/icon_comment.gif) no-repeat right 4px;
}

.post-meta h4.category {
background: url(images/icon_comment.gif) no-repeat right 4px;
}

Şimdi sıra ikonları değiştirmeye geldi. Ben kategoriler için temanın kendi kategori ikonu olan icon_folder.gif dosyasını, etiketler için ise bilgisayarımdaki ikon arşivim içinden seçtiğim 63.png isimli resmi kullanmaya karar verdim. Etiketler için seçtiğiniz resmi temanızın bulunduğu dizindeki images dizinine koymayı unutmayın.

Şimdi bu resimleri css`imizde tanımlayalım. Az önce hazırladığımız class`lardaki resim yollarını bu yeni resimlerle değiştireceğiz.

.post-meta h4.tag {
background: url(images/63.png) no-repeat right 4px;
}

.post-meta h4.category {
background: url(images/icon_folder.gif) no-repeat right 4px;
}

Birde sayfamızda görünecek olan kategoriler ve etiketler birer bağlantı(link) şeklinde olacağı için onlara yeni class lar tanımladım, isterseniz sizde bu satırları css dosyanıza ekleyerek kullanabilirsiniz;

.post-meta h4.tag a {
color: #666666;
}

.post-meta h4.category a {
color: #666666;
}


Css`lerimiz hazır olduğuna göre şimdi kodalarımızı sayfamıza ekleme sırası geldi.

Bunun için öncelikle yazılarımızın gösterildiği sayfalarımıza bir bakalım;

Giriş sayfamız olan index.php, sadece tek bir yazımızın gösterildiği single.php, aram sonucu yazılarımızın gösterildiği search.php, kategori ve etiket gibi arşivlerin gösterildiği archive.php.

Bu sayfaların içinde tek tek düzenlemeler yapacağız ki tüm bu sayfalarda yazılarımızın yanında yazar adı ve yorum sayısı dışında kategorilerin ve etiketlerinde görüntülenmesini sağlayalım.

Bu sayfalara ekleyeceğimiz kodlarımız şu şekilde olacak.

Kategoriler için;
<h4 class="category"><?php the_category(', '); ?></h4>
Etiketler için;
<h4 class="tag"><?php the_tags('', ', ', ''); ?></h4>

Şimdi index.php dosyamızı not defteri yada herhangi bir text editor ile açalım ve <div class=”post-meta left-col”> satırını bulalım. Bu satırın hemen altında hali hazırda yazılarımıza ait yazar bilgisi ve yorumlar için bulunan şu satırları göreceksiniz.

<h4 class="author"><?php the_author_posts_link(); ?></h4>
<h4 class="comments"><a href="<?php comments_link(); ?>"><?php comments_number('0','1','%'); ?></a></h4>

Bu kod satırlarının ister altına ister aralarına kendi kodlarımızı ekleyeceğiz. Ben şöyle bir sıralama düşündüm siz kendinize göre düzenleyebilirsiniz.

1. Yazar(author)
2. kategori(category)
3. Yorumlar(comments)
4. Etiketler(tag)

Benim sıralamama göre yaparsanız kodlarda şu şekilde olmalı;

<h4 class="author"><?php the_author_posts_link(); ?></h4>
<h4 class="category"><?php the_category(', '); ?></h4>
<h4 class="comments"><a href="<?php comments_link(); ?>"><?php comments_number('0','1','%'); ?></a></h4>
<h4 class="tag"><?php the_tags('', ', ', ''); ?></h4>

index.php dosyasına yaptığımız bu değişikliklerin aynısını single.php, search.php ve archive.php dosyalarındada yapıyoruz.

Son olarak değişiklik yaptığımız tüm dosyaları ve etiketler bölümünde kullandığımız resmi web sitemizin bulunduğu sunucuya gönderiyoruz.
Artık tüm yazılarımızın yanında yazar bilgisi, kategoriler, yorum adedi ve etiketlerimiz görüntülenecektir.

Umarım benim gibi typebased temasını kullanıpta bu eksiklikten şikayet eden arkadaşlara yardımcı olabilmişimdir.

Aslında temayı değiştirmek falan aklımda yoktu, fakat bir arkadaşımın hazırladığı blog sayfası için tema ararken bu temayı gördüm ve açıkcası dayanamadım :) Bazı ufak düzenlemelerin ardından da Typebased teması istediğim kıvama gelmiş olacak.

Temayı beğenipte indirmek isteyenleriniz olursa diye burdan adresinide vereyim hemen;

• TypeBase Türkçe
  
• TypeBase İngilizce

Temanın güzel yanlarından bazıları;

• Kendi içinde Flickr`a özel Widget geliyor. Flickr kullanıcı bilgilerinizi girerek sidebar`da resimlerinizin gösterilmesini sağlayabiliyorsunuz.
• Birde reklam alanı yer alıyor Widget olarak. Yönetim panelinden reklam görselini ve adresini kendiniz belirliyebiliyorsunuz, en fazla 4 adet.
• Bunun dışında birden fazla stil dosyası mevcut yönetim panelinden istediğinizi seçiyorsunuz. Ben Default.css adıyla gelen standart stil dosyasını beğendim ve onu kullanıyorum.
• Ayrıca temayı indirdiğinizde PSD dosyasınıda indirmiş oluyorsunuz.

Gördüğüm ve en kısa zamanda gidermeyi düşündüğüm bir kaç eksikte var;

• Yazılarda etiketler görünmüyor, ne anasayfada nede yazının tamamının görüntülendiği sayfada.
• Yazılarda kategorilerde görünmüyor.
• Rss bağlantısı sayfanın altında yer alıyor, bir tanede yukarıya koymak istiyorum.
• Bu eksik temadan değil; Logomuz yok :) önceki temada sadece yazı vardı yukarıda ama bu tema için bir logo hazırlamam gerekicek.

Daha önce firefox kullanıcıları Stylish adındaki özel bir eklenti ile Gmail temalarını değiştirebiliyorlardı fakat bu sadece o eklentinin kurulu olduğu firefox tarayıcısında çalışıyordu. Yani farklı bir bilgisayardan girdiklerinde seçtikleri temayı kullanamıyorlardı.

Artık Gmail tema desteğini kendisi veriyor. Gmail hesabınıza giriş yaptıktan sonra Ayarlar sayfasında en sağda bulunan Temalar sekmesine geçerek listedeki temalardan istediğinizi seçebiliyorsunuz.

Bu işlem ardından Gmail hesabınıza hangi bilgisayardan veya tarayıcıdan girerseniz girin seçtiğiniz tema ile kullanıyorsunuz Gmail hesabınızı.

Ben inceledim ve çok beğendiğim 2 tema var;

• Parlak
• Gümüş Tonları

Temayı seçtiğinizde sol üstte bulunan Gmail logosuda temanıza göre değişiyor (hepsinde değil), buda ayrı bi hava katmış. Aşağıdaki resimde bu logolardan bazılarını görebilirsiniz.

Gmail Logolarından Bazıları

Birde şöyle birşey dikkatimi çekti belki bu sadece bende olmuştur bilmiyorum ama temaları tek tek denerken (bunun için temanın üzerine bir kez tıklamanız yeterli tema hemen uygulanıyor) birden bulunduğum şehri soran bir ekran çıktı. Ekranda üstte ülke alanı vardı, burda Türkiye seçili geldi, alt kısımda da şehir alanı vardı ve buraya şehir yazmamı istiyordu benden. İptal düğmesine basıp tekrar bir temaya tıklayınca yine aynı ekran geldi ve bende doldurup kaydet butonuna bastım ardından temaları denemeye devam edebildim.

Bu işlemin ardından temaların bulunduğu sayfanın en altında “Konumunuz İstanbul şeklinde ayarlanmıştır” yazan bir alan olduğunu farkettim (büyük ihtimalle işlem sonrasında geldi oraya). Hemen yanında da değiştir butonu yer alıyor isterseniz konumunuzu oraya basarak değiştirebiliyorsunuz.

Bana tuhaf gelen ise bu konum bilgisinin tema ile alakasını kuramayışımdır. Neyse tema deneticem ayağına kullanıcılarından o bilgiyide almış oluyorlar :)

Blogunuzdaki kategorilerin ve etiketlerin bir anda kaybolduğunu gördünüz. Bunun üzerine sinirle yönetim paneline girerek kategorileri ve etiketleri tekrar eklemeye karar verdiniz. Fakat oda ne eklemeye çalıştığınız herşeyin zaten var olduğuna dair bir uyarı alıyorsunuz. İyi, var ama nerde ???

İnternette bi süre arama yapınca bu sorunun eklentilerden olduğuna dair bir bilgiye ulaştım. Bunun üzerine tüm eklentileri kaldırdım fakat sonuç değişmedi. Bende son yaptığım değişiklikleri düşünmeye başladım.

1. Sağ kısıma bir metin alanı ekledim
2. favicon.ico dosyasını ekledim

Bunların dışında yaptığım önemli bir işlem yoktu. Bende aynı adımları geriye alınca sorunun düzeldiğini gördüm. Sonra sağ kısıma eklediğim metin alanını tekrar ekledim ve sorun yoktu.

Aradan kısa bir süre geçmiştiki siteme tekrar girince sorunun devam ettiğini gördüm, metin alanını bir kez daha kaldırdım ama sorun devam ediyordu.

Bu iki işlem haricinde bir değişiklik yapmamıştım. İki işlemide iptal ettim, eee sorun neden devam ediyordu. Biraz daha düşününce bir önceki temam olan Buggy temasının sağ kısmını bileşenlerle birlikte kullanabilmek için ufak bir kod müdahelesi gerçekleştirmiştim. O temayıda kullanmadığıma göre hosttan silebilirdim. Silme işleminin ardından kontrol ettiğimde her şey yerli yerine oturmuştu.

Neyseki son kullanmaya başladığım Librio temasının herhangi bir kod taraflı bir müdaheleye ihtiyacı yok. Şuan için sorunsuz bir şekilde blogum yayında. Umarım tekrar sorun yaşamam.

Bu tarz sorun yaşayan arkadaşlar şüphelendiğiniz tema ve eklentiyi sadece pasif hale getirmeyin mümkünse hostunuzdan silin. Bu arada favicon.ico dosyasını silince neden geçicide olsa sorun düzeldi hala anlamış değilim.

Librio - tr Teması

Librio isim bu temayı indirmek isterseniz WordPress`in Türkiye sitesindeki sayfasını ziyaret edebilirsiniz. WordPress`in diğer Türkçe temalarını görmek isterseniz burayı, WordPress temalarının Türkçeleştirmesiyle ilgileniyorsanız ve bu konuda detaylı bilgi almak isterseniz bu dosyayı indirip incelemenizi tavsiye ederim.

Daha önceki Buggy temamın sağ kolonunu bileşenlerle (Widget) kullanılabilir hale getirmiştim. Nasıl yaptığımı merak eden varsa İlk Yazı ve WordPress Kurulumu isimli yazıma göz atabilir. Ben uğraşamam diyorsanız söyleyin bu yazıya değiştirilmiş halini indirmeniz için ekliyeyim.

Öncelikle herkeze merhaba…

Birazdan okuyacağınız bu yazı sayfamın ilk yazısı olucak ama bu anlamda uygunmu bilemiyorum :) Neyse bir şekilde başlamak gerekiyordu belki birilerine ufakta olsa yardımı dokunur düşüncesindeyim. Tabi oturupta WordPress`in kurulumunu adım adım anlatmicam (zaten çok kolay ve internette yeterince kaynak var), daha çok tema değiştirme işlemi esnasında karşılaştıklarımı ve bulduğum çözümleri yazdım.

Bu arada bu WordPress`in 2. kez kurulması ve ilk yazıların derlenerek tek bir yazı haline getirilmesi sonucu bu yazı oluştu. Sebebine gelirsek gün içinde sorunsuzca çalışırken akşam eve gelip sayfama girdiğimde, kategorilerin ortadan kalktığını ve yazıların hepsinin etiketsiz ve kategorilenmemiş olarak listelendiğini gördüm. Yönetim panelinde kategoriler ve etiketler kısmındada hiç bir şey yoktu fakat yönetim panelinin girişinde kategori sayısı etiket sayısı gibi bilgiler doğru bir şekilde yazıyordu.

Aynı kategorileri tekrar eklemeye çalışınca bu kategori zaten var diye bir uyarı verdi :) Varda nerde :) neyse bunun üzerien herşeyi silip veritabanı dahil yeni ve sıfırdan bir kurulum gerçekleştirdim. Aynı sorun tekrar ederse bilmiyorum ne yapıcam :) belki daha eski sürümlerden birini kurarım WP`nin… Neyse yeterince uzun bir İLK yazı oldu zaten, daha fazla uzatmiyim, Siz okumaya devam edin sıkılmazsanız :)

aykutonen.com`un eski halini bilenler için söyliyim. O halini biraz aceleden hazırlamıştım ve en kısa zamanda bir blog sitesi haline getirmeyi düşünüyordum.

İşlerimin yoğunluğu sebebi ile kendim hazırlayamadım ve en yaygın olan alt yapıyı yani WordPress`i kullanmaya karar verdim.

İlk kurulum adımları çok kolaydı. Veritabanını oluşturduktan sonra, toplamda 1 dakika bile sürmedi sanırım :)

Kurulumun ardından tema arayışına girdim. Yakuter`in sitesindeki temalardan bir kaçını inceledim, tam birinde karar kılmıştım (BlueUzor) fakat hemen sonra vazgeçtim. Çünki sağ taraftaki kolonları düzenlemek benim gibi WP konusunda yeni olan biri için fazla karışık geldi. Hemde daha önce PHP ile yakından uzaktan tanışmamış biri olarak… (Asp.Net saolsun :) )

BlueUzor temasından da vazgeçince Hakkı Ceylan`ın WP temalarına baktım. Azpişmiş ve Buggy diye 2 adet tema vardı türkçeleştirilmiş olan. Ben Buggy isimli temayı çok beğendim, gözüme çok muzur bir havası varmış gibi geldi. Şimdilik bu temayı kullanmaya karar verdim.

Bu seferde bu temadaki sağ kolondada uyum sorunu olduğunu gördüm. Uyum sorunu derken bileşenleri kullanamıyordum. Widget denilen bir şey ingilizcesinde. Neyse bende Yakuter`in BlueUzor temasının sidebar.php dosyasını notpad ile açarak incelemeye başladım ve gözüme şu satırlar çarptı;

<?php     /* Widgetized sidebar, if you have the plugin installed. */

if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>

<?php endif; ?>

Bende bu satırları kendi temamdaki sidebar.php dosyasının içine;

<div id=”sidebar”>

……..

</div>

Etiketlerinin arasına yapıştırdım. Fakat bileşenler bölümü yine aktif değildi. Bunun üzerine diğer demanın dosyalarını biraz daha kurcalayınca function.php adında bir dosya oluduğunu farkettim. Bu dosya benim temamda yer almıyordu. İçini açıp baktığımda PHP ile yazılmış bazı functions ların olduğunu ve içlerinde Widget kelimesinin geçtiğini gördüm. Bunun üzerine Function.php dosyasını olduğu gibi kendi temamın içine dahil ettim ve yönetim paneline girerek bileşenler kısmına baktığımda herşeyin aktif olduğunu gördüm :)

Bir kaç css style ını değiştirince function.php dosyası içerisinde şuanki halini almış oldu. Sadece etiketler kısmını manuel ekledim çünki bileşenler kısmında en küçük ve en büyük yazı fontunun olduğu yeri bulamayınca temanın orjinalindeki satırları kullandım…

Ardından iletişim formu için arama yapınca “WP Contact Form” adında bir eklenti olduğunu öğrendim. Bunuda kurup iletişim sayfamıda hazırladıktan sonra headerda ufak bir değişiklik yaptım.

Sanırım şimdilik az çok yeterli bi hale getirdim temayı. İlerleyen günlerde ihtiyaçlar doğrultusunda değişiklikler yapıcağımı tahmin ediyorum. Bu değişiklikleride sizlerle buradan paylaşmaya devam edicem.

Unutmadan aklıma takılan bir şey var :) Yoruma izin verip vermemek ile ilgili bir seçenek var yönetim panelinde. Yoruma izin vermediğim sayfalarda yorum yazma alanı görünmeye devam ediyor, hemen altındada Bu sayfa yoruma kapalı yazıyor :) temadan dolayı olduğunu düşünüyorum.  Sanırım küçük bir if döngüsüyle halledilir ama php den hiç anlamadığım için biraz zaman alıcak sanırım.