Kendi tasarladığım wordpress teması üzerinde çok geniş bir php ve jquerry bilgisine sahip olmadığım için 2 noktada takıldım.
Tema Önizleme
1.si Slider
Sliderin çalışma ve bir resmi Manşet haline getirme mantığı "featured" veya atanmış başka bir etiket'in yazıya eklenmesiyle oluyor.
Benim beceremediğim şey ise, ben etiket atasamda atamasamda, 1'den 10 a kadar olan rakamların aşağıda sabit durması.
Hiç bir yazı bile ön plana manşete atılmadığında o rakamların orda durması hiç hoş görülmüyor.O yüzden sadece yazı eklendiğinde gelmesini ve 1 2 3 4 diye sıralamasını istiyorum.
Beceremedim üstadlarımız yardımcı olabilirler sanıyorum
2.si Manşeti tetikleten etiket
Ben üsttede belirttiğim gibi manşeti tetiklemesi adına "featured" etiketini döngü içerisinde kullandım.Fakat yazı içerisinde herhangi bir yerde etiketlerimi
Etiketler:
bu şekilde kullandığımda "featured" etiketi de görünüyor bunu gizleyebilmek istiyorum.
PHP
have_posts()) : $recent->the_post();?>
-
/images/defaultslider.png" height="170" width="280" alt="wptemam" />
JS
$(function(){
var Slider=0
$.Slider=function(toplam){
$("#slider ul#buton li").removeClass("aktif")
$("#slider ul#resim li").hide()
if(Slider Slider++
$("#slider ul#buton li:eq("+Slider+")").addClass("aktif")
$("#slider ul#resim li:eq("+Slider+")").fadeIn("fast")
}else{
$("#slider ul#buton li:first").addClass("aktif")
$("#slider ul#resim li:first").fadeIn("fast")
Slider=0}}
var toplamLi=$("#slider ul#resim li").length
var interval=setInterval('$.Slider('+toplamLi+')',2000)
$("#slider").hover(function(){
clearInterval(interval)
},function(){
interval=setInterval('$.Slider('+toplamLi+')',2000)
})
$("#slider ul#buton li:first").addClass("aktif")
$("#slider ul#resim li").hide()
$("#slider ul#resim li:first").show()
$("#slider ul#buton li").click(function(){
var indis=$(this).index()
$("#slider ul#buton li").removeClass("aktif")
$(this).addClass("aktif")
$("#slider ul#resim li").hide()
$("#slider ul#resim li:eq("+indis+")").fadeIn("fast")
Slider=indis
return false
})
})
CSS
#slider{overflow:hidden;float:left;height:auto;width:615px;border:#ccc dashed thin;margin-left:13px;position:relative;display:block;margin-bottom:10px;height:180px;overflow:hidden;padding-bottom:10px;}
#slider:hover{background-color:#fbfbfb;}
#slider li p{font-size:13px;margin-top:20px;}
.slidecont{width:300px;float:left;}
.slideic{float:left;width:290px;height:40px;margin:10px;border:#ebebeb dashed thin;}
#slider ul#resim li a img{width:280px;height:170px;margin:9px;float:right;border:#ebebeb dashed thin;}
#slider ul#buton{position:absolute;bottom:10px;left:10px;color:#fbfbfb;}
#slider ul#buton li a{background-color:#fbfbfb;display:block;padding:4px 6px 6px 6px;color:#777;margin-right:5px;border:#ebebeb dashed thin;}
#slider ul#buton li{float:left;list-style:none;}
#slider ul#buton li.aktif a{background:#5cc6f3;color:#fbfbfb;border:#8d8d8d solid thin;}