Haberci temasında kullandığım mouseover slide haber özelliğini görmüşsünüzdür. Kodlamasını amcaoğlumun yaptığı ve şu an ki gördüğünüz tasarımı şahsen kendimin yaptığı WordPress için hazırlanmış güzel bir mouseover slide haber özelliği.
Bu özellik WordPress’te yazdığınız son 10 makaleyi veritabanından çeker ve özel alanlardan eklediğiniz o konuya ait resimleri, mouse ile konu başlığı üzerine gelindiğinde şatafatlı biçimde yan tarafında gösterir. Bu bir eklenti değildir. Ufak ve kolay bir kurulum ile hazır hale getirmeniz mümkündür.
WordPress Mouseover Slide Haber kurulum ve açıklama:
Özelliğin üzerine oturtturulan tasarımın boyutu soldan sağa 468px dir. Bu boyuttan daha küçük bir yere kullanıldığında görüntü olarak bozulacaktır. O yüzden bu boyuttan küçük tablolarda kullanmamanızı öneririm. Ve hiç bir koda müdahele etmemenizi öneririm. Aksi takdirde özellik çalışmayabilir.
Öncelikle aşağıdakı indir linkinden özelliğimizin dosya ve resimlerini indirelim. İndirdiğimiz slider.rar dosyasını açalım. İçerisinde asm.php dosyası ve images klasörü bulunmaktadır.
İçinden çıkan asm.php dosyasını bir metin editörü yardımı ile açalım. Ve aşağıdaki kodu bulalım;
$yol = ‘./wp-content/themes/tema-isminiz/images/’;
bu kodda kalın olarak belirttiğim “tema isminiz” kısmana kendi kullandığınız temanın ismini yazın.
Aşağıdaki kodu bulalım;
background-image :url(\’wp-content/themes/tema-isminiz/images/slide-bg.png\’);
bu kodda kalın olarak belirttiğim “tema isminiz” kısmana kendi kullandığınız temanın ismini yazın.
Aynı şekilde ve son olarak aşağıdaki kodu bulalım;
background-image :url(\’wp-content/themes/tema-isminiz/images/asm.gif\’);
bu kodda da kalın olarak belirttiğim “tema isminiz” kısmana kendi kullandığınız temanın ismini yazın ve kaydedin.
Bu işlemlerin ardından asm.php dosyasını kullandığınız temanın içine ftp aracı yardımı ile yükleyin.Aynı zamanda images klasörünü açıp, içindeki resimleri, yine kullandığınız temanın images klasörüne yükleyin.
Özelliğin ana sayfada gösterimi:
Yükleme işi bittikten sonra sıra geldi bu özelliği ana sayfamızda gösterilmesine. İndex.php dosyamızı açalım. Ve içerisinde yer alan bu kodu bulalım;
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
bu kodun hemen üstüne asm.php dosyamızı çağırmak için bu kodu yapıştırın;
<?php include (TEMPLATEPATH . “/asm.php”); ?>
Yazı başlıkları uzun ise karakterleri kısaltmak için;
asm.php dosyasını açın ve içinde;
.$ziya[post_title].
kodunu bulun. Bu kodu silip, bunun yerine aşağıdaki kodu yapıştırın ve kaydedin.
.substr($ziya[post_title],0,30).
Buradaki 30 değeri başlıklarınızın ne kadar harf kadar görüneceği anlamına gelir. Bu değeri kendinize göre değiştirin.
Bu işlemin ardından herhangi bir yanlış yapmadıysanız, blogunuzun ana sayfasında slide haber görülecektir. Sorun ve tavsiyeleriniz için yorumlarınızı bekliyor olacağım.
Emrah bey hala cevabınızı bekliyorm
arthema temasına ekleyemedim..2.7.1 kullanıyorum…
Bende birşey sorucam mesela bi haberi mouseover slide de göstermek istemiyoruz.nasıl yapabiliriz bunu teşekkürler
Ben wordpres 2.8 Kullanıyorum fakat bu dediklerinizi yaptım ama aşağıdaki hatayı verdi.
Warning: Division by zero in C:\Inetpub\vhosts\……..\httpdocs\tr\wp-content\themes\chrome_10\home.php on line 20
Warning: include(C:\Inetpub\vhosts\……..\httpdocs\tr/wp-content/themes/chrome_10php”) [function.include]: failed to open stream: No such file or directory in C:\Inetpub\vhosts\gecitkoyu.gov.tr\httpdocs\tr\wp-content\themes\chrome_10\home.php on line 20
Warning: include() [function.include]: Failed opening ‘C:\Inetpub\vhosts\………\httpdocs\tr/wp-content/themes/chrome_10php”’ for inclusion (include_path=’.;./includes;./pear’) in C:\Inetpub\vhosts\……….\httpdocs\tr\wp-content\themes\chrome_10\home.php on line 20
Herşeyi yapdım ama yandan resimler çıkmıyor siteye bakabilirsiniz napmam gerek ? özel alandan da yapdım olmadı :S
Hocamm tmmdır yapdımm saolun herşey için değer kısmına thumbunail yazdım olmad image yazdım oldu saolun
api key kısmnı yapamadım
msn adresinizi alsam iyi olur emrah bey
iyi çalışmalar diliyorum
Resim çıkmıyor ne yapmammız lazım özel alan dediğiniz neresi acaba
Selamun aleyküm
teşekkürler dostum. eline sağlık