スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - |
<< テンプレート『mocomoco』を公開いたしました | main | 長い間留守にしていて申し訳ありませんでした >>
テンプレHTML解説
以前知り合いが書いたものですが、公開を終了するそうなので頂いてきました。
続き〜からJUGEMの標準的なテンプレートで使用されている、HTMLの解説を載せています。
2年前のものなので、今と多少違うところがありますが、HTMLに何が書かれているのか分からない〜という方はぜひ参考にしてください^^
<!--head部分 HTMLに詳しくなければあまり触らないほうが良い(正しく表示されなく可能性大)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<!--ページのタイトル特に変更は必要なし-->
<title>{site_title}</title>
<!--スタイルシートを読み込むための部分こちらも特に変更はいらない-->
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />

</head>

<body>
<!--下の方にある“TOPへ戻る”リンクの為必要なもの。こちらも特に変更する必要はなし-->
<a name="top"></a>

<!-- BEGIN title -->
<!--BLOGのタイトル部分-->
<h1 class="site_title">{blog_name}</h1>
<!--BLOGの説明部分-->
<div class="description">{blog_description}</div>
<!-- END title -->

<div id="box">

<div id="main">
<!--記事部分-->
<!-- BEGIN entry -->
<div class="entry">
<!--記事の日付部分-->
<div class="entry_date">{entry_date}</div>
<!--記事作成のユーザーを示す部分 author :という部分は自分で好きな言葉にして可-->
<div class="entry_author">author : {user_name} </div>
<!--記事のタイトル部分-->
<div class="entry_title">{entry_title}</div>
<!--記事本文-->
<div class="entry_body">{entry_description}</div>
<!--続きを読むで表示される部分-->
<div class="entry_more">{entry_sequel}</div>
<!--カテゴリー、投稿時間、コメント数、トラックバック数を表示させる部分(それぞれ機能へのリンクがあるので、全くカテゴリー分けしていない、コメント・トラックバックを全く受け付けていない、ぐらいでなければあまり消さないほうがいい(閲覧者にとって不便なので))-->
<div class="entry_state">| {category_name} | {entry_time} | {comment_num} | {trackback_num} </div>
</div>
<!--その記事のRDFメタデータ トラックバックURLの自動検知などに使われる 意味が分からなければ消さない事-->
{trackback_auto_discovery}
<!-- END entry -->


<!-- BEGIN comment_area -->
<!--記事中のcomment(*)からコメント欄を出すと自動的にここまでスクロールされる。-->
<a name="comments"></a>
<div class="entry">
<!--コメント一覧の上に出てくるタイトル。好きな言葉に代えることが可能-->
<div class="comment-title">コメント</div>
<!-- BEGIN comment -->
<!--コメント本文-->
<div class="entry_body">{comment_description}</div>
<!--コメントを書いた人の名前と、投稿時間-->
<div class="entry_state">| {comment_name} | {comment_time} |</div>
<!-- END comment -->
<!--コメント投稿欄のタイトル。好きな言葉や画像に代えることが可能-->
<div class="comment-title">コメントする</div>
<div class="entry_body">
<!-ここから下は投稿フォームの設定 特にHTMLに詳しくなければ変更しない方が良い--->
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label><br/>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /><br />
<label for="email">email:</label><br>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
<label for="url">url:</label><br>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
<label for="description">comments:</label><br />
<!--極端に記事を表示させる部分の幅を小さくした人はこの部分のwidth:400pxの数値を変える事-->
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:400px;"></textarea><br /><br />
<!--コメント送信は好きな言葉に変えることが可能-->
<input type="submit" value="コメント送信" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</form>
</div>
</div>
<!-- END comment_area -->


<!-- BEGIN trackback_area -->
<!--記事中のtrackback(*)から飛ぶと自動的にここまでスクロールされる-->
<a name="trackback"></a>
<div class="entry">
<!--トラックバックURL(つまり記事のURL)好きな言葉に代えることが可能-->
<div class="trackback-title">この記事のトラックバックURL</div>
<!--URLを表示させる部分-->
<div class="entry_body">{trackback_url}</div>
<!--TB一覧のタイトル好きな言葉や画像に変えることが可能-->
<div class="trackback-title">トラックバック</div>
<!-- BEGIN trackback -->
<!--TBしてきた記事のタイトル リンクつき-->
<div class="entry_title">{trackback_title}</div>
<!--TBしてきた記事の概要-->
<div class="entry_body">{trackback_excerpt}</div>
<!--TBしてきたBLOGの名前とTBを受け取った時間-->
<div class="entry_state"> | {trackback_blog_name} | {trackback_time} | </div>
<!-- END trackback -->
</div>
<!-- END trackback_area -->


<!-- BEGIN profile_area -->
<!--プロフィールを表示させたときに使用する部分-->
<div class="entry">
<!--プロフィールのタイトル 好きな文字や画像に変えることが可能-->
<div class="entry_date">プロフィール</div>
<!--選択したユーザーの名前-->
<div class="entry_title">{profile_name}</div>
<!--選択したユーザーの説明-->
<div class="entry_body">{profile_description}</div>
</div>
<!-- END profile_area -->

<!--footer-->
<!--フッター部分 ペーパーボーイの著作権表示など消さないこと-->
<div class="copyright">Copyright (C) 2004 <a href="http://paperboy.co.jp" target="_blank" title="paperboy&amp;co.">paperboy&amp;co.</a> All Rights Reserved.</div>
<div class="linktext"><a href="http://jugem.jp/" target="_blank">Powered by "JUGEM"</a></div>
<!--ページトップへのリンク-->
<div class="linktext"><a href="#top">▲このページの先頭へ</a></div>

</div>



<div id="side">
<!--サイドバー部分-->
<!-- BEGIN calendar -->
<!--カレンダータイトル部分 好きな文字や画像に変えることが可能-->
<div class="linktitle">CALENDAR</div>
<div class="calendar">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<!--カレンダーの曜日部分 本体との調整がうまくとって、画像や好きな言葉に変えてもOK-->
<td class="cell" style="color:#CC0000">S</td>
<td class="cell" style="color:#000000;">M</td>
<td class="cell" style="color:#000000;">T</td>
<td class="cell" style="color:#000000;">W</td>
<td class="cell" style="color:#000000;">T</td>
<td class="cell" style="color:#000000;">F</td>
<td class="cell" style="color:#0066CC">S</td>
</tr>
</table>
<!--カレンダー本体-->
{calendar}
</div>
<!-- END calendar -->


<!-- BEGIN amazon -->
<!--amazonのオススメを表示させる部分-->
<div class="linktitle">
<!--オススメタイトル 好きな言葉や画像に変えることが可能-->
RECOMMEND
</div>
<div class="linktext">
<!--オススメのタイトル、画像やコメントを表示させる部分 画像の表示サイズなど変更することも出来る-->
{amazon_item}
</div>
<!-- END amazon -->

<!--最新記事を表示させる-->
<!-- BEGIN latest_entry -->
<!--LATEST ENTRYのタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">NEW ENTRIES</div>
<div class="linktext">
<!--NEW ENTRIESのリスト表示-->
{latest_entry_list}
</div>
<!-- END latest_entry -->

<!-今開いているページの記事一覧を表示させる機能 アーカイブやカテゴリー別に表示させたとき便利--->
<!-- BEGIN selected_entry -->
<!--SELECTED ENTRIESのタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">SELECTED ENTRIES</div>
<div class="linktext">
<!--SELECTED ENTRIESのリスト表示-->
{selected_entry_list}
</div>
<!-- END selected_entry -->

<!--カテゴリー部分-->
<!-- BEGIN category -->
<!--カテゴリーのタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">CATEGORIES</div>
<div class="linktext">
<!--カテゴリーの一覧表示-->
{category_list}
</div>
<!-- END category -->

<!--アーカイブ部分-->
<!-- BEGIN archives -->
<!--アーカイブ部分のタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">ARCHIVES</div>
<div class="linktext">
<!--アーカイブのリスト表示-->
{archives_list}
</div>
<!-- END archives -->

<!--最新コメントを表示させる部分-->
<!-- BEGIN recent_comment -->
<!--RECENT COMMENTのタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">RECENT COMMENT</div>
<div class="linktext">
<!--最新コメントの一覧-->
{recent_comment_list}
</div>
<!-- END recent_comment -->

<!--最新TBを表示させる部分-->
<!-- BEGIN recent_trackback -->
<!---->RECENT TRACKBACKのタイトル部分 好きな言葉や画像に変えることが可能
<div class="linktitle">RECENT TRACKBACK</div>
<div class="linktext">
<!--最新TBの一覧-->
{recent_trackback_list}
</div>
<!-- END recent_trackback -->

<!--リンクを表示させる部分-->
<!-- BEGIN link -->
<!--リンクのタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">LINKS</div>
<div class="linktext">
<!--リンクリストを表示させる-->
{link_list}
</div>
<!-- END link -->

<!--プロフィールを表示させる部分-->
<!-- BEGIN profile -->
<!--プロフィールのタイトル部分 好きな言葉や画像に変えることが可能-->
<div class="linktitle">PROFILE</div>
<div class="linktext">
<!--ユーザーの一覧-->
{user_list}
</div>
<!-- END profile -->

<!--BLOG内のサーチ-->
<!-- search -->
<form method="get" action="">
<div class="search">Search this site.<br />
<!--極端にサイドバーを狭めてしまった人はwidth:140px;の数字を変更する事-->
<input id="search" name="search" size="20" style="width:140px" class="form" /><input type="submit" value="Search" class="button" />
</div>
</form>
<!-- /search/ -->

<!--その他の部分 特に分からなければ消さないこと-->
<!-- powered -->
<div class="linktext">
<ul>
<!--BLOGの管理ページへのリンク-->
<li><a href="./admin/">管理者ページ</a></li>
<!--RSSへのリンク-->
<li><a href="./?mode=rss">RSS1.0</a></li>
<!--Atomへのリンク-->
<li><a href="./?mode=atom">Atom0.3</a></li>
<li><a href="http://jugem.jp/" title="ブログのレンタルならJUGEM(じゅげむ)">Powered by "JUGEM"</a></li>
</ul>
</div>
<!-- /powered/ -->

<!--広告表示 無料プランユーザーは消せません-->
{ad}


</div>

</div>


</body>
</html>
| JUGEM・テンプレ | 22:02 | comments(0) |
スポンサーサイト
| - | 22:02 | - |
| | | |









Sun Mon Tue Wed Thu Fri Sat
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< December 2017 >>