Yani bir çeşit beta olarak adlandırılabilir. Burada özellikle tarafımdan ençok beğenilen temalara yer vereceğim.
Şuan için sadece WordPress temalarına yer verdiğim galerinin alt yapısı WordPress 2.6 sürümü ile destekleniyor. Bu sayede 2.6 sürümünü de test etme olasılığı buldum ve gördüğüm kadarıyla WordPress geliştiricileri 2.6 sürümü ile kurulum klasörünün boyutu büyütülmüş. WordPress 2.6 sürümünü .zip’li dosya olarak indirdiğimde yaklaşık olarak 1.5Mb boyutu var iken .zipten çıkardıktan sonra 4.36Mb boyutuna çıkıyor.

Geçmişte özellikle küçük boyutlarda dosyalarla kurulumu ile dikkatimi çeken WordPress artık her yeni sürümü ile yeni özellikleri ile de boyutunu doğal olarak şişiriyor. Yoksa WordPress Joomla gibi olma yoluna mı gidiyor. Sonuçta Joomla portal bir sistem olduğu için ihtiyaç duyduğu özellikler itibariyle boyutuda büyük.

Neyse WordPress’in 2.6 sürümü ile kurmuş olduğum http://tema.sanalduvar.com adresindeki galeri için WordPress kurulumu tamamlandığı andan itibaren temaların ve eklentilerin bulunduğu menülerde otomatik olarak yeni seçenekler bulunuyor. Mesela tema bölümünde 4 sayfa kadar otomatik yeni temalar geliyor, ancak haliyle İngilizce olarak. Eklentiler sekmesinde ise yeni eklentiler mevcut.
Fakat bunları görebilmek için blogunu hotsunuza kurmanız gerekiyor. Yani bilgisayarımda oluşturduğum sanal severa kurduğumda görme imkanım olmuyor. Sanki host hesabımıza WordPress’i kurarken otomatik olarak bu eklerde başka bir yerden yükleniyor. Haliyle gelen bu yeni temalar boyutu şişiriyor olmalı, aslında buna bakmadım fakat ftp ile galeri için düzenlediğim yeni temanın dosyalarını atmak için temalar klasörüne girdiğimde gereğinden fazla tema ile karşılaştım yani bu da demek oluyor ki WordPress 2.6 sürümünü kurarken başka bir adresten ekler otomatik olarak yükleniyor. Çünkü kurulum klasörlerinde bu temalardan eser yok, sadece her zamanki gibi “default” ve “classic” temaları görünüyor.
Gereksiz şişirmeden kurtulmak için sadece işime yarayacak galeri temamı ve “default” temasını bırakmayı tercih ettim.
WordPress 2.6 sürümünden edindiğim tecrübeler şuan için bu kadar. Bu arada Türkçe tema galerim umarım faydalı olur.

Tabi bu arada yeni bir proje olarak SanalDuvar için çalışmalar devam ediyor. Planımda SanalDuvar’ın bir alt adresi olarak tema galerisi yayınlamayı düşünüyorum. Burada beğenmiş olduğum WordPress ve Joomla 1.5 temalarını Türkçeleştirip yayınlamayı düşünüyorum. Tabi bu çalışmalarda bulunacak SanalDuvar bağlantısı da şifrelenmiş olacak(bu bilgiyi vermemdeki amaç çalıntı içerik yapmaya alışmış sahısların sevincini kursağında bırakmak ) Bunun yanında birde fotoğraf galerisi düşünüyorum. Şuan için mevcut fakat aktif olarak sizlerle paylaşmıyorum, biraz daha geliştirmeyi düşünüyorum ya da alternatif arıyorum.

Haa tabi burada fırsattım bulduğum da dinlemekten bıkmadığım Serdar ORTAÇ’ın yeni albümü de güzel gidiyor, en çok hoşuma giden de Gram adlı şarkısı gayet eğlenceli olduğunu düşünüyorum. Bu adam Türk insanın nabzını iyi biliyor ve ona göre şerbeti veriyor.

Sözlerime son veriyorken herkese iyi tatiller diliyorum. Her ne kadar tatilde olsa çalışmalara devam diyorum!

Videolu tanıtımı seyretmek ve ayrınlıbı bilgi edinmek için burayı tıklayın!

WordPress 2.6 Kararlı Sürüm

Öncelikle kullandığımız temanın “comment.php” adlı dosyasını açıyoruz. Bu dosya adından da anlaşılacağı gibi temamızın yorum bölümüne ait düzenlemeyi gerçekleştirmemize yarıyor. Şimdi aşağıdaki işlemleri sırasıyla yerine getirelim.

<?php echo get_avatar( $comment, 32 ); ?>

Yukarıda verdiğim kodu bu dosya içindeki aşağıdaki kodun altına yapıştırın.

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Yani şöyle olacak!

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
	<?php echo get_avatar( $comment, 32 ); ?>
	<cite><?php comment_author_link() ?></cite>
	<?php if ($comment->comment_approved == '0') : ?>

Bu yaptığımız avatarın görüntülenmesi için yeterli fakat hoş bir görüntü için biraz düzenlemekte gerek var diye düşünüyorum. Katılıyorsanız aşağıdaki işlemleri yapmaya devam edin.

“style.css” dosyasını açın ve sayfanın en altına aşağıdaki kodu yapıştırın.

.commentlist li .avatar {
	float: right; /*(avatarınızı sağa yaslamanızı sağlar.)*/
	border: 1px solid #eee; /*(avatarınızın etrafında 1px lik bir çizgi oluşturur ve rengi de #eee olur.)*/
	padding: 2px; /*(avatarınız etrafında 2px lik bir çerçeve oluşturur.)*/
	background: #fff; /*(oluşturduğunuz çerçeve ile avatarınızın arka plan rengini oluşturur.)*/
	}

Bu işlem sonunda avatar benim sayfamdaki konumda görüntülenecektir. Aşağıda da bir örnek görüntü vereyim.(Sizi yorum yapmaya zorlamayayım )

Elimden geldikçe basit anlatmaya çalıştım. Kafanıza takılan sorularınızı aşağıda belirtin ki aynı sorunlarla karşılaşanlar da çözümlerden faydalanabilsinler.

Tamanın görünümü aşağıdaki gibidir.

Nishita-Tr Teması

Demosunu görüntülemek için buraya tıklayın.

Başlıktan da anlaşılacağı gibi şimdi bahsedeceğim eklenti sayesinde sitenize akordiyon menü yapabilirsiniz. Beş çeşit akordiyon menünün kodlarını elde edebilirsiniz. Jörn Zaefferer‘in yazısında gördüğüm bu jQuery eklentisini inceledim ve daha önce görmediğim sıra dışı akordiyon menülerin olduğunu gördüm. Hatta beğendiğim bir tanesinini kodlarını ayırıp WordPress “Default” temasında denedim. “#list2″ olarak adlandırılan akordiyon menünün bahsettiğim temanın sidebar.php dosyasına uygun hale getirdim.

jQuery akordiyon menü eklentisini indirmek için şuradaki sayfayı ziyaret edebilirsiniz.

Şimdi gelelim WordPress’in “Default” taması için uyarladığım #list2 olarak adlandırılan menünün kodlarına ve sayfaya yerleştirilmesine;

Önelikle yukarıda belittiğim sayfadan gerekli dosyaları indirin ve .zipli dosyadan çıkarın.

Klasörün içindeki “lib” klasörünü ve “jquery.accordion.js” dosyasını temanın içine atın.( gerekli .js dosyalarımızı elde ettik)

Şimdi de gerekli kodlara sıra geldi.

Bir metin editörü açın ve içine aşağıdaki kodları yapıştırıp menu.css olarak kaydedin.

fieldset { padding: 0px; }
legend { font-weight: bold; }

pre { margin-bottom: 1em; }
li { list-style-type: none; }
#list2 { width:195px; }

#list2 {
height: 210px;
border: 1px solid #eee;
overflow: hidden;
}
#list2 .red {
height:25px;
font-size:20px;
width:195px;
color: #ffffff;
background-color: red;
}
#list2 .green {
height:25px;
font-size:20px;
width:195px;
color: #ffffff;
background-color: green;
}
#list2 .blue {
height:25px;
font-size:20px;
width:195px;
color: #ffffff;
background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

}

Evet gerekli stil dosyamızıda oluşturduk. Bu dosyayıda tema klasörünün içine atıyoruz.

Şimdi de dosyalarınımı çapırmaya geldi. Tema klasöründeki head.php dosyasını açıpyoruz ve <head> </head> taglerinin arasına aşağıdaki kodu yapıştırıyoruz.

<!-- Akordiyon Menü -->
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/lib/jquery.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/lib/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/lib/jquery.easing.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/lib/jquery.dimensions.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery.accordion.js"></script>
	<script type="text/javascript">
	jQuery().ready(function(){
		// highly customized accordion
		jQuery('#list2').accordion({
			event: 'mouseover',
			active: '.selected',
			selectedClass: 'active',
			animated: "bounceslide",
			header: "dt"
		}).bind("change.ui-accordion", function(event, ui) {
			jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log');
		});
		// bind to change event of select to control first and seconds accordion
		// similar to tab's plugin triggerTab(), without an extra method
		var accordions = jQuery('#list2');
		jQuery('#switch select').change(function() {
			accordions.accordion("activate", this.selectedIndex-1 );
		});
		jQuery('#close').click(function() {
			accordions.accordion("activate", -1);
		});
		jQuery('#switch2').change(function() {
			accordions.accordion("activate", this.value);
		});
		jQuery('#enable').click(function() {
			accordions.accordion("enable");
		});
		jQuery('#disable').click(function() {
			accordions.accordion("disable");
		});
		jQuery('#remove').click(function() {
			accordions.accordion("destroy");
			wizardButtons.unbind("click");
		});
	});
	</script>
<!-- Akordiyon Menü-->

Bu işlemi de tamamladıktan sonra temamızda görüntüleme işi kaldı. Bunun için sidebar.php dosyamızı açıyoruz ve yan menüden sonra görüntülemek istiyorsak oryada aşağıdaki kodları yağıştırıyoruz.

<!-- Akordiyon Menü -->
	<fieldset>
		<legend>Akordiyon deneme</legend>
		<dl id="list2">
			<dt class="red">Kırmızı</dt>
			<dd>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
			</dd>
			<dt class="green selected">Yeşil</dt>
			<dd>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
			</dd>
			<dt class="blue">Mavi</dt>
			<dd>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
				Buraya ekleme yapın. <BR>
			</dd>
		</dl>
	</fieldset>
<!-- Akordiyon Menü -->

İşte menümüz hazır. yukarıda belirttiğim “ Buraya ekleme yapın.” yerine isterseniz metin girebilir yada göstermek istediğiniz menün kodlarını yapıştırabilirsiniz. Mesela arşivinizi aylara göre görüntülemek istiyorsanız bu cümllerin yerine aşağıdaki kodu girebilirsiniz.

<?php wp_get_archives('type=monthly'); ?>

Çalışmamızın sonunda elde edeceğimiz çıktı aşağıdaki gibi olması gerekiyor.

Mümkün oldukça basite indirgeyerek anlatmaya çalıştım umarım faydalı olmuştur. Kolay gelsin.

Öncelikle neden bu temayı seçtim. İlk başta renk uyumu hoşuma gitti, Siyah fonun üzerine renklerin iyi serpiştilmesi başarılı kılıyor, biraz da ben ikonlarla hareket kattım. Arka fona biraz daha hareket katmak için bu tema ile birlikte hazırladığım SD logosuyla destekledim. Bu logo aynı zamanda blogun ikonu oldu

Yukarıdan aşağıya doğru başlayacak olursam sayfanın başında bir sekme butonu var. Üst menü ve baner bölümü biraz geniş olduğu için bir çare olarak düşündüm.

Bu gerçekten hoşma gitti özellikle de scroll.js eklentisi ile desteklenince daha güzel olduğunu dünüşüyorum. Bunun sayesinde ilk üç başlık birden okuyucunun önene geliyor. CSS ile destekledim, fare ile üzerine geldiğinizde neon ışıklı gibi bir görüntü verdim

Üst menüye geldiğimizde; aslında temanın orjinalinde bu menü bir flash dosyası olarak veriliyor. Ancak bunun iyi olmayacağını düşünerek tıpkı üstteki menün mantığı ile CSS desteği ile sanki flash dosyasıymış gibi menünün üzerine gelince mavi lamba gibi parlıyor. Gölge efektide web2 olayının vaz geçilmezlerinde bir olduğu için hi eksik etmem

Hemen alta indiğimizde ise SD logosunu ve benim resmimi gösmektesiniz. Burada SD logosunu biraz daha eğlenceli hale getireyim dedim. Eburhan’ın yorumlar bölgesinde bahsettiği “jquery.easydrag.js” ve “jquery.easing.js” eklentileri kullandım. Sıradışı olduğu için insanın yüzünde tebessüm yada ilk görenler için hayret ifadesi belitiyor gibi

Peki sayfaya neden resmimi kodum? Şöyle diyeyim eğer okuyucunuzca bür güven oluşturmak istiyorsanız kimliğinizi bir şekilde ortaya koylamısınız. Özellikle yabancı blogları incelediğimde genellikle blog sahibinin bu yola başvurduğu görünüyor. Aslında blog konusunda yabancı bloglarıda incelemek gerek diye düşünüyorum.

İşte vazgeçemediğim bir özellik daha aslında benzerlerine rastlamak mümkün fakat bunun gibisini birtek Hakan’da gördüm. Çünkü hoşam giden tıkladığınızda tamamen kanıp sonra açılıyor olaması. Sanırım hareketli şeylerden hoşlanıyorum Buradaki mavi renk üst menüdeki mavi lamba ile aynıdır. İkonları ise her menüye uygun olacak şekilde seçtim.

Kaygan menünün hemen altında ise “Rastgele Yazılar” bulunuyor. Tab menülerartık ibr çok sitede karşımıza çıkar olsu bunu ayrı bie özellikle kullanma, daha iyi oluyor. “Rob Marsh, SJ“ın geliştirdiği “Random Posts” eklentisini temaya uyarlamamla oldu.

Evet gelelim diğer eğlenceli ve gösterişli “Etiket Bulutu“muza; sanırım bloga gelen herkesin gözüne çarpan bir menü. Sanırım sizinde hoşnuzu gitti. Flash ile desteklenmşi bir etiket bulutu.

Bloglar için yeni sistemlerden biride okuyucunun yazıyı etiketlemesi. Okuyucu yazıyı okuduktan sonra uygun gördüğü etiketleri yazıp gönderiyor. Yöneticinin isteğine göre gerek onaydan geçebiliyor, gerek okuyucunun inisiyatifine bırakıyor.

Önceki temanın da son zamanlarında kullanmaya başladığım “nicetitle.js” eklentini özelliği; eğer bağlantılarınızda açıklama mevcut ise bir balon içerisinde gösterilmesini sağlıyor. Bunuda temaya uygun hela getirmek için balon rengini siyah yapıp “photoshop” ile “transpant”ı azalttım.

Sanırım temamızın sonuna doğru gelildik. Aslında burada herşey ortada sanırım; “Kullanım Şartları, İletişim Bölümü, Lisans, Reklam, WordPress olan sevgi bağlantısı ve SanalDuvar Hakkında bir yazı” için hazırlanmış bir menü bulunuyor. Tabi sayfanın bukadar altına inen arkadaşlar yorulmasılar diye yine efektli bir yukarı çıkışımız var

Bu tamaya yaptığım ve bekli yapmaya devam edeceğim düzenlemelerle yeniden isim vermek gerekirser SanalDuvar v.1 olarak bulacaksınız ve yeni bir tema yayınlandığında bunu da düzenlenmiş eklentileri dahil olamak üzere sizlerle paylaşağım.

Şimdi gelelim burada da bahsettiğim VeySem2 temasının kodlarını paylaşmaya. Bazılarının o temada kullandığım kodlara ihtiyaç duyuyormuş ve yeni temanın yayınlanmasının beklenyerler varmış.

VeySem v.20 Teması Dosyaları

Programımızın adı “DHTML Menu”; sayesinde dinamik, ajax, css gibi menüleri çok çok kolay bir şekilde hazırlamanızı sağlıyor. Buradaki sitesinden indireceğiniz programını kurup çalışmaya başladığınız zaman zaten hazır bir menü geliyor isterseniz onun üzüerinde de kendi isteğinize göre değikliği fazla uğraşmadan yapabiliyorsunuz.

Programda Windows, Vista, Sample, Clear gibi temalar mevcut. bunlardan birini seçip bir kaç dakikada muşteşem bir menü(normal, ağaç, tab menüleri) hazırlayabilirsiniz. Örnekte gösterdiğim gibi.

Sadece bununla da kalmıyor Birde tek bir tıklama ile “sitemap”iniz hazır. Eğer yine sizi tatmin etmediyse söyleyeyim, tekrar bir tıklama ile gerekli kodları size sunuyor. Gerek “Google XML Sitemap” olsun, gerek “SE-Friendly Code” olsun hemen oluşturuluyor.

Yalnız hemen hatırlatayım, program ücretli olup, malumunuz deneme sürümün kullandım. Satın almak isterseniz 49.95$ ila 499.95$ gibi bir fiyatı gözden çıkarmanız gerek.

Öncelikle Pardus 2008 için kurulabilir CD’yi buradan edinebilirsiniz. Kurulum için ayrıntılı bilgiyi buradan videolu anlatımı ise buradan öğrenebiilrsiniz. Oldukça basit kuruluma sahip Pardusun en güzel yönü ise sürücüleri de beraberinde getiriyor olması.

Eğer bir webmaster ya da webservant iseniz, hiç değilse kendi blogunuzu geliştimek için ihtiyaç duyduğunuz veri tabanı ve sanar serverı nasıl kuracaksınız? Sanırım bizim için canılıcı sorun bu olsa gerek Bunun için aşağıdaki adımları takip edin;

• Konsolunuzu açın(ben Yakuake’i kullandım),
• $su diyerek yönetici(root) girişi yapın,
• Parola isteyecek, yönetici parolanı gir
• $pisi update-repo  [enter](depo güncellenir)
• $ sudo pisi it apache mysql-server mod_php [enter](burada gerekli phpmodu kurulur)
• Kurulum tamamlandı, sıra çalıştırma işmelinde,
• $ mysql_install_db [enter]
• $ service mysql-server on [enter]
• $ service apache on [enter]
• Başlangıç menüsünden-Sistem-Sistem Seçenekleri-Servis Yöneticisi istikametinde ilerleyin.
• Buradan Apache ve Mysql’i çalıştırın(ben ikisinide bilgisayar açıldğında çalıştır olarak ayarladım).
• localhost’a ulaşmak için /var/www/localhost/htdocs istikametinde ilerleyin.
• Tarayıcıya localhost olarak giriş yaptığınızda işleminizin tamamlandığını göreceksiniz. (Kurulum Kaynak)

Spread Firefox sitesinde buradan ulaşabileceğiniz sayfaya isminizi girerek bir teşekkür belgesi veriyor

Bize bu eşsiz tarayıcıyı sunduğun için asıl sana teşekkürler FIREFOX