MTOSブログのサイドバーにコメントを表示させました

趣味ブログをMTOS(ムーバブルタイプ)で作り、いまだ格闘中です。

ありがたいことに、趣味ブログにコメントをいただけるようになりました。

が、個別記事を見ないとコメントがあるのかどうかわからないので、サイドバーに「新着コメント欄」を作りたくなりました。

comment01

カテゴリーメニューの下あたりが希望。

MTの管理画面からテンプレートなどを見たものの、スッキリサッパリわかりません。

仕方ないので、

「mt コメント表示 サイドバー」で検索しました。

Movable Type 入門」というブログに「最新のコメントを表示する方法」という記事があったので、サイドバーのフリーエリアにタグをコピペしました。

Movable Type 入門:最新のコメントを表示する方法

<h2>コメント</h2>
<MTEntries recently_commented_on=”5″><!–コメントの数を決めます。–>
<a href=”<$MTEntryLink$>”><MTEntryTitle></a>
<br />
<MTComments lastn=”15″><!–一つの記事のコメント人数を決めます。–>
└ <a href=”<$MTEntryLink$>#<$MTCommentID$>”>
<MTCommentAuthor></a> <$MTCommentDate format=”%m/%d”$><br />
</MTComments>
</MTEntries>

1行目の「コメント」に「最新の」をつけ、H2を「P」に変更して再構築。

comment02

無事表示されました!

が。

なんだか、左側がサイドバーからはみ出しているのが気になります。

実は、以前からはみ出してはいたのですが、リンク集だけだったので、「そのうちに・・・」と思っていました。

さすがに行数も増えて目立つので、直したい!

CSSをダウンロードし、マージンやパディングをいじってみるものの、まったく変わりません。

もう、こうなったら直接記述してやる!

参考にしたのは、「HTMLのタグ検索」。

さまざまなタグ(CSS含む)の辞典のようなサイトです。

「スタイルシート」→「ボックス」→「上下左右のマージンを個別に指定する」を参考に、

「margin-left: 20px;」を直接記述。

もう一度再構築すると

comment03

キレイにおさまりました!

 

「HTMLのタグ検索」を見ていて気がついたんですが、今は「align」指定は推奨されていないんですね。

マージンとパディングがこんがらがる私には、便利なんですけどねぇ・・・

Related Posts Plugin for WordPress, Blogger...
| MovableTypeのこと |

前の記事«

次の記事 »

トラックバック

このブログ記事に対するトラックバックURL:

コメント & トラックバック

No comments yet.

Comment feed

コメントする

QLOOKアクセス解析

プロフィール

八木ラボ研究員のむつきです。神奈川県横浜市のアラフォー。ブログを書いたりしています。詳しいプロフィールはこちら→管理人プロフィール

広告

ASP一覧

日本最大級のASP
A8.net
バリューコマースだけの広告主も多いのでチェック
バリューコマース
スマホ対応しているなら!クリック課金型広告

有名広告主多数・リンクシェア
リンクシェア リンクシェア アフィリエイト紹介プログラム
ドロップシッピングも同時に登録可能
もしもアフィリエイト
ユニークな広告主が多い大阪本社のASP
イークリック アフィリエイトならイークリック

アンケート作成ツール