Mouse over yapınca içerik

30-12-2013, 17:44:30

Üyeliği durduruldu

Merhaba arkadaşlar

Wordpress ile ilgili bir isteğim var. Yardımcı olabilecek varsa memnun olurum.

Mouse ile başlığın üzerine gelince konu içeriği bi kutucuk içinde (mesela ilk 100 karakter) görünsün istiyorum.

Şöyle bir şey buldum ama bu spoiler veriyor. Yani her biri için manuel spoiler yazmak zorundasınız ve başlıkla da alakası yok.

Var mı bilgisi olan?

30-12-2013, 20:06:00

#2

~~Meryemce~~

Üyeliği durduruldu

Gerçekten bunu yapabilecek birisi yok mu?

30-12-2013, 20:57:37

#3

sndrock

functions.php dosyasına

function spoiler_excerpt($limit) {
 $excerpt = explode(' ', get_the_excerpt(), $limit);
 if (count($excerpt)>=$limit) {
 array_pop($excerpt);
 $excerpt = implode(" ",$excerpt).'...';
 } else {
 $excerpt = implode(" ",$excerpt);
 }
 $excerpt = preg_replace('`[[^]]*]`','',$excerpt);
 return $excerpt;
}

Hoverla göstereceğiniz alana. 20 değerini istediğiniz şekilde değiştirebilirsiniz.

<?php echo spoiler_excerpt('20'); ?>

Css kısmı içinde örnekte vermiş olduğunuz alanı kullanabilir yada aşağıda ki gibi bir uygulama yapabilirsiniz.

h2 .s_post { display:none }
h2:hover .s_post { display:block; }

30-12-2013, 21:33:20

#4

~~Meryemce~~

Üyeliği durduruldu

Hocam öncelikle ilginiz için çok teşekkür ederim. Çok anlamlı bu desteğiniz.

Bendeki Title kodu şu şekilde :

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

Buna nasıl uyarlarım?

Dipnot: Functions ve CSS kısmını anladım hocam, sadece bununla verdiğiniz kodu birbirine entegre edemedim.

Saygılarımla

30-12-2013, 21:46:47

#5

sndrock

Meryemce adlı üyeden alıntı: mesajı görüntüle

Hocam öncelikle ilginiz için çok teşekkür ederim. Çok anlamlı bu desteğiniz.

Bendeki Title kodu şu şekilde :

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

Buna nasıl uyarlarım?

Dipnot: Functions ve CSS kısmını anladım hocam, sadece bununla verdiğiniz kodu birbirine entegre edemedim.

Saygılarımla

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> <?php the_title(); ?><div class="ozet"><?php echo spoiler_excerpt('20'); ?></div> </a>[COLOR=#000000]

[/COLOR]

Burada class'a display:none verip hover ile display:block vererek görünür yapabilirsiniz. Css kısmını sonrasında kendinize göre ayarlayabilirsiniz.