- このトピックには7件の返信、2人の参加者があり、最後にPaPa-Riderにより3年、 4ヶ月前に更新されました。
-
投稿者投稿
-
2021年7月13日 4:44 AM #80688
【お使いの Snow Monkey のバージョン】バージョン: 14.3.5
【お使いの Snow Monkey Blocks のバージョン】バージョン 11.4.1
【お使いの Snow Monkey Editor のバージョン】バージョン 5.0.6
【お使いのブラウザ】Chrome
【当該サイトのURL】https://papa-rider.blog/### 実現したいこと
アイキャッチ画像に引用リンクを表示させたい。
商品紹介記事を書きたいのでアイキャッチ画像を公式サイトから引用したいのですが引用表記は可能でしょうか?
### 試したこと
キャプションに下記を記述→プレビューしても表示されず。
画像出典:ここに引用元の名称を入力します。
♥ 0いいねをした人: 居ません2021年7月13日 4:49 AM #80691画像出典:<a href="ここにURLを入力します。" target="_blank">ここに引用元の名称を入力します。</a>
を記述しました♥ 0いいねをした人: 居ません2021年7月13日 9:33 AM #80700PaPa-Riderさん
ご質問のアイキャッチとは、どこに表示される画像でしょうか?♥ 0いいねをした人: 居ません2021年7月14日 4:01 AM #80785@GONSY さん
ありがとうございます。
こちらの記事でいうとトップのランキングと書いてある横長の画像です。
こちらに表示される画像に引用元を表示したいと考えています。♥ 0いいねをした人: 居ません2021年7月14日 6:18 AM #80786このような形で表示したいと考えています。
♥ 0いいねをした人: 居ません2021年7月14日 9:43 AM #80800PaPa-Riderさん
参考のご提示ありがとうございます。よくわかりました。
適宜調整は必要かもしれませんが、こんな感じでいかがでしょうか?画像のキャプション欄に以下を挿入
<i class="fas fa-camera-retro"></i>画像引用元:<a href="https://example.com/" target="_blank" rel="noreferrer noopener">PaPa-Riderブログ</a>
my-snow-monkey.phpに以下を追加add_filter( 'snow_monkey_get_template_part_args_template-parts/common/page-header', function( $args ) { $args['vars']['_display_image_caption'] = true; return $args; } );
アイキャッチの右下に引用元を表示する場合は、CSSを一部上書き.c-page-header__bgimage-caption { text-align: right; }
一度お試しくださいませ。
♥ 0いいねをした人: 居ません2021年7月14日 10:22 AM #80819GONSYさん
ありがとうございます。
帰宅後にやってみたいと思います!♥ 0いいねをした人: 居ません2021年7月14日 12:47 PM #80826 -
投稿者投稿
- トピック「アイキャッチ画像に引用リンクを表示させることは可能か?」には新しい返信をつけることはできません。