
スライダーは設置できた!
でも
スライダーから特定の記事へ誘導できなければ
設置した意味がありませんね。
そこで
スライダー設置のhtmlをちょこっといじります。
<!-- ▼スライダー表示部分▼ -->
<ul class="bxslider">
<li>
<!--…画像ソースを入力…………↓…-->
<a href="http://afritom.blog136.fc2.com/blog-entry-529.html" target="_blank"><img src="//blog-imgs-112.fc2.com/a/f/r/afritom/20170730115810177.jpg" alt="楽天トラベル" border="0" width="800" height="300" /></a>
<!--…………………………………↑…-->
</li>
<li>
<!--…画像ソースを入力…………↓…-->
<a href="http://afritom.blog136.fc2.com/blog-entry-435.html" target="_blank"><img src="//blog-imgs-112.fc2.com/a/f/r/afritom/2017073011581347a.jpg" alt="稼ぐ仕組みを考える" border="0" width="800" height="300" /></a>
<!--…………………………………↑…-->
</li>
<li>
<!--…画像ソースを入力…………↓…-->
<a href="http://afritom.blog136.fc2.com/blog-entry-424.html" target="_blank"><img src="//blog-imgs-112.fc2.com/a/f/r/afritom/20170730115811c6c.jpg" alt="人を動かす仕組み" border="0" width="800" height="300" /></a>
<!--…………………………………↑…-->
</li>
<li>
<!--…画像ソースを入力…………↓…-->
<a href="http://afritom.blog136.fc2.com/blog-entry-177.html" target="_blank"><img src="//blog-imgs-112.fc2.com/a/f/r/afritom/20170730115811cb9.jpg" alt="幸せのプレゼント" border="0" width="800" height="300" /></a>
<!--…………………………………↑…-->
</li>
</ul>
<!-- ▲スライダー表示部分▲ -->
このブログで言えばこんなカンジです。
こうすることで
スライダーの任意の画像をクリックすると
指定のページへターゲットを誘導することが
可能になります。
- 関連記事
カテゴリ
タグ
None