個別エントリーアーカイブ
カスタマイズのために個別エントリーアーカイブの構造を分析しました。![]() |
| ※「# .」はCSSでそれぞれ「id class」を表します。 |
| <body> <div id="container">←1 #container {
line-height: 140%;行間を設定(140%) margin-right: auto;右の余白(自動設定) margin-left: auto;左の余白(自動設定) text-align: left;テキストの水平位置(左寄せ) padding: 0px;ボックスと要素の間隔(なし) width: 700px;ボックス横幅(700px) background-color: #FFFFFF;背景色(■) border: 1px solid #FFFFFF;ボックスの枠線(線の太さ-1px、線種-実線、色-■) } <div id="banner">←2 #banner {
font-family: Verdana, Arial, sans-serif;フォントの指定 color: #FFFFFF;テキストの色(白) background-color: #999999;背景色(■) text-align: left;テキストの水平位置(左寄せ) padding: 15px;ボックスと要素の間隔(15px) border-bottom: 1px solid #FFFFFF;ボックスの下枠線(線の太さ-1px、線種-実線、色-■) height: 39px;高さ } <h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>←「タイトル」 ★<$MTBlogURL$>:ウェブログの絶対URL(完全なURL)。 ★<$MTBlogName encode_html="1"$>:HTMLエンコードされたウェブログの名前。 #banner a {
color: #FFFFFF;テキストの色(■) text-decoration: none;テキストの装飾(なし)※リンク部分は通常下線がありますがこの場合は無くなります。 } #banner h1 { font-size: xx-large;フォントのサイズ(<font size="7">相当) } <h2><$MTBlogDescription$></h2>←「ブログの説明」 ★<$MTBlogDescription$>:ウェブログの説明。 #banner h2 {
font-size: small;フォントのサイズ(<font size="3">相当) } </div> ![]() <div class="content">←3 .content {
padding: 15px 15px 5px 15px;ボックスと要素の間隔(上15px 右15px 下5px 左15px) background-color: #FFFFFF;背景色(■) color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 } <p align="right"> <MTArchivePrevious> <a href="<$MTArchiveLink$>">« <$MTArchiveTitle$></a> | </MTArchivePrevious> <a href="<$MTBlogURL$>">メイン</a>←「メイン」 <MTArchiveNext> | <a href="<$MTArchiveLink$>"><$MTArchiveTitle$> »</a> </MTArchiveNext> </p> ★<MTArchivePrevious>:現在のアーカイブの前のアーカイブの中身を表示させるためのコンテナ・タグ。 ★<$MTArchiveLink$>:アーカイブ・ページへの絶対URL。 ★<$MTArchiveTitle$>:アーカイブページの「タイトル」。 ★<$MTBlogURL$>:ウェブログの絶対URL(完全なURL)。 ★<MTArchiveNext>:現在のアーカイブの前のアーカイブの中身を表示させるためのコンテナ・タグ。 .content p {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 font-weight: normal;フォントの太さ(普通) line-height: 150%;行間(150%) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 10px;下の余白(10px) } <h2><$MTEntryDate format="%x"$></h2>←「投稿した日」 ★<$MTEntryDate format="%x"$>:エントリーの日付。(2005年09月06日) .content h2 {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 text-align: left;テキストの水平位置(左寄せ) font-weight: bold;テキストの太さ(太い) margin-bottom: 10px;下の余白(10px) } <h3><$MTEntryTitle$></h3>←「タイトル」 ★<$MTEntryTitle$>:エントリーのタイトル。 .content h3 {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: small;フォントのサイズ<font size="3">に相当 text-align: left;テキストの水平位置(左寄せ) font-weight: bold;テキストの太さ(太い) margin-bottom: 10px;下の余白(10px) } <$MTEntryBody$>←エントリーの内容 ★<$MTEntryBody$>:エントリーの本文。 <div id="a<$MTEntryID pad="1"$>more"><div id="more"> <$MTEntryMore$>←「追記」 </div></div> ★<$MTEntryID pad="1"$>:左詰めの0を付けた数字で表されるエントリーID。 ★<$MTEntryMore$>:エントリーの追記のテキスト。 <p class="posted">投稿者 <$MTEntryAuthor$> : <$MTEntryDate$></p>←「投稿者xxxx」:「2005年02月04日 10:31」 ★<$MTEntryAuthor$>:エントリーの著作者の名前。 ★<$MTEntryDate$>:エントリーの日付。(2005年02月04日 10:31) .content p.posted {
color: #999999;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 border-top: 1px solid #999999;ボックスの上枠線(線の太さ-1px、線種-実線、色-■) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 25px;下の余白(25px) line-height: normal;行間(普通) padding: 3px;ボックスと要素の間隔(3px) } ![]() <MTEntryIfAllowPings> ★<MTEntryIfAllowPings>:エントリーがトラックバックを受けつける設定になっているときに、内容を表示するコンテナ・タグ。 <h2 id="trackbacks">トラックバック</h2> .content h2 {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 text-align: left;テキストの水平位置(左寄せ) font-weight: bold;テキストの太さ(太い) margin-bottom: 10px;下の余白(10px) } <p class="techstuff">このエントリーのトラックバックURL:<br /> <$MTEntryTrackbackLink$></p>←「http://www.url/mt/mt-tb.cgi/10」 ★<$MTEntryTrackbackLink$>:エントリーがをPing受けつける設定になっているとき、このエントリーに Ping を送ってもらうためのトラックバック URL。 <MTIfNonZero tag="MTEntryTrackbackCount"> <p>このリストは、次のエントリーを参照しています: <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>:</p>←「TITLE」 ★<MTIfNonZero tag="MTEntryTrackbackCount">:エントリーに付いたトラックバックの数の数が1つ以上あったときに内容を表示する条件タグ ★<$MTEntryPermalink$>:エントリーを含むアーカイブページへの絶対 URL。 ★<$MTEntryTitle$>:エントリーのタイトル。 <MTPings> ★<MTPings>:エントリー、カテゴリー、もしくはシステム全体へのPingのリストを表示するためのコンテナ・タグ。 <p id="p<$MTPingID$>"> » <a href="<$MTPingURL$>"><$MTPingTitle$></a> from <$MTPingBlogName$><br />←「タイトル from a」 <$MTPingExcerpt$> <a href="<$MTPingURL$>">[続きを読む]</a> </p>←「トラックバックする...」 ★<$MTPingID$>:数字で構成されているトラックバックID。 ★<$MTPingURL$>:送られてきたトラックバックのURL。普通は相手のエントリーへのリンクするためのURLです。 ★<$MTPingTitle$>:送られてきたトラックバックに設定されているタイトル。 ★<$MTPingBlogName$>:トラックバックを送ってきたウェブログの名前。 ★<$MTPingExcerpt$>:送られてきたトラックバックの概要。 .content p {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 font-weight: normal;フォントの太さ(普通) line-height: 150%;行間(150%) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 10px;下の余白(10px) } <p class="posted">トラックバック時刻: <$MTPingDate$></p>←「2005年02月04日 12:40」 ★<$MTPingDate$>:トラックバックが送られてきた日付。(2005年02月04日 12:40) </MTPings> </MTIfNonZero> </MTEntryIfAllowPings> .content p.posted {
color: #999999;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 border-top: 1px solid #999999;ボックスの上枠線(線の太さ-1px、線種-実線、色-■) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 25px;下の余白(25px) line-height: normal;行間(普通) padding: 3px;ボックスと要素の間隔(3px) } ![]() <MTEntryIfAllowComments> ★<MTEntryIfAllowComments>:エントリーがコメントを受けつける設定のときに表示されるコンテナ・タグ。 <h2 id="comments">コメント</h2> .content h2 {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 text-align: left;テキストの水平位置(左寄せ) font-weight: bold;テキストの太さ(太い) margin-bottom: 10px;下の余白(10px) } <MTComments> <div id="c<$MTCommentID$>"> <$MTCommentBody$> </div>←「コメント」 ★<MTComments>:特定のウェブログ、もしくは特定のエントリーについてのコメントのリストを表示するためのコンテナ・タグ。 ★<$MTCommentID$>:コメントID。 ★<$MTCommentBody$>:コメントの本文。 <p class="posted">投稿者 <$MTCommentAuthorLink default_name="Anonymous" spam_protect="1"$> <MTCommentAuthorIdentity> : <$MTCommentDate$> </p>←「名前:2005年02月14日12:25」 </MTComments> ★<$MTCommentAuthorLink default_name="Anonymous" spam_protect="1"$> :リンク付きの著者の名前。著者名がない場合は、default_nameが名前として使われます。メールアドレスへのリンクは表示されますが、スパム・ボット対策されたアドレスに変更されます。 ★<MTCommentAuthorIdentity>:TypeKeyにサイン・インしたユーザーからのコメントがあった場合、「 ★<$MTCommentDate$>:コメントがウェブログに入力された日付。 例:
<MTEntryIfCommentsOpen> <MTIfCommentsAllowed> ★<MTEntryIfCommentsOpen>:エントリーの「コメントを受けつける」の設定がOpenのときに内容が表示されるコンテナ・タグ。 ★<MTIfCommentsAllowed>:コメントの設定で未登録者もしくは登録者または両方のコメントを受け付ける設定にしている場合表示するコンテナ・タグ <h2>コメントしてください</h2> .content h2 {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 text-align: left;テキストの水平位置(左寄せ) font-weight: bold;テキストの太さ(太い) margin-bottom: 10px;下の余白(10px) } TypeKey認証が必要な場合に表示する部分
<MTIfRegistrationRequired> ★<MTIfRegistrationRequired>:TypeKey認証が必要な場合に表示するコンテナタグ TypeKeyTokenを設定した場合に表示する部分
<MTIfNonEmpty tag="MTTypeKeyToken"> ★<MTIfNonEmpty tag="MTTypeKeyToken">:TypeKeyTokenを設定した場合に表示するコンテナタグ TypeKey サイン・インした後に表示する部分
![]() <div id="thanks"> <p>サイン・インを確認しました、 <script type="text/javascript" src="<MTCGIPath> <MTCommentScript>?__mode=cmtr_name_js"></script> <script>document.write(commenter_name);</script>. さん。コメントしてください。 (<a href="<$MTRemoteSignOutLink static="1"$>">サイン・アウト</a>)</p> ★<MTCGIPath>:Movable TypeのCGIスクリプトがあるディレクトリのURLパス。 ★<MTCommentScript>:CommentScript mt-comments.cgi。 ★<$MTRemoteSignOutLink static="1"$>:コメント登録機能に利用されるユーザー認証で、サイン・アウトをするときのリンク先 URL。 (いままで、ここでコメントしたとがないときは、コメントを表示する前にこのウェブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。) <form method="post" action="<$MTCGIPath$> <$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)"> <input type="hidden" name="static" value="1" /> <input type="hidden" name="entry_id" value="<$MTEntryID$>" /> ★<MTCGIPath>:Movable TypeのCGIスクリプトがあるディレクトリのURLパス。 ★<MTCommentScript>:CommentScript mt-comments.cgi。 ★<$MTEntryID$>:数字で表されるエントリーID。 <p><label for="url">URL:</label><br /> <input tabindex="1" type="text" name="url" id="url" /> 情報を登録する? <input type="radio" id="remember" name="bakecookie" onclick="rememberMe(this.form)" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" /> </p> <p><label for="text">コメント:</label><br /> <textarea tabindex="2" id="text" name="text" rows="10" cols="50"></textarea></p> .content p {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 font-weight: normal;フォントの太さ(普通) line-height: 150%;行間(150%) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 10px;下の余白(10px) } <div align="center"> <input type="submit" tabindex="3" name="preview" value=" 確認 " /> <input style="font-weight: bold;" tabindex="4" type="submit" name="post" value=" 投稿 " /> </div> </form> </div> 表示の振り分け
<script language="javascript" type="text/javascript"> <!-- if (commenter_name) { document.getElementById('thanks').style.display = 'block'; } else { document.write('サイン・インしていません。このサイトにコメントをする前に登録してください。 <a href="<$MTRemoteSignInLink static="1"$>"> サイン・イン</a>'); document.getElementById('thanks').style.display = 'none'; } // --> </script> もし「変数 commenter_name(クッキーから取得)」に値があったら (TypeKey サイン・インした後に表示される部分)を表示し変数に値が無かったら「サイン・インしていません。このサイトにコメントをする前に登録してください。 サイン・イン」と表示されます。 ★<$MTRemoteSignInLink static="1"$>:コメント登録機能に利用されるユーザー認証で、サイン・インをするときのリンク先 URL。 表示の振り分け
<MTElse> コメント登録機能を利用するには、TypeKey トークンを設定してください。 </MTElse> ★<MTElse>:条件タグの内側で条件タグが「そうでない場合」に使います。 この場合はTypeKeyTokenを設定していない時に表示します。 </MTIfNonEmpty> TypeKey認証が必要で無い場合に表示する部分
<MTElse> ★<MTElse>:条件タグの内側で条件タグが「そうでない場合」に使います。 この場合はTypeKey認証が必要でない場合です。 <MTTemplateNote value="Case of comments not required"> TypeKeyTokenを設定した場合に表示する部分
<MTIfNonEmpty tag="MTTypeKeyToken"> ★<MTIfNonEmpty tag="MTTypeKeyToken">:TypeKeyTokenを設定した場合に表示するコンテナタグ <script type="text/javascript" src="<MTCGIPath> <MTCommentScript>?__mode=cmtr_name_js"></script> <script language="javascript" type="text/javascript"> <!-- if (commenter_name) { document.write('サイン・インを確認しました、', commenter_name, 'さん。コメントしてください。 (<a href="<$MTRemoteSignOutLink static="1"$>">サイン・アウト</a>)'); } else { document.write('TypeKey ID を使って <a href="<$MTRemoteSignInLink static="1"$>"> サイン・イン</a> してください。'); } もし「変数 commenter_name(クッキーから取得)」に値があったら「サイン・インを確認しました、' commenter_name 'さん。コメントしてください。サイン・アウト」を表示し、変数に値が無かったら「TypeKey ID を使ってサイン・イン してください。」と表示されます。 ★<MTCGIPath>:Movable TypeのCGIスクリプトがあるディレクトリのURLパス。 ★<MTCommentScript>:CommentScript mt-comments.cgi。 ★<$MTRemoteSignOutLink static="1"$>:コメント登録機能に利用されるユーザー認証で、サイン・アウトをするときのリンク先 URL。 ★<$MTRemoteSignInLink static="1"$>:コメント登録機能に利用されるユーザー認証で、サイン・インをするときのリンク先 URL。 // --> </script> </MTIfNonEmpty> <form method="post" action="<$MTCGIPath$> <$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)"> <input type="hidden" name="static" value="1" /> <input type="hidden" name="entry_id" value="<$MTEntryID$>" /> ★<MTCGIPath>:Movable TypeのCGIスクリプトがあるディレクトリのURLパス。 ★<MTCommentScript>:CommentScript mt-comments.cgi。 ★<$MTEntryID$>:数字で表されるエントリーID。 <div id="name_email"> <p><label for="author">名前:</label><br /> <input tabindex="1" id="author" name="author" /></p> <p><label for="email">メールアドレス:</label><br /> <input tabindex="2" id="email" name="email" /></p> </div> .content p {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 font-weight: normal;フォントの太さ(普通) line-height: 150%;行間(150%) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 10px;下の余白(10px) } TypeKeyTokenを設定した場合に表示する部分
<MTIfNonEmpty tag="MTTypeKeyToken"> ★<MTIfNonEmpty tag="MTTypeKeyToken">:TypeKeyTokenを設定した場合に表示するコンテナタグ <script language="javascript" type="text/javascript"> <!-- if (commenter_name) { document.getElementById('name_email').style.display = 'none'; } // --> </script> </MTIfNonEmpty> <p><label for="url">URL:</label><br /> <input tabindex="3" type="text" name="url" id="url" /> 保存しますか? <input type="radio" id="remember" onclick="rememberMe(this.form)" name="bakecookie" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" /> </p> <p><label for="text">コメント:</label> <MTIfAllowCommentHTML> (書式を変更するような一部のHTMLタグを使うことができます) </MTIfAllowCommentHTML><br/> ★<MTIfAllowCommentHTML>:コメントの設定で「コメントでのHTMLの利用を許可する」にしている場合表示するタグ <textarea tabindex="4" id="text" name="text" rows="10" cols="50"></textarea></p> .content p {
color: #666666;テキストの色(■) font-family: Verdana, Arial, sans-serif;フォントの種類 font-size: x-small;フォントのサイズ<font size="2">に相当 font-weight: normal;フォントの太さ(普通) line-height: 150%;行間(150%) text-align: left;テキストの水平位置(左寄せ) margin-bottom: 10px;下の余白(10px) } <div align="center"> <input type="submit" name="preview" tabindex="5" value=" 確認 " /> <input style="font-weight: bold;" type="submit" name="post" tabindex="6" value=" 投稿 " /> </div> </form> </MTElse> </MTIfRegistrationRequired> </MTIfCommentsAllowed> <script type="text/javascript" language="javascript"> <!-- if (document.comments_form.email != undefined) document.comments_form.email.value = getCookie("mtcmtmail"); if (document.comments_form.author != undefined) document.comments_form.author.value = getCookie("mtcmtauth"); if (document.comments_form.url != undefined) document.comments_form.url.value = getCookie("mtcmthome"); if (getCookie("mtcmtauth") || getCookie("mtcmthome")) { document.comments_form.bakecookie[0].checked = true; } else { document.comments_form.bakecookie[1].checked = true; } //--> </script> ![]() もし名前かメールアドレスかURLの一行テキスト入力フォームあったらそれぞれクッキーを取得する。 もし名前かURLのクッキーの値が取得できたら「保存しますか?○はい ○いいえ」の はい のラジオボタンにチェックが入り取得できない場合はいいえにチェックが入ります。 </MTEntryIfCommentsOpen> </MTEntryIfAllowComments> </div> </div> </body> |





