blog -under construction-: 2005年08月アーカイブ

« 2005年07月 | メイン | 2005年09月 »

2005年08月18日

9月号

「写真のサムネイルを表示できるプラグイン」

プラグインはここからダウンロードして下さい

MTGetsrcURL.zip

●プラグインをインストール

●サイドバーにサムネールを表示させよう

テンプレート画面からメインページのテンプレートを開き、任意の場所（ここではカレンダーの下部）に下記のソースを書き加える

-----------------------ソースここから-----------------------------
< h2>最近の画像< /h2>
< ul class="entry-image">< MTEntries lastn="5" category="Picture">
< li>< a href="< $MTEntryPermalink$>" title="< $MTEntryTitle$>">< img src="< $MTEntryBody getsrcurl="1"$>" alt="< $MTEntryTitle$> image" width="100" height="75" />< /a>< /li>
< /MTEntries>< /ul>
-----------------------ソースここまで-----------------------------

●サムネールのみを利用したインデックスページ

アーカイブページのインデックス・テンプレートのソースをコピーし、「新しいインデックス・テンプレートを作る」をクリック
テンプレートの名前を「画像つきエントリーアーカイブ」、出力ファイル名を「picture.html」とし、コピーしておいたソースをペーストする。

-----------------------ソースここから-----------------------------
< h2>アーカイブ< /h2>
< p>
< MTArchiveList>
< a href="< $MTArchiveLink$>">< $MTArchiveTitle$>< /a>< br />
< /MTArchiveList>
< /p>
-----------------------ソースここまで-----------------------------

ソース内の上記の部分を

-----------------------ソースここから-----------------------------
< h2>画像つきエントリーアーカイブ< /h2>
< ul class="image-list">< MTArchiveList>
< MTEntries category="Picture">
< li>< a href="< $MTEntryPermalink$>" title="< $MTEntryTitle$>">< img src="< $MTEntryBody getsrcurl="1"$>" alt="< $MTEntryTitle$> image" height="100" />< /a>< /li>
< /MTEntries>
< /MTArchiveList>< /ul>
-----------------------ソースここまで-----------------------------

このように修正し、「保存」ぼたんをクリック

スタイルシートを開き下記のソースを追加する

-----------------------ソースここから-----------------------------
a img {
text-decoration: none;
border: none;
}

ul.entry-image li {
text-align: center;
}

ul.image-list li {
display: inline;
}

ul.image-list li img {
margin: 0 5px 10px 5px;
}
-----------------------ソースここまで-----------------------------

表示例

「写真のサムネイルを表示できるプラグイン」

プラグインはここからダウンロードして下さい

MTGetsrcURL.zip

Bad links:
() No bad links found

投稿者 tag : 03:37 | コメント (3) | トラックバック