テンプレートのアンカー修正
Tag:[]
昨年からの宿題となっていた、個別エントリーアーカイブのコメント、コメント投稿、およびトラックバックにあるアンカータグの id 属性および name 属性の指定を修正しました。修正対象のテンプレートは
です。修正内容は下記の通りです。
<MTEntryIfAllowPings>
<a id="trackbacks" name="trackbacks"></a>
<div id="trackbacks" class="comments-head">トラックバックURL</div>
:
:
<a id="comments" name="comments"></a>
<div id="comments" class="comments-head"><a name="comments"></a>コメント</div>
<MTComments>
<a id="c<$MTCommentID$>" name="c<$MTCommentID$>"></a>
<div id="c<$MTCommentID$>" class="comments-body">
:
修正の動機は、「テンプレートから生成されたページで、コメントやトラックバックのアンカー指定が Another HTML-lint gateway の文法チェックにひっかかる」というご指摘を頂いたのが発端で、とりあえず分散していた id 属性と name 属性をアンカータグにまとめました。
またコメント用の name 属性値の先頭に"c"を付与しました。理由は id 属性との属性値が異なっていることによる文法エラーを避けるためと、デフォルトテンプレートの記述("c+MTCommentID")に従いました。
2つの属性を同一のタグに移動したことで、リンクを示す a タグとスタイルを決定する div タグが意味的に理解しやすくなるという効果もあったようです。なお現状の設定でも動作上問題ありません。
また、個別エントリーアーカイブ(3カラム用)/コメント・プレビュー(3カラム用)/コメント・エラー(3カラム用)の各テンプレートのサイドメニューにあるコメント投稿者のリンクも併せて修正致しました。修正内容は下記の通りです。こちらは"c"の追加およびアンカー名にバグがありましたので、その対処です。
<div class="side">
<MTEntries recently_commented_on="5">
<a href="<$MTEntryLink$>"><MTEntryTitle></a>
<br/>
<MTComments lastn="5">
└ <a href="<$MTEntryLink$>#c<$MTCommentID$><MTEntryID pad="1"$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$><br />
</MTComments>
</MTEntries>
</div>
個別エントリーアーカイブのサイドメニューにあるコメント投稿者欄をクリックして、該当の投稿者位置にページがスクロールされない場合は上記の対処を行ってください。"#"の後ろにある"c"は付与しない方が修正が楽です。
- Movable Typeのコンテンツデータで公開日を比較する方法
- MT7テンプレート作成画面に表示される「コンテンツタイプ」「コンテンツフィールド」の意味
- Movable Typeでテンプレートの動作を簡単に確認する方法
- Movable Typeでスマホサイト用トップページをPCサイト用トップページと異なるURLにする方法
- Movable TypeでCSSファイルやJavaScriptファイルなどを管理するためのTips
- Movable Type 4.2 テンプレートセット(コミュニティ用)修正
- Movable Type 4.2 テンプレートセット(コミュニティブログ対応版)修正
- Movable Type 4.2 テンプレートセット(コミュニティブログ対応版)
- Movable Type 4.2 配布テンプレートセット修正(カテゴリーアーカイブ・コメント完了)
- Movable Type 4.2 テンプレートセット修正(アーカイブインデックス追加等)
- Movable Type 4.2 テンプレートセット修正
- Movable Type 4.1 テンプレートセット修正
- 「iPhoneテンプレートfor MT」 by cremadesign
- Movable Type 4.1 テンプレートセット(スタイル対応版)
- 小粋空間テンプレートセットのカラムレイアウト変更方法
≫ コメント関連のアンカー修正 from やむやむ
小粋空間 さまの 「テンプレートのアンカー修正」 というエントリを (・⊇・)フ... [続きを読む]
≫ 自作blogテンプレに変更 from NOLIFE
ふうーやっと見れるようになった。
ということで、blogのテンプレートを自作してみました。
真ん中のエントリー部分の幅が可変の3カラム。
※このデザイ... [続きを読む]
いつもお世話になっています。
無事修正いけましたので、報告しておきますね。
これで、個別エントリーアーカイブも98点とれました。ありがとうございます(笑
こんばんわ。さっそく修正しました。
点数マイナスには、変わりないけど、、。
私は気にしてません。はい。(笑。
>Toshixさん
こんばんはー。
思い出しました、すいません。
それにしてもこれだけの高得点、初めて見ました!
素晴らしいの一言です!!
>みよたんさん
こんばんはー。
ご利用ありがとうございます。
まあマイナスもありかと…。(笑)
実はすべてのテンプレで、GoogleAdSenseのバナーはずせばあと1点マイナスが減るんですよねぇ。
それをはずせばメインページ部分は100点になるのですが(笑
ひゃ、100点ですか?!
参りました…m(__)m
はじめまして。
JUGEMでblogをやっているのですが、こちらのデザインがあまりに素敵だったので、参考にさせて頂きました。
その旨TBさせて頂きました。
自分で楽しむ用に作りましたが、大丈夫だったでしょうか…?
問題ありましたらお言いつけ下さい(><)
>cannaさん
はじめまして。
TBありがとうございます。
デザインの件につきましては直接ご連絡いただいてますし、こちらのサイトも引用くださってますので、全然OKですよ。
素敵なデザインになりましたね!
色々参照くださり、どうもありがとうございました。
あ、勝手ながらBlogPeople登録させて頂きました。
それでは今度ともどうぞよろしくお願い致します。
許可して頂いてありがとうございます…!ホ。
もう可変3カラム素敵すぎです? 嬉しいです。
え、あ、ありがとうございます!
こちらこそどうぞ宜しくお願い致します。
3カラム利用させていただきます。
>syncさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございました。
今後ともどうぞよろしくお願い致します。