lostyazilim

WordPress Nivo Slider Manşet Entegresi

11 Mesajlar 6.591 Okunma
lstbozum
wmaraci reklam

umtt umtt umutozkir.com Kullanıcı
  • Üyelik 03.03.2012
  • Yaş/Cinsiyet - / E
  • Meslek Webmaster
  • Konum
  • Ad Soyad ** **
  • Mesajlar 47
  • Beğeniler 13 / 6
  • Ticaret 6, (%100)



Jquery olarak piyasada çok sayıda manşet eklentisi olmasına karşın belki de en çok kullanılanlardan birisi Nivo Slider’dır. Açık kaynak olarak sunulan Nivo Slider, kolay kullanımı sayesinde benim de hazırladığım WordPress sistemlere entegre ettiğim gayet başarılı bir manşet eklentisi. Eklenti dediysem yanlış anlaşılmasın. WordPress eklentisi değil, jquery eklentisi.

Nivo Slider hali hazırda birçok WordPress eklentisi ile kullanımda var. Ancak bunlar çok geniş çapta olduğundan benim gibi basit ve hızlı arayışında olanlara pek hitap etmiyor açıkçası. Birde bu işi WordPress döngüleri ile kolayca halledilebileceğini düşünürseniz bence gereksiz de.

Bu yazıda sizlere Nivo Slider manşet sistemini WordPress sitemize entegre etmeyi anlatacağım. Bunu yaparken kolaylık olması açısından WordPress’in öne çıkarılmış görsel özelliğini kullanacağım. Kodlara ekleyeceğimiz kategori id’leri sayesinde belirlediğimiz kategorideki son 5 yazının (istediğiniz kadar yapabilirsiniz) öne çıkarılmış görselini ve yazının başlığını çekeceğiz. Aynı zamanda manşete tıklandığında da ilgili yazıya gidecek şekilde link vereceğiz.

Öncelikle temamızda öne çıkarılmış görsel desteği yok ise functions.php dosyamıza aşağıdaki satırı ekliyoruz.


Bu kısmı yaptıktan sonra manşet kısmında kullanacağımız öne çıkarılmış görseller için genişlik ve yükseklik değerlerini belirleyip yine functions.php dosyamıza aşağıdaki satırı ekliyoruz.
?>

Şimdi sıra gerekli dosyaları temamıza eklemeye geldi. Öncelikle temamızın header.php dosyasında tagından önce aşağıdaki kodları dosya yollarını belirterek ekliyoruz. Yani ilgili dosyaların tam yolunu girmeniz önemli. Aksi halde manşet çalışmaz.




<script></script>
<script></script>
<script>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>


Tüm bunları yaptıktan sonra son olarak manşeti eklemeye sıra geldi. Aşağıda yer alan kodu manşetinizin görünmesini istediğiniz yere yerleştirin.




have_posts()) : $manset->the_post();?>
'#'.get_the_ID().'')); ?>


have_posts()) : $manset->the_post();?>






Burada dikkat etmemiz gereken birkaç nokta var. En önemlisi 4.satırda yer alan kısım. Burada showposts=5 değeri gösterilecek manşet sayısını belirtiyor. cat=1 ise manşet bilgilerinin çekileceği kategorinin id'sini belirtiyor. Birden fazla kategori eklemek isterseniz araya virgül koymanız yeterli olur.(örn:cat=1,2,3,4)
("showposts=5&cat=1")

Ayrıca manşet dosyasının içerisindeki stil dosyalarındaki genişlik ve yükseklik değerlerini de kendinize göre düzenlemeyi unutmayın.

Düzenlenmiş olarak Nivo Slider Wordpress Manşet kodlarını aşağıdaki bağlantıdan indirebilirsiniz.

Kaynak: WordPress Nivo Slider Manşet
 

 

wmaraci
reklam

webtasari webtasari WM Aracı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 39 / E
  • Meslek webmaster
  • Konum İstanbul Avrupa
  • Ad Soyad İ** A**
  • Mesajlar 2
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
nerrden indiricez ??
 

 

mustafanart mustafanart WM Aracı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek Grafiker
  • Konum Ankara
  • Ad Soyad M** P**
  • Mesajlar 189
  • Beğeniler 2 / 53
  • Ticaret 0, (%0)
Konu 2 Mayıs 2012 Hocam :)
 

 

http://bit.ly/1dY0Cf6

mavice mavice WM Aracı Kullanıcı
  • Üyelik 27.11.2010
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 542
  • Beğeniler 145 / 133
  • Ticaret 1, (%100)


http://wordpress.org/plugins/wp-nivo-slider/
 

 

mavice.net
wmaraci
wmaraci

webtasari webtasari WM Aracı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 39 / E
  • Meslek webmaster
  • Konum İstanbul Avrupa
  • Ad Soyad İ** A**
  • Mesajlar 2
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
bu eklenti kodları lazım
 

 

mavice mavice WM Aracı Kullanıcı
  • Üyelik 27.11.2010
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 542
  • Beğeniler 145 / 133
  • Ticaret 1, (%100)
Eklenti kodlarından maksadınız nedir ?
Eklentiyi kurdunuz ve göstermiyor mu ?



Bu kodu nerede göstermek istiyorsanız oraya ekleyin.

Kaynak : wordpress.org
 

 

mavice.net

birfincanask birfincanask Online Projeler, SMMM Kullanıcı
  • Üyelik 06.01.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek E-Ticaret, SMMM
  • Konum Bursa
  • Ad Soyad M** Ş**
  • Mesajlar 121
  • Beğeniler 147 / 23
  • Ticaret 10, (%100)

mavice adlı üyeden alıntı

Eklenti kodlarından maksadınız nedir ?
Eklentiyi kurdunuz ve göstermiyor mu ?



Bu kodu nerede göstermek istiyorsanız oraya ekleyin.

Kaynak : wordpress.org


Hocam merhaba ben.bu eklentiyi anasayfamda gostermek istiorum ama hangi dosyada hangi koddan once ekleyecegimi bilemiyorum. Bu konuda yardimci olabilir misiniz? Sitem www.bursarehberin.net
 

 

TheLacivert TheLacivert Invictus Maneo Kullanıcı
  • Üyelik 11.05.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Psikolog
  • Konum Ankara
  • Ad Soyad B** K**
  • Mesajlar 1400
  • Beğeniler 497 / 496
  • Ticaret 0, (%0)
#article classı ve #content classı arasına koyabilirsiniz.
 

 

birfincanask birfincanask Online Projeler, SMMM Kullanıcı
  • Üyelik 06.01.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek E-Ticaret, SMMM
  • Konum Bursa
  • Ad Soyad M** Ş**
  • Mesajlar 121
  • Beğeniler 147 / 23
  • Ticaret 10, (%100)

TheIce adlı üyeden alıntı

#article classı ve #content classı arasına koyabilirsiniz.

Hocam merhaba öncelikle dönüş yaptığınız için çok teşekkür ederim. Fakat ben bu koda wp'de hangi dosyaya yüklemeliyim? Ben wp'den pek anlamıyorumda..
 

 

TheLacivert TheLacivert Invictus Maneo Kullanıcı
  • Üyelik 11.05.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Psikolog
  • Konum Ankara
  • Ad Soyad B** K**
  • Mesajlar 1400
  • Beğeniler 497 / 496
  • Ticaret 0, (%0)

birfincanask adlı üyeden alıntı

Hocam merhaba öncelikle dönüş yaptığınız için çok teşekkür ederim. Fakat ben bu koda wp'de hangi dosyaya yüklemeliyim? Ben wp'den pek anlamıyorumda..


Header.php sanırım, kod kısmından ben de çok anlamam cevap gelmezse yeni konudan belirtin sıkıntınızı.:)
birfincanask

kişi bu mesajı beğendi.

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al