佐賀のホームページ制作なら株式会社イン・ザ・コム

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

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

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

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

レスポンシブサイトもこれで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;
}
/***** 画像キャプションコード終わり *****/

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

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

画像キャプションデモ

石橋

最近のベストショット

この記事が気に入ったら
いいね!しよう

Twitter で

関連する記事

Copyright © IN THE COM .inc All rights recerved.