サムネイル画像表示のMTタグ

トップページ > 便利なお役立ち情報 > サムネイル画像表示のMTタグ
ichiran-hyouji.jpg
提供:株式会社グローバルコミュニケーション(ただテン!)

おすすめ度:★★★★★

トップページや、その他のページにサムネイル画像の一覧を表示するMTタグです。

指定したカテゴリーの画像だけを表示させますので、このブログの「トップページ」や、「無料配布予定のテンプレート」のようなページが作れます。



[▲クリックすると拡大します]
「ただテン!」で記述している(このブログサイト)同じMTタグをサンプルとして書き出しますので、ご自由に変更してみてください。

トップページの場合:メインページのMTタグの間に下記のMTタグをコピペしてください。

「ただテン!」で無料配布しているテンプレートなら動作します。


【MTタグをコピペする】

[デザイン]▶[テンプレート]▶[メインページ]


メインページ内容↓
______________________________

省略)
<$MTInclude module="ヘッダー"$>

この間に以下のタグを記載します。

<$MTInclude module="フッター"$>
______________________________




まずは、3行目の<MTCategoriy name="MT4無料テンプレート">の(MT4無料テンプレート)という部分を、あなたが一覧表示をさせたいカテゴリーのカテゴリー名に変更します。

例えば)

あなたが「猫のみーちゃん」というカテゴリーを作ったとします。
そして、「猫のみーちゃん」カテゴリーの画像を一覧表示したければ、3行目のMTタグは、

<MTCategoriy name="猫のみーちゃん">

となります。

次に、一覧表示させる画像の枚数を指定します。

5行目の<MTEntries lastn="12">の"12"の数字がトータルで画像を表示させる数です。

上記のMTタグでは12枚の表示になります。




【CSSをコピペする】

上記のMTタグをコピペ+変更しただけでは、160pixel ×120pixelの画像が縦にずらっと並ぶだけです。

ダウンロードしたCSSファイルに以下のCSSタグをコピペします。

コピペする場所はCSSファイル内であればどこでもかまいませんが、一番下にでもコピペして、コメントを記述しておくと、後々でもカスタマイズしやすいでしょう。



スタイルのカスタマイズはご自身でお願い致します。



【ブログを書く+画像をアップする】

MTタグとCSSタグのコピペが終わったら、後は実際に新規にブログを書くだけです。

その際、以下の2つのポイントを忘れずに行ってください。

ichiran-saigo.jpg























【point:1】画像をアップロードし、記事を記載したら必ず、カテゴリーを選択する。

【point:2】最後にキーワードを入力する箇所に、アップロードした画像ファイル名を記述します。

以上で完了です。


【補足説明】

*当然ですが、新規ブログ作成の時点で画像をアップロードしなければ一覧表示はされません。
*仮に、1記事に3枚画像をアップした場合でもキーワードに入力した画像ファイル名の画像を表示します。
*画像をアップロードする際の、画像表示サイズ指定はサムネイル一覧表示には関係しません。既にMTタグで設定済みなので。

*画像ファイル名は英数半角文字のみとなります。


ブログを保存し、確認してみてください。




【おまけ】

「ただテン!」で無料配布しているMTテンプレートなら、一覧表示の単独ページも簡単に作成できます。


 このブログ内の参考ページ:無料配布予定のテンプレート(←別タブ or 別ブラウザーで開きます)


[デザイン]▶[テンプレート]▶[メインページ]をコピー

[+インデックスページを作成]でメインページの内容をペースト

これで、メインページと同じものができましたので、最後に不要なMTタグを削除してください。

______________________________

省略)
<$MTInclude module="ヘッダー"$>

この間の不要なMTタグを削除し、上記タグのみにします。

<$MTInclude module="フッター"$>

______________________________