WordPress eklentisiz kayan manşet yapımı

WordPress’te Kayan Manşet Alanı yapımı. Bunu çeşitli WordPress eklentileriyle yapabilirsiniz. Ancak eklenti kullanmadan halletmek daha verimli olacaktır.

Öncelikle blog’umuzudan son yazdığımız yazıları çekeceğiz.

aşağıdaki kodları header şablona ekleyebilirsiniz veya istediğiniz alanda çalıştırabilirsiniz.

[code]<div id="slider">
<marquee scrollAmount="5" onmouseover="this.stop();" onmouseout="this.start();">
<?php $the_query = new WP_Query('orderby=post_date'); while ($the_query->have_posts()) : $the_query->the_post(); ?>
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php endwhile;?>
</marquee>
</div>[/code]

onmouseover=”this.stop(); ile manşetimizin üstüne geldiğimizde durmasını sağladık. Css kodlarımız;

[code]#slider { width: 500px; height: 34px; overflow: hidden; padding-top: 6px; margin-top: 20px; border-radius: 4px; background-color: #f6f6f6; font-family: "helvetica"; }

#slider a { display: inline-block; position: relative; margin-left: 30px; border: 5px solid #52accc; background-color: #52accc; color: #ffffff; border-radius: 4px; text-decoration: none; }[/code]

Yalnızca yazı başlıklarını göstermek için kullanılabilir.

Kategori: Kayan Son konular, Manşet Yapımı, WordPress