Bunlardan ilki Wordpress’in sitenize ait tüm klasör ve dosyaları barındırdığı ‘wp-content’ klasörünü yeniden adlandırmak olabilir. Aman dikkat, sadece klasörü yeniden adlandırır da ‘işim bitti’ derseniz ziyaretçilerinizi kötü bir sürpriz bekliyor olabilir. İşte bunun olmaması için Wordpress’in ana dizininde bulunan ‘wp-settings.php’ dosyasını açın, öncelikle 110. satıra gidin ve

110

define( 'WP_CONTENT_DIR', ABSPATH . 'wp-content' );

bu satırdaki ‘wp-content’ bölümüne dilediğiniz klasör adını verin. Hemen ardından 321. satıra atlayıp aynı işlemi aşağıdaki kod parçası için de uygulayın:

321

define( 'WP_CONTENT_URL', get_option('siteurl') . '/wp-content');

Ve son olarak tabii ki /wp-content klasörünü belirttiğiniz şekilde yeniden adlandırın. Bitti bile.

Sağlıklı çalışır mı?

Yöntemi daha önce OpenHair ve Innovatin ELPIS sitelerinde denedim, sağlıklı çalışma konusunda kesinlikle hiçbir sorun yok. Yine de bazı eklentilerde /wp-content klasörü statik olarak belirtilmiş olabileceğinden sorun yaşadığınız bu tür eklentilerde klasör ismini manuel olarak değiştirmek durumunda kalabilirsiniz. Son olarak bu yöntemi zaten çalışmakta olan siteleriniz üzerinde kullanmanızı önermiyorum.

Daha fazlası…

Olur da projeniz gerçekten gizli bir proje olursa sitede Wordpress’ten hiçbir iz kalmamasını isteyebilirsiniz ki, bu da Wordpress tarafından eklenen bazı meta kodlarının da kaybolması gerektiği anlamına geliyor, böyle bir durumda temanızda bulunan, yoksa da oluşturmanız gereken functions.php klasörüne aşağıdaki kodu ekleyebilirsiniz.

1
2
3
4
5

<?php
remove_action('wp_head', 'wp_generator'); 
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'rsd_link');
?>

Her ne kadar sitede sadece web işlerini görseniz de, designfabrika basılı medya alanında da birçok servis sunmakta. Görme fırsatı bulduğum katalog, poster ve dergi tasarımlarının da web site tasarımları kadar lezzetli olduklarını biliyorum. Yurtdışından müşteriler için de hizmet vermekte olan bu çevrimiçi ajans daha yeni açmış olduğu blogu ve Facebook sayfası üzerinden müşterilerine ve tüm geliştirici ve tasarımcılarla daha da yakınlaşmayı amaçlıyor.

Sözler her daim yetersiz; ben designfabrika‘nın portfolyosuna en iyisi bir de kendiniz göz atın derim…

Türkçe karakterlerin de .swf dosyanıza gömülmesini isterseniz lütfen ilgili soruda tüm karakterlerin gömülmesi seçeneğini seçin. Ne yazık ki şimdilik başka bir yol yok. Ancak geliştirici ile iletişime geçtim bile, bu konuda bir güncelleme yapacağını umuyorum.

Aslında bu sistemi K2 teması kullanıyor. Ben de kodu oradan çıkarıp ihtiyaçlarıma göre düzenledim. Gelin size nasıl yapıldığını anlatayım.

Çalışma şekli şu: Birkaç satırlık bir javascript kodu JQuery yardımıyla içeriğinizi barındıran div (burada #container diye adlandıralım) sayfanın en üst noktasına ulaştığında body’ye “smartposition” sınıfını ekliyor. Eğer #container tekrar gözle görünür hale gelirse “smartposition” sınıfı body’den çıkarılıyor. Siz de CSS üzerinden menünüze “smartposition” sınıfı eklendiğinde “position: fixed” komutunu atıyorsunuz. Herşey bundan ibaret.

1. JQuery’i indirin ve sayfanızdan çağırın

JQuery’i sitesi üzerinden indirin, web sitenizin bulunduğu klasöre atın ve sayfanızdan çağırın. Bunun dışında az sonra oluşturacağımız “rollingdiv.js” dosyasını da şimdiden çağırın:

1
2

<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/rollingdiv.js" type="text/javascript"></script>

2. Rollingdiv.js

Herşey burada bitiyor. Yukarıda çağırmış olduğumuz rollingdiv.js isimli dosyayı ilgili klasörde oluşturun ve aşağıdaki kodu belgeye yapıştırın:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function smartPosition(obj) {
	if ( jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 7 ) {
		return;
	}
 
	jQuery(window).scroll(function() {
		// Detect if content is being scroll offscreen.
		if ( (document.documentElement.scrollTop || document.body.scrollTop) >= jQuery(obj).offset().top) {
			jQuery('body').addClass('smartposition');
		} else {
			jQuery('body').removeClass('smartposition');
		}
	});
};

(Not: Kod K2 temasından alınmıştır.)

3. HTML belgesi

Şimdi de HTML belgemize aşağıdaki kodu yapıştırıyoruz:

1
2
3
4
5
6
7

<script type="text/javascript">
// <![CDATA[
	jQuery(document).ready(function() {
		smartPosition('#container');
	});
// ]]>
</script>

Buradaki “#container” elementi yukarıya ulaştığında harekete geçilecek olan element oluyor. Bu adımla birlikte HTML ve JS bölümünü bitirmiş oluyoruz. Yani #container divimiz sayfanın tepesine ulaştığında sayfanın body’sine “smartposition” sınıfı eklenecek, son görüntü şu halde olacak;

<body class="smartposition">

CSS belgesi

Yapmamız gereken son şey CSS belgemizden “smartposition” sınıflı body’ye özel komutlar atamak. Bu adımda tamamen özgürsünüz; sayfanızın arkaplanının kırmızı olmasını da isteyebilirsiniz, navigasyonunuzun havada asılı kalmasını da. Bu örnekte isteğimiz ikinci şık olduğundan, CSS’imize aşağıdaki kodu eklememiz gerekiyor;

body.smartposition #navigation {
	position: fixed;
	z-index: 10;
}

Bitti bile! “position:fixed;” özelliği #navigation isimli alanın (div) veya listenin (ul, ol) havada asılı kalmasını sağlıyor. Tabii sadece “smartposition” sınıfı body’ye ekli olduğunda. Yani içerik alanımız (div#container) sayfanın tepesine ulaştığında…

Yukarıdaki kodu isteğinize göre değiştirebilirsiniz. Bunun temel mantığı anlatmaya yeteceğini düşünüyorum. Sorularınız, ek istekleriniz olursa yorum yazarak bana ulaşabilirsiniz.

Güncelleme – 07.10.08, 18:45

Bu yöntem IE6′da çalışmamaktadır. Çünkü IE6 ‘position: fixed;’ komunutu anlamamaktadır. Fakat bunu çözmek için birçok yöntem bulunuyor… Kısaca göz atmak yeterli.