フォーラム

[解決済み] the_attachment_linkで取得した画像をlightbox風に表示したい (2 件の投稿)

  1. aki903
    メンバー
    1 年前の投稿 #

    はじめまして。
    wordpress2.6、php5でサイトを構築しています。
    WPでの構築は今回がはじめてです。データベースの知識はほとんどありません。

    オリジナルのテンプレートを作り、プラグインにslimboxを入れております。
    コンテンツのトップページ(独立ページ)に、そのコンテンツに属する2テーマの各個別ページへのリンクと、ギャラリーのように画像一覧を表示、クリックすると画像がライトボックス風にポップアップさせたいと考えています。(この画像は今後数が増えていく予定です。)

    コンテンツに属するリンクはそれぞれ

    <?php $posts = get_posts('category_name=A&order=ASC'); ?>
    <?php foreach($posts as $post): ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
    <?php endforeach; ?>
    <?php $posts = get_posts('category_name=B&order=ASC'); ?>
    <?php foreach($posts as $post): ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
    <?php endforeach; ?>

    という形で表示できています。
    画像に関しては、作品一覧という投稿ページをつくり、そこに画像を貼り付け、

    <?php $posts = get_posts('post_type=attachment&post_status=inherit&post_parent=ID'); ?>
    <?php foreach($posts as $post): ?>
    <?php the_attachment_link('',0); ?>
    <?php endforeach; ?>

    で、サムネイルを取得して一覧表示するところまで成功しています。

    ただ、このサムネイルをクリックしてもフルサイズの画像が普通に開くだけで、slimboxが機能しません。通常の投稿ページの画像はslimboxで開くことができます。
    ソースを見るとrel属性がないので、書き出すようにすればいいのかと思ったのですがうまくいかず・・・。
    どのようにすれば、メディアから直接引っ張ってきた画像をlightbox風にできるのか、あるいはそのようなプラグインがあれば教えていただけますでしょうか。
    よろしくお願いいたします。

  2. aki903
    メンバー
    1 年前の投稿 #

    自己解決しました。
    the_attachment_linkではなく以下のような形でテンプレートに記述してライトボックスの表示ができるようになりました。

    <?php $posts = get_posts('post_type=attachment&post_status=inherit&post_parent=ID'); ?>
    <?php foreach($posts as $post): ?>
    
    <a>" rel="lightbox[roadtrip]">
    <?php echo wp_get_attachment_image("","thumbnail"); ?></a>
    
    <?php endforeach; ?>

返信

ログイン しなければ投稿できません。

About this Topic

Tags

タグ はまだありません。