閉じる
閉じる

あまめも

知らなかった!WordPressで写真(画像)にキャプションを付ける方法がめっちゃらく!!

 こんにちは! 前々から「画像にキャプションを付ける楽な方法ないかな〜」とか思ってた あますた(@amaguristar)です。
 今まで特に気にしてなかったんですが『WordPressに標準で付いてる機能』を使えば「めちゃくちゃ楽にキャプション付けれるじゃん!?」と驚き半分、「どうして試そうとしなかったんだ?!」と後悔半分の心境です。

”サクッ”と説明!!

 WordPressでブログを書いている人で画像を追加する時に多くの人が使うのがきっとこのボタン。

 

 

 これを選択すると出てくるのが『メディアを挿入画面』
 この画面の右にある『キャプション』に文字を入力すると画像の下に表示されます。

 そう、たったこれだけ!!

 たったこれだけで、画像にポラロイドカメラのような枠が出現し画像の説明を表示することができるのです。具体的にはここです。

20161007_m002

 『メディアの挿入画面のキャプションに文字を打ち込む』だけ!
 ・・・本当にどうして今までやらなかったか、泣きそうです。

自分でデザインしたい人は?

 とはいえ、標準の表現じゃ満足できない!って人も中にはいるはず。同じ表現じゃちょっと・・・という方は、cssでデザインするのも良いかもしれません。

 ”HTML5”からは専用のタグができたようですし。

 表示する画像を<figure>で囲み、キャプションを<figcaption>で囲みます。もっと詳しく知りたい方は、こちらのページが参考になりますので参照してください。

参照:HTML5で画像にキャプションをつける

まとめ

 これまで”なんとなく”で見過ごしていた機能も使うと驚くほど便利。「これは何かな?」と思ったら”とりあえず使ってみる”という選択をすると新しい発見があっていいな! と思いました。やはり何事も勉強ってことですね。

関連記事

  1. HTML

    サイトの情報を消した時は<del>タグで削除した部分…

  2. 09222021-info

    HTMLでふりがなを表示する方法!タグの使い方

  3. ファイルの管理がめんどくさくなってきたから「Git」使ってみた!…

  4. リンク

    サイトでリンク箇所に分かりやすくアイコを追加する方法【css】

  5. 線(line)

    【HTML】<hr>タグ(区切り線)を簡単にカスタム…

  6. take088-thumbnail

    【WaznFilm更新】フリーアイコンはここで決まり!クオリティ…

こんなメモもありますよ♪

  1. IKEA

Twitter

ページ上部へ戻る