サムネイルをクリックしたときに、別のページに移動するようにしたい

ずぼログ Ver1.2以降で、2つめのキャプションを利用すれば可能です。

2つめのキャプションを記述する部分に、ジャンプさせたいページのURLを記述します。

(caption.csvの内容)
sample.jpg,キャプション,http://xxx.xxx.jp/xxx.html

さらに、出力テンプレートの内容を以下の通りにします。

<?php if($caption2 !== '') : ?>

<!-- 2つめのキャプションにURLが記述されているときはそのページへジャンプ -->
<li>
<a href="<?php echo $caption2; ?>">
<img src="<?php echo $thumnailpass; ?>">
</a>
</li>

<?php else: ?>

<!-- 2つめのキャプションが空の場合はfuwaimgで拡大表示 -->
<li>
<a href="<?php echo $filepass; ?>" data-fimg="<?php echo $zubolog_var; ?>" data-fcaption="<?php echo $caption; ?>" class="fuwaimg">
<img src="<?php echo $thumnailpass; ?>">
</a>
</li>

<?php endif; ?>

ただし、2つ目のキャプション機能をキャプションとして利用することができなくなる点と、出力するディレクトリの中にサムネイル画像のみでなく、展示用の画像も入っていないとサムネイルが表示されない点にご注意ください。

   【PR】HTML/CSSを基礎から勉強したい方へ

HTML/CSS初心者のための書籍を執筆しました

個人サイトを作ろう! テンプレートですぐできる!すぐに身につく!HTML&CSS

これから初めてHTML・CSSに触れる方や、過去に個人サイトを作ったことがあるけど、最新のHTML・CSSやウェブサイト制作を学び直したい!という方に向けた、創作・同人サイトを作るための本です。
書籍購入者には特典として、「do」でも配布していないオリジナルHTMLテンプレート3種が利用できます。本書では、このテンプレートを実際に自分で編集することでHTML・CSSを学んでいくため、初めての方でも理解しやすい内容に仕上がっています。
「do」では紹介しきれなかった、サイト制作の基礎の基礎から網羅した入門にオススメの書籍です。ぜひお手に取ってみてください!

Amazonで購入する