【SANGOを自分でカスタマイズ】キャプションを変更する

画像の下に表示されるキャプションをカスタマイズする

カスタマイズは自己責任で!
ワードプレステーマ
SANGO
子テーマ
PORIPU

この記事では
画像の下に表示されるキャプションのカスタマイズ方法を説明。
MENくん

初期設定のキャプションでは、枠線が表示されたり、余計な余白が入っているので画像が小さくなってしまいます


このサイトの環境

テーマ
子テーマ
プラグイン

こんな感じに変更

Before

キャプション変更前の画像

After
テスト画像

ここにキャプション

MENくん

いらない枠線を消して、文字を小さくして右揃えに変更しました!


使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

サブクライムテキストsublime text

カスタマイズする準備

カスタマイズ方法

追加CSSの手順
外観
カスタマイズ
追加CSS
子テーマの手順
外観
テーマの編集
FTPソフトの手順
FTPソフト起動
自サイトに接続
style.cssを開く

追加CSSの使い方はこちら

カスタマイズを加速させる追加CSSブログのカスタマイズを加速させる「追加CSS」の使い方

カスタマイズコードを追加する

コードを追加したあとにちゃんと反映されているか確認します。

手順 style.cssを保存ブラウザでキャッシュを削除して更新(ctl+F5)

キャプションを変更する手順まとめ

まとめ

手順をザクッと説明
変更手順
  • FTPソフトとテキストエディタを開いて準備OK。
  • 追加のコードを書き込んで、保存。アップロード。
  • 更新して確認。
MENくん

キャプションを入れてもデザインが崩れなくていいですよ!