画像のキャプションをスッキリさせる

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 33

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Before

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

After

ここにキャプション

[wp-svg-icons icon="checkmark-circle" wrap="i"] カスタマイズは自己責任でやろう！

「自己責任」の意味がわからない方、初めてカスタマイズする方はこちら

カスタマイズは自己責任。ぼくはこんな風に思っています。

カスタマイズする準備

追加方法	難しさ
追加CSS
テーマエディター
FTPソフト

はじめてカスタマイズをする方におすすめなのは追加CSSです。

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

カスタマイズのコード

コメントあり

/*--------------------------------------
  キャプションを変更
--------------------------------------*/
.entry-content .wp-caption {
max-width: 100%;/*画像の幅をいっぱいに*/
margin: 0;/*外側の余白なし*/
padding: 0;/*内側の余白なし*/
border: none; /* 枠線を消す */
}
.entry-content .wp-caption p.wp-caption-text {
margin-top: 0.2em; /* 画像との余白 */
font-size: .7em; /* キャプションの文字の大きさ */
text-align: right; /* 右揃え */
}

コメントなし

/*--------------------------------------
  キャプションを変更
--------------------------------------*/
.entry-content .wp-caption {
max-width: 100%;
margin: 0;
padding: 0;
border: none;
}
.entry-content .wp-caption p.wp-caption-text {
margin-top: 0.2em;
font-size: .7em;
text-align: right;
}