-
ID:GbTtyP さんの質問

Wordpressで、記事内の画像をクリックしたらその記事の下層ページとなるように投稿出来ますでしょうか。
上手い方法またはプラグイン等ご存知の方おられましたら教えて頂けると幸いです。宜しくお願い致します。
-
参考:下記サイトのようにしたいです
http://www.fashionsnap.com/collection/limi-feu/2015ss/
記事内に画像をサムネイルで並べ、それをクリックするするとタイトルを引き継いだまま画像ページへ遷移。以降、Back or Next で画像ページを遷移して閲覧できる。

みんなの回答 4 件

ID:Qe9BV1 さんの回答

普通に記事投稿したものを取得すればいいのでは?

ID:GbTtyP

ありがとうございます。
参考サイトのように画像数の多い投稿を、なるべく簡易的に行いたいんですー

ID:Qe9BV1

カスタムフィールドで画像投稿エリアをつくって、そのリンクに対してsingle.phpとかのテンプレをあてはめればいいんじゃない?わからんけど。。

ID:yQy.Y. さんの回答

え…これって、WordPress の標準機能では…。画像クリックでメディアページにリンクしているだけですよね?

ID:GbTtyP

ありがとうございます。
-
標準機能だと
hogehoge.com/?attachment_id=5
のようになってしまうので、
-
hogehoge.com/記事URL
hogehoge.com/記事URL/画像A
hogehoge.com/記事URL/画像B
このようにしたいのです。

ID:cgNuj9

それは投稿(固定ページ)>メディアの追加したときにリンク先が『添付ファイルのページ』になってる場合では??
投稿の際にアイキャッチ画像を登録して、記事一覧のサムネイルから記事のページに飛ぶように大概のテーマはなっていると思いますが・・・

ID:yQy.Y.

hogehoge.com/?attachment_id=5
というURLじゃなくて
hogehoge.com/記事URL/画像A
にしたいのであれば、リライトルールを弄ってあげればよいかと思います。

ID:GbTtyP さんの回答

無理なのかな…

ID:cgNuj9

hogehoge.com/記事URL
hogehoge.com/記事URL/画像A
hogehoge.com/記事URL/画像B
の形だと画像毎に投稿しないといけないし、逆に手間な気がします。

wordpressでやるなら参考サイトの形じゃなくて
hogehoge.com/ショー1
hogehoge.com/ショー2
にして、ショー毎の投稿内にそのショーのギャラリーを作った方が楽そうな気がします。
それならギャラリー系のプラグイン+ライトボックスで拡大表示でいけそう。

参考サイトの構成だと、逆に分かりづらくないですかね・・

ID:GbTtyP

ありがとうございます。
-
hogehoge.com/記事URL
hogehoge.com/記事URL/画像A
hogehoge.com/記事URL/画像B
の形式で投稿に付随して整った画像ページを生成すれば、SEO効果高そうなので…。

ID:UWXinF さんの回答

Wordpressの標準機能。
パーマリンクをカスタムしよう。

ID:UWXinF

image.phpにこんなかんじの適当に書いて

<?php get_header(); ?>
<?php
// 記事に所属する画像取得
$attachments = array_values( get_children( array( ’post_parent’ => $post->post_parent, ’post_status’ => ’inherit’, ’post_type’ => ’attachment’, ’post_mime_type’ => ’image’, ’order’ => ’ASC’, ’orderby’ => ’menu_order ID’ ) ) );
foreach ( $attachments as $k => $attachment ) {
if ( $attachment->ID == $post->ID )
break;
}
$k++;
// If there is more than 1 attachment in a gallery
if ( count( $attachments ) > 1 ) {
if ( isset( $attachments[ $k ] ) )
// get the URL of the next image attachment
$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
else
// or get the URL of the first image attachment
$next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
} else {
// or, if there’s only 1 image, get the URL of the image
$next_attachment_url = wp_get_attachment_url();
}
?>

次の画像ページURL:<?php echo esc_url( $next_attachment_url ); ?>

現在の画像:<?php echo wp_get_attachment_image( $post->ID, "large", true ); ?>

記事タイトル:<?php echo (get_the_title( $post->post_parent ));?>
画像タイトル:<?php the_title(); ?>

<?php /*
この画像の所属する記事ID:<?php echo($post->post_parent);?><br />
この画像の所属する記事のURL:<?php echo(get_permalink( $post->post_parent ));?><br />
この画像のオリジナル画像のURL:<?php echo(wp_get_attachment_url());?><br />
この画像を編集する:<?php edit_post_link( ’※ 編集’ , ’<span class="edit-link">’, ’</span>’ ); ?>
*/?>

ギャラリーショートコード:<?php echo do_shortcode(’[gallery id="’.intval($post->post_parent).’" itemtag="div" icontag="span" captiontag="div" columns="0"]’); ?>

前の画像ページリンク:<?php previous_image_link( false, ’← 前の画像’ ); ?>
次の画像ページリンク:<?php next_image_link( false, ’次の画像 →’ ); ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

ID:UWXinF

single.phpのどこか、もしくはループ中のどこかにこんなコード書けばいい。

<?php
$attachments = array_values( get_children( array( ’post_parent’ => $post->ID, ’post_status’ => ’inherit’, ’post_type’ => ’attachment’, ’post_mime_type’ => ’image’, ’order’ => ’ASC’, ’orderby’ => ’menu_order ID’ ) ) );
// 次の写真へのリンク
$next_attachment_url = get_attachment_link( $attachments[ 1 ]->ID );
?>

ID:UWXinF

パーマリンク設定を投稿名とかにして、色々端折って書いてあるから単体じゃ動かないが後は適当にやってくれよん。

まずいところとか書いてないといいけど・・・。

ID:GbTtyP

詳細にご説明いただきありがとうございます!!
今晩試してみたいといます。
ひとまずお礼まで。

ID:UWXinF

それで出来ましたか?

ID:GbTtyP

時間が取れずで、、明晩もしくは週末に試してみたいと思います。。
ご心配ありがとうございます。

最終更新日:2014-12-09 (3,591 views)

関連するトピックス

ページ上部に戻る