コメントシステムをDISQUSに変更してみました

DISQUS - Elevating the discussion

前からDISQUSは登録してtumblrなどに設置していましたがこちらのWordpressにも設置してみました。


CSSをちょこっとだけ指定しました
#disqus_thread  {
  border: solid 1px #eee;
  box-shadow:0 0 3px #999;
  background-color: #ffffff;
  margin: 20px 0px 20px 0px;
  padding: 10px;
  /* font-size: smaller */}
.comment {
  overflow: hidden}
.dsq-comment-body { background: #eeffee}
#dsq-content p { background: #eeffee}
#com  {  margin: 5px 0px 0px 0px;
  font-size: 1.2em;
  color: #000099; /* 文字の色 */
  border-left-color: #eee; /* 左枠の色 */
  padding: 3px 0px 0px 3px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 15px /* 枠の幅 */}
div.coco { font-size: 0.8em;
  padding:5px 0 5px 10px;
  border-left:#009900 8px solid;
  color: #000099}
#dsq-content h3 {
  font-size: 1.0em;
  font-weight: normal;
  padding:5px 0 5px 10px;
  border-left:#eee 8px solid;
  color: #a6a6a6}
(via Disqusの設定について | たなブログ WordPress入門講座)
Top