【问题标题】:Nivo Slider To Wordpress ThemeNivo 滑块到 Wordpress 主题
【发布时间】:2012-11-06 13:59:05
【问题描述】:

我最近将 NIVO Slider 包下载到我的桌​​面,因为我希望将它集成到我的 WP 主题中。

我已经将 JS 文件等压缩到我的目录中,但是我必须通过函数调用它吗?是否有快速教程或有人可以指出如何执行此操作的方向。

我是否必须在 functions.php 文件中放置一个函数调用,然后将包装器等添加到我希望查看的部分的正文以及文件夹中的图像?

我有一个滚动自动取款机,但我觉得它不适合我的要求,并希望尽可能避免使用该插件。

谢谢 克里斯蒂

代码:

放在 Header.php 中

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<!-- Include the Nivo Slider CSS file -->
<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/scripts/nivoslider/nivo-slider.css" type="text/css" media="screen" />
<!-- Include the Nivo Slider JS file -->
<script src="<?php bloginfo("template_url"); ?>/scripts/nivoslider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<!-- Set up the Nivo Slider -->
<script type="text/javascript">
 jQuery(window).load(function() {
jQuery('#slider').nivoSlider();
});
</script>

放在page.php上面的内容:

<div id="sliderwrap">
<div id="slider">
<img src="<?php bloginfo("template_url"); ?>nemo.jpg" alt="" />
<img src="<?php bloginfo("template_url"); ?>toystory.jpg" alt="" />
<img src="<?php bloginfo("template_url"); ?>up.jpg" alt="" title="This is an      example of a caption" />
<img src="<?php bloginfo("template_url"); ?>walle.jpg" alt="" />
</div>
</div>

【问题讨论】:

    标签: css wordpress nivo-slider


    【解决方案1】:

    我假设您使用的是 jQuery 硬编码版本?为什么不直接购买 WordPress 版的 Nivo,一个网站只需 19 美元。 Nivo 网站上还有一个完整的 jQuery 版本教程。在这里查看:Nivo Slider Tutorial

    【讨论】:

    • 嗨,安迪,感谢 cmets,是的,我正在尝试硬编码版本。我得到了它,它似乎正在工作,但是由于某种原因它没有找到我的图像......有什么想法吗?上面我输入的代码我已经写好了...
    • 嘿,没问题。在 &lt;?php bloginfo("template_url"); ?&gt; 和图像路径的其余部分之间添加 /。此外,如果图像位于目录中,则需要将其作为图像路径的一部分。示例:&lt;img src="&lt;?php bloginfo("template_url"); ?&gt;/images/nemo.jpg" alt="" /&gt;
    • 相关网站的 URL 是什么?
    • 我在主主题目录中得到了这个。它在本地主机上...所以我把整个 c: 东西都放了???
    • 它目前就在我的本地自动取款机上
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多