【コピペOK】レスポンシブ用WordPressキャプションのCSS

Pocket

Tweet

ザ・コピーライティングなどの文章術系を最近勉強しています。

その中で、チラシ広告で使う画像には絶対キャプション（画像の説明文）をつけろ！と書いてありました。

チラシ広告もネット記事も最後の目標は「商品・サービスを売る」ということなので、すごく参考になります。

レスポンシブサイトもこれでOKなWordPress用キャプションCSSコード

/***** 画像キャプションコードはじまり *****/
.wp-caption {
max-width:100%;
height:auto;
border: 1px solid #ccc;
text-align: center;
background-color: #f8f8f8;
padding-top: 4px;
margin:10px 0 20px 0;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/***** 画像キャプションコード終わり *****/

画像キャプションの付け方

画像キャプションデモ

最近のベストショット