記事一覧に「続きを読む」と「画像を見る」というボタンを設置したい

  • pnakl

    (@pnakl)


    9年、 3ヶ月前

    前回投稿したらタイトルを未入力していたようで失敗しました。

    こちらのフォーラムを利用するのも初めてですし、サイト作成に関しても初心者です。
    宜しくお願いします。

    今回の質問というのは、トップページのコンテンツ部分に記事一覧が表示されているのですが、そこに「続きを読む」と「画像を見る」というボタンを設置したいと思っているのですが、やり方がわかりません。

    使用環境は、スティンガー5というテーマを使ってブログサイトのようなものを作っております。ほぼサイト自体は完成に近づけることができたのですが、さきほどのボタン設置がわかりません。

    スティンガー5からは、「続きを読む」が表示されなくなっているようなのですが、これはMORタグを使えばなんとかなるとおもうのですが、「画像を見る」というボタンの設置に苦労しております。

    「画像を見る」というボタンは、コンテンツ記事一覧に表示されているアイキャッチ画像を見るときに使用したいと思っています。通常アイキャッチ画像をクリックすれば、個別記事のページに移行すると思うのですが、「画像を見る」というボタンをクリックすれば、アイキャッチ画像自体が別窓で表示されるようにしたいと考えています。

    ちなみに記事内にはアイキャッチ画像は使用しません。

    初めての質問で、サイト作成にも不慣れなもので、上手く質問できているか不安ですが、ご協力、ご教授頂ければ幸いです。
    宜しくお願いしますm(__)m

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • photographer hiro.

    (@mura0403)

    9年、 3ヶ月前

    pnaklさん

    >>「画像を見る」というボタンの設置
    <a href="<?php the_post_thumbnail( 'full' ); ?>" target="_blank">画像を見る</a>
    みたいな感じでループ内に設置してはどうでしょう。

    「full」の部分は、お好みで編集してください。

    Hinaloe

    (@hnle)

    9年、 2ヶ月前

    Stinger5はここのフォーラムではサポートできませんがやりたいこととしてはCodexに書かれているこのようなことですね？

    if ( has_post_thumbnail() ) {
	$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );
	echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute( 'echo=0' ) . '">';
	the_post_thumbnail( 'thumbnail' );
	echo '</a>';
}

    この例の場合は画像をクリックすると大サイズを表示、ですが文字列をクリックしての場合:

    if ( has_post_thumbnail() ) {
	$orig_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
	echo '<a href="' . $orig_image_url[0] . '" title="' . the_title_attribute( 'echo=0' ) . '>大きな画像を表示</a>';
}

    のような感じですね（一例）

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「記事一覧に「続きを読む」と「画像を見る」というボタンを設置したい」には新たに返信することはできません。