2008年05月12日

MTをHPっぽく。(記事編その1)

MTをHPっぽく。(記事編その1)

この記事は、MT(Movable Type4.1)の標準テンプレートを使ってのHP作成過程での、プチカスタマイズ(笑)の備忘めも、『記事編その1』です。

■1.ブログの記事タイトルの下に表示される、「投稿年月日時間」を削除。
■2.「投稿者・カテゴリ・TB」が、記事のタイトルの下に有るが、これを、記事の下に廻す。
■3.同時に、現在左寄せ(無指定)になっているこの表示を、右寄せに。


写真は、本文に全く関係のない、白川郷での一枚。
昔は鯖江でもよく見かけたのですが・・・。
懐かしいような一枚です。■1.ブログの記事タイトルの下に表示される、「投稿年月日時間」を削除。

デザイン → テンプレート → テンプレートモジュール → ブログ記事のメタデータ と進み下記の修正を行う。

<div class="asset-meta">
<span class="byline vcard">
<MTIfNonEmpty tag="EntryAuthorDisplayName">
<address class="vcard author"><$MTEntryAuthorLink show_hcard="1"$></address> (<abbr class="published" title="<$MTEntryDate format_name="iso8601"$>"><$MTEntryDate format="%x %X"$>)
<MTElse>

    これを

<div class="asset-meta">
<span class="byline vcard">
<MTIfNonEmpty tag="EntryAuthorDisplayName">
posted by <address class="vcard author"><$MTEntryAuthorLink
show_hcard="1"$></address> ← 頭に「 posted by 」を付けて、お尻の(・・・)を削除。
<MTElse>



■2.「投稿者・カテゴリ・TB」が、記事のタイトルの下に有るが、これを、記事の下に廻す。

★ブログ記事の概要
<div id="entry-<$MTEntryID$>" class="entry-asset asset hentry">
<div class="asset-header">
<h2 class="asset-name entry-title"><img src="ttp://www.kawanaka-keiei.jp/mthave/bullet_green.png"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h2>
◎<$MTInclude module="ブログ記事のメタデータ"$> ← これを削除。
</div>
<div class="asset-content entry-content">
<MTIfNonEmpty tag="EntryBody">
<div class="asset-body">
<$MTEntryBody$>
</div>
</MTIfNonEmpty>
<MTIfTagSearch>
<$MTInclude module="タグ"$>
</MTIfTagSearch>
<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<div class="asset-more-link">
<a rel="bookmark" href="<$MTEntryPermalink$>#more"><$MTEntryTitle$></a>の続きを読む
</div>
</MTIfNonEmpty>
</div>
◆<$MTInclude module="ブログ記事のメタデータ"$><br> ← これを設置。
<div class="asset-footer"></div>
</div>


★ブログ記事の詳細
<div id="entry-<$MTEntryID$>" class="entry-asset asset hentry">
<div class="asset-header">
<h1 id="page-title" class="asset-name entry-title"><img src="ttp://www.kawanaka-keiei.jp/mthave/bullet_orange.png"><$MTEntryTitle$></h1>
△<$MTInclude module="ブログ記事のメタデータ"$> ← これを削除。
</div>
<div class="asset-content entry-content">
<MTIfNonEmpty tag="EntryBody">
<div class="asset-body">
<$MTEntryBody$>
</div>
</MTIfNonEmpty>
<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<div id="more" class="asset-more">
<$MTEntryMore$>
</div>
</MTIfNonEmpty>
</div>
△△<$MTInclude module="ブログ記事のメタデータ"$><br> ← これを設置。
<div class="asset-footer">
<MTIf name="entry_template">
<$MTInclude module="カテゴリ"$>
</MTIf>
<$MTInclude module="タグ"$>
</div>
</div>



■3.同時に、現在左寄せ(無指定)になっているこの表示を、右寄せに。

★デザイン→テンプレート→テンプレートモジュール→ブログ記事のメタデータ

<div class="asset-meta">
<span class="byline vcard">
<Div Align="right"> ← これを設置。
<MTIfNonEmpty tag="EntryAuthorDisplayName">
posted by <address class="vcard author"><$MTEntryAuthorLink show_hcard="1"$></address>
<MTElse>
<abbr class="published" title="<$MTEntryDate format_name="iso8601"$>"><$MTEntryDate format="%x %X"$></abbr>
</MTIfNonEmpty>
</span>
<span class="separator">|</span> <a class="permalink" rel="bookmark" href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
<MTUnless name="hide_counts" eq="1">
<MTIfCommentsActive>| <a href="<$MTEntryPermalink$>#comments">コメント(<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック(<$MTEntryTrackbackCount$>)</a></MTIfPingsActive>
</MTUnless>
</Div> ← これを設置。
</div>


 税理士法人川中経営
  税理士・ITC 川中重司
posted by 福井県は鯖江市の税理士 at 00:00 | Comment(0) | TrackBack(0) | ・MovableType・Nucleus
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/40033593
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック