当ブログについて | 管理人プロフィール | コンタクト
<スポンサードリンク>

上級者向きテンプレートをいじってみた!

2004.06.24 サイト運営 C(4) TB(1) このエントリーを含む「はてなブックマーク」 この記事を「livedoorクリップ」! 「Yahoo!ブックマーク」に登録

写真ココログでは有料オプション「プラス(中級)」「プロ(上級)」が6月末まで無料なのだが、現在の設定「プラス」を「プロ」に変更してみた。
何で今頃・・・と言われちゃいそうだが、無料期間中に「プロ」を触ってみて、使いこなせないな、と思ったら、「プラス」に戻そうと思ったのだ。

通常版(無料)と「プラス」は、ソースは一切触らず、文字の大きさや色を指定したり、どこにどのパーツを設置するかを管理画面上で設定するというものだが、「プロ」にするとテンプレートのソースをいじることができる。

ただ、通常のHTMLを編集するのとはちょっと違ってくるので、XMLにスタイルシートやMovableTypeタグ(「記事の名前」「投稿日」など各パーツを示す名称みたいなものなど)がわからないといけないが、なんとなくHTMLがかわれば、見よう見まねで編集はできる。ちなみに自分のおススメは「10日でおぼえるXML入門教室(翔泳社/2,940円)」だ。ちょっと高いのだが、HTMLがわかっていてXMLを覚えたいという初心者にわかりやすい。

上級者向けテンプレートセットの編集画面にいくと、10個のファイルを編集できるようになっていた。

  • インデックステンプレート
    • Archive Index Template(archives.html)
    • Atom Template(atom.xml)
    • Main Index Template(index.html)
    • RSS Template(index.rdf)
    • Stylesheet(styles.css)
    • sidebar1(sidebar1.inc)
    • sidebar2(sidebar2.inc)

  • バックナンバーテンプレート
    • Category Archives
    • DateBased Archives
    • Individual Archives

写真まず、自分がやりたいのは「カテゴリ毎バックナンバー」のテンプレート変更だ。

◆現状:記事全文が最新順に全部表示されてしまうので、探しにくい
◆希望:カテゴリ毎バックナンバーには記事タイトルのみ並び、クリックすると全文記事が開くようにしたい

いじるのは「Category Archives」。
学んだばかりの乏しいXMLの知識総動員。<MTEntries>から</MTEntries>が、一個分の記事のためのテンプレートで、実際に表示される場合には、該当する記事の個数分だけ、これが繰り返される・・・ということのようだ。なのでここだけ編集すれば大丈夫だろう。

現在はこんな感じだ。

<MTEntries>
<$MTEntryTrackbackData$>

<MTWeblogPostIfShow field="date_header">
<MTDateHeader>
<h2><$MTEntryDate format_weblog_date="1"$></h2>
</MTDateHeader>
</MTWeblogPostIfShow>

<a id="a<$MTEntryID pad="1"$>"></a>
<MTWeblogPostIfShow field="post_title">
<h3><$MTEntryTitle$></h3>
</MTWeblogPostIfShow>

<$MTEntryBody$>

<MTEntryIfExtended>
<$MTEntryMore$>
</MTEntryIfExtended>

<p class="posted">
投稿: <$MTEntryDate format="%Y %m %d"$>
<MTEntryIfCategories>[<MTEntryCategories glue=", ">
<MTBlogIfArchives archive_type="Category">
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a><MTElse><$MTCategoryLabel$>
</MTElse></MTBlogIfArchives></MTEntryCategories>]</MTEntryIfCategories> |
<a href="<$MTEntryPermalink$>">固定リンク</a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink$>#comments">コメント
(<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>#trackback">トラックバック</a>
</MTEntryIfAllowPings>
</p>

</MTEntries>

これをこう変えてみた。

<MTEntries>

<div style="width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
<$MTEntryDate format_weblog_date="1"$> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a> <SPAN STYLE="font-size: small;color: #999999;">C (<$MTEntryCommentCount$>) | TB (<$MTEntryTrackbackCount$>)</SPAN>
</div>

<HR color="#666666" SIZE="1">

</MTEntries>

コメントのトラックバックの数は参考情報になるかと思うので、表示するようにした。箇条書きにしようかと思ったのだが、水平線で区切ってみた。文字数が一行以上になったら隠してしまうところなど、「Mikakeru」さん(「マグネシウムリボン」さん経由で辿り着いた)の記事を参考にさせてもらった。感謝。
結果、なかなかすっきり♪

ブログ&ブログ中毒(ブロ中) バックナンバー

ページの最上部に、オレンジ色で「★★★ バックナンバー」と表示するようにした。これは、<MTEntries>のすぐ上に、一行「<h2><$MTArchiveTitle$> バックナンバー</h2>」というのを加えただけ。

<div id="center">
<div class="content">

<h2><$MTArchiveTitle$> バックナンバー</h2>

<MTEntries>


よし、時間を見つけて、いろいろいじってみるぞ!!


10日でおぼえるXML入門教室

山田 祥寛



発売日 2001/12
売り上げランキング 54,025
おすすめ平均
XMLマスター試験勉強前のウォーミングアップとしても役立ちました
実際に XML を書いて、知識にしたい人向け
今旬な技術、XMLの入門書です

Amazonで詳しく見る4798101370



コメント

HTMLの知識も乏しいボクにはちょっと無理そう…。今後わださんが公開するであろうHow toをパクる予定。期待して待ってます!

投稿者: kajitaku (2004.06.25 01:56)

はい、私も他人真似でやってますので。
変更を加えたら、ソースをここで紹介していきます。
・・・ただ・・・バックナンバーの見せ方を変える以外に、上級テンプレートを使ってカスタマイズしたいことが思いつかないんですよね。だとすると、そのためだけに毎月数百円の追加料金を払って「プロ」にする意味はないような気もしてきちゃいました。(上級テンプレート使うと、前みたいに「掲載したいコンテンツ」にチェックを入れてサイドバーに追加したり、表示位置をドラッグして決めることができなくなっちゃって手間もかかるので)うーむ。悩む。

投稿者: わだ (2004.06.25 13:12)

ココログプロを契約して試しに使いました。
・・・結論としてはMovable Typeを自分のサーバーで使うことにしたあびるでした。(笑)

ココログプロは1週間で解約しました。(^-^;

投稿者: あびる (2004.06.27 21:57)

ココログプロのいいところは、最初からMT(Typeパッドだけど)そのものの機能が全て使えるところですね。

今はまだ使えないけど、そのうち独自ドメインも使えるようになるみたいだし、uploadしたファイルの完全削除もできる。
なにより、テンプレートのモジュール化を自分でしなくてもよかったことかな…。

MTも自分でやれば簡単に軽いモジュール化もできるけど、出来ない人はリビルド時のエラー&時間かかりすぎ状態がウザクなると思います(^_^;)

MT及びココログのカスタマイズは何かあったら相談に乗ります(笑)
もちろん無料です(爆)

投稿者: ななせ♪ (2004.06.27 22:15)





トラックバック
http://app.cocolog-nifty.com/t/trackback/5901/830535

内容に関連性のある記事からのトラックバックは歓迎です。記事内リンクも特に必要ありません。過去交流のないブログでもまったく問題ありません。ただし「単に部分的なキーワードつながり(関連性が薄すぎ)」「自動で大量トラックバック送信」「自身がトラックバックを受付けていないブログからの一方的なトラックバック」は、削除します。

当ブログも何だかんだとエントリが増え、それに伴って特に「カテゴリアーカイブ」ページの表示が重くて、見にくくて仕方がない状況になっていました。何かいい方法・アイデアはないか?とはてなで聞いてみました。...(2005.09.12 16:08)
最新の記事

管理人プロフィール

和田 亜希子

利根川流域に生息するアラフォー独女。ニッチなテーマで小さなサイトを作る「ミニサイト職人」で、主に運営サイトの広告収入で生計たてるようになり早10年経ちました。「パソコン一台携え、旅しながらサイト運営で生計立てる」ベドウィン・モバイラーの夢まであと一歩。大切にしたいのは「好奇心」と「向上心」。うさぎは2011年の干支、ヘビ年バージョンはこちらです。(詳細

Twitter

著書一覧(Amazon)
Yahoo!プロフィール
YouTube動画一覧

AMNパートナーブログ