我知道你说你正在寻找WordPress插件,但大多数内容滑块都很容易手动添加,而且不会太臃肿,因为你只需添加想要使用的功能。我将给出几个选项:
JQuery Cycle (目前最简单的图像)
我将其用于图像,并为其编写了一个简短的代码,以便可以轻松地将其添加到帖子、页面或小部件中。要为图像添加div类和短代码,请执行以下操作:
<div class="slideshow"> [slideimage name=name-of-image-uploaded-to-media] [slideimage name=next-image-name] </div> (This will only work for .jpg\'s if you want to use .png change the ext to \'png\' in the shortcode function
在页脚中。php只是调用循环。您下载的js
http://jquery.malsup.com/cycle/download.html并将其添加到脚本标记之间或主js中
jQuery(function(){jQuery(\'.slideshow\').cycle();});
function slideimage_shortcode($atts, $content = null) {
extract( shortcode_atts( array(
\'name\' => \'\',
\'ext\' => \'jpg\',
\'path\' => \'/wp-content/uploads/\',
\'url\' => \'\'
), $atts ) );
$file=ABSPATH."$path$name.$ext";
if (file_exists($file)) {
$size=getimagesize($file);
if ($size!==false) $size=$size[3];
$output = "<img src=\'".get_option(\'siteurl\')."$path$name.$ext\' $size alt=\'$name\' />";
if ($url) $output = "<a href=\'$url\' title=\'$name\'>".$output.\'</a>\';
return $output;
}
else {
trigger_error("\'$path$name.$ext\' image not found", E_USER_WARNING);
return \'\';
}
}
add_shortcode(\'slideimage\',\'slideimage_shortcode\');
For Sliders that contain posts, HTML, or pretty much anything I use JQuery Tools Scrollablehttp://flowplayer.org/tools/scrollable/index.htmljQuery工具站点上的说明编写得非常好,基本上您将滑块包装在一个div中,然后将各个帖子或项目包装在主div中的另一个div中。
您必须在页脚中调用插件js,并将该函数添加到主js或脚本标记中:jQuery(function(){jQuery(“.scrollable”)。可滚动({vertical:true,mousewheel:false});});
EDIT: Add query post by category to any template file to allow end user to add posts to the slider.
以下代码会将类别8中的任何帖子添加到滑块:
<div id="slider">
<?php query_posts(\'post_type=post&order=asc&cat=8\'); ?>
<div id="actions">
<a class="prev">« Back</a>
<a class="next">More »</a>
</div>
<div class="scrollable">
<div class="items">
<?php while (have_posts()) : the_post(); ?>
<div>
<?php the_content(); ?>
</div>
<?php endwhile;?>
</div>
</div>
</div>
要使整个设置更像插件,请在函数中注册jquery工具并将其排队。php
<?php
if ( !is_admin() ) { // instruction to only load if it is not the admin area
// register your script location, dependencies and version
wp_register_script(\'jquerytools\',
http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js\',
array(\'jquery\'),
\'1.4.2\' );
// enqueue the script
wp_enqueue_script(\'jquerytools\');
}
?>
现在添加另一个函数以添加滑块配置:
// add jquery tools configuration to footer
function add_jquerytools_config() {
echo \'<script type="text/javascript">\';
echo \'jQuery(document).ready(function($) {\';
echo \'$(".slider").scrollable({circular:true}).autoscroll(8000);\';
echo \'$(".scrollable").scrollable({vertical:false,mousewheel:false});});\';
echo \'</script>\';
}
add_action(\'wp_footer\', \'add_jquerytools_config\');