テーマカスタマイザーのアイキャッチ表示設定でクレジット表記(キャプション)を表示する方法

Simplicity1.9.3にて、アイキャッチ画像にキャプションを表示できるように機能追加しました。

ここでいうアイキャッチというのは、「外観→カスタマイズ→レイアウト(投稿・固定ページ)」設定項目の「本文先頭にアイキャッチ画像を表示」が有効になっている時に表示されるアイキャッチ画像です。

カスタマイザーでアイキャッチ表示を有効に

本文中に、手動でアイキャッチを設定している場合は、クレジット表記などは自前で入力する必要があります。

スポンサーリンク

テーマカスタマイザーの設定

まずは、「外観→カスタマイズ→レイアウト(投稿・固定ページ)」設定項目にある「本文先頭にアイキャッチ画像を表示」が有効であることを確認してから、「先頭のアイキャッチにキャプションを表示」を有効にしてください。

アイキャッチとアイキャッチキャプションの設定

「本文先頭にアイキャッチ画像を表示」が有効になっていてアイキャッチが表示されていないと、キャプションも表示されません。

アイキャッチにクレジット表記の設定方法

アイキャッチにクレジット表記(キャプション)を記述するには、投稿画面の「アイキャッチ画像を設定」リンクから行います。

投稿画面の「アイキャッチ画像設定」リンク

すると画像選択画面が表示されるので、以下の手順でクレジット表記(キャプション)を記入します。

  1. アイキャッチ画像を選択
  2. キャプション項目にクレジット表記を記入
  3. 「アイキャッチ画像設定」ボタンを押す

アイキャッチにクレジット表記を記入する方法

すると以下のようにアイキャッチが設定されます。

アイキャッチ画像が設定された

あとは、記事の投稿ボタンを押せばOKです。

記事を表示させると以下のようにクレジット表記が表示されます。

アイキャッチ画像にクレジット表記が表示された

このクレジット表記部分のスタイルは、以下のようになっているので、子テーマのstyle.cssなどからスタイルを変更することもできます。

.eye-catch-caption {
    font-size: 75%;
}

まとめ

クリエイティブ・コモンズ写真などは、クレジット表記などが必要です。

ただ、これまでのアイキャッチ設定では、クレジット表記は入れることができませんでした。けれど今回の機能追加で、適切に表記を入れられるようになりました。

クレジット表記に限らず、画像の説明等キャプションとしてなど、自由にご利用ください。

要望:アイキャッチ画像の下に、設定したキャプションが自動で表示される機能。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)