0
我最近下載了NIVO滑塊包到我的桌面,因爲我希望將它集成到我的WP主題中。Nivo滑塊到Wordpress主題
我已將JS文件等壓縮到我的目錄,但是我必須通過函數調用它。有沒有快速教程,或有人可以指示我如何執行這個請求。
我是否必須在functions.php文件中添加函數調用,然後將包裝等添加到我希望查看此部分的主體以及文件夾中的圖像?
我有一個滾動atm,但我覺得它不適合我的要求,並希望避免使用插件,如果可能的話。
感謝 科斯蒂
CODE:
放置在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>
嗨安迪,感謝您的意見,是的,我試圖硬編碼的版本。我知道了,它似乎工作,但由於某種原因,它沒有找到我的圖像......任何想法?我已經寫上面的代碼我輸入了... –
嘿,沒問題。在「<?php bloginfo(」template_url「);/?>'和其他圖像路徑。另外,如果圖像位於目錄中,則需要將其作爲圖像路徑的一部分。 例子: ' /images/nemo.jpg」 ALT =‘’/>' – AndyWarren
哎安迪,嘗試這樣做,它沒有似乎工作:?s –