初心者目線で解説!アイキャッチ画像にキャプションをつける方法

パソコンと手

栗鼠やん

もぐもぐもぐ…
瀬戸やーん。
アイキャッチ画像にキャプションつけたいんだけどー。

瀬戸やん

コラッ!栗鼠やん!
ものを食べながら人にお願いごとしない!
教えてあげるから、しっかり聞くんだよ?

この記事では、リベラルアーツ大学 からブログを始めたITスキルゼロの私が【初心者目線で】【専門用語なしで】アイキャッチ画像にキャプションをつける方法を解説していきます。

  1. そもそもキャプションってなに?
  2. SANGOのデフォルトの状態からつけられないの?
  3. アイキャッチ画像にキャプションをつける方法
  4. リンクを挿入したい場合はaタグを使う
  5. まとめ

1.そもそもキャプションってなに?

直訳すると、[写真・図表などに沿える]短い説明文
文字通り、「説明文」ですね。
画像や写真の中に入ったテキストとは異なる文章のことで、画像へのコメントや図や表の説明、著者や撮影者の記載をするために使われます。

2.SANGOのデフォルトの状態からつけられないの?

結論から言いましょう。

できます。

そのやり方を一緒に見ていきましょう。

3.アイキャッチ画像にキャプションをつける方法

※私はSANGOのGutenbergを使用しています。

ダッシュボードから[新規投稿]を開いて、右の方にある投稿タブを選択し、[アイキャッチ画像を設定]を左クリック⇨
そうしたら、好きな画像を選択し、キャプションの箇所に文字を入力していきます。

編修画面1
赤い四角で囲まれた部分です。

ちなみに今回使用する画像はみんな大好き久保帯人先生の代表作『BLEACH』48巻より、藍染惣右介が鬼道の九十「黒棺」を唱えているシーンです。(ヲタク特有の早口)

某人気芸人

ちょっと何言ってるか分かんないです。

って男子は義務教育から出直してください

話が逸れましたが、ここには「どこから引用しているのか」と明記しておきたいので、今回は「出典:久保帯人『BLEACH』48巻 より」と書いておきます。

編修画面2

この状態で、アイキャッチ画像を設定し、プレビューを選択して、投稿画面を見てみると…

できました↓↓ 簡単でしたね^^

キャプション例1

4.リンクを挿入したい場合はaタグを使う

やり方は ぽりぷさんの記事 を参考にしました!

参考 アイキャッチ画像にリンクを挿入するPORIPU

今回は『BLEACH』を多くの人に知ってほしい!という思いも込めて、BLEACH20周年公式サイト のURLを挿入しておきましょう。
入力の仕方はこう↓↓

出典:<a href=”挿入したいURL“>リンクしたい文字</a> 

これを実際に打ち込んでみると、こんな感じ↓↓

編修画面3
今回はaタグの前と後ろに著者名出版社を入れてあります。
キャプション例2

5.まとめ

・アイキャッチ画像にキャプションをつけることは難しくない
・SANGOを使っていれば、初期設定からつけることができる
・リンクを挿入するときはaタグを使う

瀬戸やん

…っていう感じなんだけど、分かった?

栗鼠やん

モグモグモグ…わかったー。
ありがとう瀬戸やーん。

瀬戸やん

(ホントに分かったのかな…??)

2 COMMENTS

j

一通りやってみたのですが、アイキャッチ画像の下にキャプションが追加されません。
何か考えられる原因わかりますでしょうか、、

返信する
瀬戸やん

j様
コメントありがとうございます。
私も改めて試してみましたが、表示されませんね…
調べてみたところ、SANGO のテーマ自体からキャプション表示のプログラムがなくなっているようです(汗)
また解決方法が分かりましたら記事にアップします!お力になれず申し訳ございません…

・・・・・・

◆参考
【概観】→【テーマファイルエディタ】→(編集するテーマで)SANGO を選択 → [single.php]
本来なら[single.php]に thumbnail という記載があったのですがなくなっています

返信する

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です