これをWPテーマに統合したいので、最近NIVO Sliderパッケージをデスクトップにダウンロードしました。
JS ファイルなどをディレクトリに圧縮しましたが、関数を介して呼び出す必要があります。簡単なチュートリアルがありますか、誰かがこれを実行する方法を教えてくれますか?
functions.php ファイルに関数呼び出しを入れてから、フォルダー内の画像だけでなく、これを表示したいセクションの本体にラッパーなどを追加する必要がありますか?
私は 1 つのスクローラー atm を持っていますが、必要なものには適していないと感じており、可能であればプラグインの使用を避けたいと考えています。
ありがとうカースティ
コード：
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>