Blog

HOME > Web > Wordpress > 【WordPress】プラグインを使わずにアイキャッチ画像をLightbox（slimbox）で拡大　その２

【WordPress】プラグインを使わずにアイキャッチ画像をLightbox（slimbox）で拡大　その２

2015/09/26

Wordpress

以前、アイキャッチ画像の拡大について書きましたが、
もっと簡単な方法があったため備忘録として残します。

参考サイト
アイキャッチ画像にリンク元URLを埋め込み、拡大表示させる方法(TCDテンプレート使用）

こちらのサイトを参考に下記のタグを使いました。

<?php
$files = get_post_meta($post->ID, '_thumbnail_id', true);
$file = wp_get_attachment_url($files);
?>
<a class="hoge" href="<?php echo clean_url($file); ?>" >
<?php if(has_post_thumbnail()): ?>
<p class="thumb"><?php the_post_thumbnail('single'); ?></p>
<?php else: ?>
<?php endif; ?>
</a>

画像はSlimboxで拡大するので、

<a class="hoge" href="<?php echo clean_url($file); ?>" rel="lightbox" title="タイトル&#13;&#10;内容">

にしました。

Slimboxはタイトルが改行表示されるようにカスタマイズ済です。

参考ページ
Slimboxのtitleを改行する方法



ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ