【はてなブログからWordPress引っ越し】はてな独自のAmazonリンク編

  • 投稿 : 2017-03-05
hatena-wp-amazon01.jpg

リンク(URL)自体は問題なくて、たんにレイアウトが崩れるとかいう場合は、以下のCSSを適用するだけでそれらしくなります。

.hatena-asin-detail{margin:1em 0;border-image:initial;font-size:90%;display:block;*zoom:1}
.hatena-asin-detail:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}
.hatena-asin-detail .hatena-asin-detail-image{float:left;margin-right:15px}
.hatena-asin-detail .hatena-asin-detail-title{margin-top:0;font-weight:700;margin:0 0 .3em}
.hatena-asin-detail p{text-indent:0}
.hatena-asin-detail ul{margin:0;padding:0}
.hatena-asin-detail ul li{list-style:none}
.hatena-asin-detail .hatena-asin-detail-foot{clear:left}
.hatena-asin-detail{padding:.8em .6em;border:1px solid #ddd}

はてなブログで指定されている上記のスタイルを適応すれば、画像のような感じになります。

Wordpressのテーマの「style.css」に追記すればOKかと思います。

スポンサーリンク