MT4 バナー追加。

| | トラックバック(0)

MT4に変えてから、なんか足りないなー・・と思ったところ。

バナーがないじゃん。
簡単に追加できないのかなーと弄ってましたが。


やっぱテンプレ作るっきゃないか。
と作ってみました。

やり方は、、、、

(下まで行くと、結構長いです。)

簡単に書くと、
1)テンプレ→テンプレモジュールに「バナー」モジュールを新規作成。
ここの中に追加したい、バナーリンクを作成。
2)自分の場合は、サイドバーに追加したかったので、
サイドバーにインクルードモジュールとして、作成したバナーを追加。
再構築、以上。

なんですが、自分の場合はもちっとややこしくしました。
Indexで表示したいバナーを設定できるようにしたかったのでMTIFの条件分を付けてます。

ブログ編集画面から、
「デザイン」-「テンプレート」
クイックフィルタから「テンプレートモジュール」を選択
「(+)テンプレートモジュールを作成」をクリック

テンプレート名:「バナー」 *・・・任意で付けてください。
中身:自分でリンクしたいバナーをここで <A href=で指定します。

例としては、
<A href="xxx" > <img src="<$mtblogURL$>images/xyz.jpg" border="0" ></A>
こんな感じですか。
xxxにはバナーのリンクしたいURLを、
xyz.jpgにはバナーとしてアップロードした画像の名前ですね。
(もちろん、xyz.gifの場合もありますが)
アップロード先をImagesフォルダにしていますので、ご注意です。

また、MT4の「新規作成」-「ファイルのアップロード」機能を使うと、
Web上のアイテムとして見られます。つまり、Photoコンテンツとして表示します。
FTPツールでアップロードすれば、コンテンツとして表示もしなくなります。

ここまでが終わったら、まずは「保存」です。

保存し終わったら、
右側にある"ショートカット"から「モジュールテンプレート一覧」で、
一覧画面に戻ります。

次に編集するのは、
「サイドバー(3カラム)」もしくは、「サイドバー(2カラム)」です。

表示したい場所にもよりますが、
ここでは、例として
「このブログを購読」と「POWERD BY MT4 ロゴ」の間に入れることとします。

  <a href="<$MTLink template="atom"$>">このブログを購読 </a>
 </div>
</div>
<---ここに追記します。--->
<div class="widget-powered widget">
 <div class="widget-content">
  <a href="http://www.movabletype.com/"><img src="<$MTStaticWebPath$>images/mt4-bug-pbmt-white.png" alt="Powered by Movable Type <$MTVersion$>" width="120" height="75" /></a>

追記する内容については
例として、
<div class="banner">
  <h3 class="widget-header">バナー</h3>
  <center>
  <mt:if name="module_banner">
    <$mt:Include module="バナー"$>
  </mt:if>
</div>

解説。
1行目:<div class="banner">
  特に意味はありません。
2行目:<mt:if name="module_banner">
  後述のIndexページで使う変数と条件を設定しています。
  module_banner=0/1 でバナーをすべて非表示/表示にできます。
3行目:<h3 class="widget-header">バナー</h3>
  バナーというタイトルを作っています。
4行目:<center>
  中央に寄せてます。
5行目:<$mt:Include module="バナー"$>
  編集画面の「挿入する」とあるプルダウンから
  「テンプレートモジュールのインクルード」を選択し、表示されたmodule="~"に
  先ほど作成した「バナー」モジュールのタイトル「バナー」を代入しています。
6行目:</mt:if>
  4行目を閉じます。
7行目:</div>
  1行目を閉じます。

ここまでできたら、「保存」です。

最後に、
「デザイン」-「テンプレート」から
インデックステンプレートにある「メインページ」(index.html)を編集します。

ページ上段にならんでいる、MTSetVarにならべて
<MTSetVar name="module_category_archives" value="1">
<MTSetVar name="module_author_archives" value="1">
<MTSetVar name="module_monthly_archives" value="1">
の下あたりに、

<$mt:var name="module_banner" value="1"$>
を追記します。
ここで、value=1で表示、value=0で非表示になります。

これで再構築して完了です。
基本的にTOPページにのみ表示しますので、
アーカイブ、Webページに表示する形であれば、
インデックステンプレート:「アーカイブページ」
アーカイブテンプレート:「ウェブページ」
にもメインページと同じ追記をすることで、表示できます。

個別ページを含む、全ページに表示したい場合は、
2行目:<mt:if name="module_banner">
6行目:</mt:if>
をとったら表示するハズです。

ちなみに。
作成した、「バナー」テンプレートに記載するときに
<mt:if name="abc_banner">
  <a href="http://www.abc.jp/"><img src~~~
</mt:if>
と記述し、メインに
<$mt:var name="abc_banner" value="1"$>
を追記していくことで、
ここのバナーを表示・非表示の設定をすることができます。

カテゴリ

トラックバック(0)

このブログ記事を参照しているブログ一覧: MT4 バナー追加。

このブログ記事に対するトラックバックURL: http://blog.ragon.jp/mt4bin/mt-tb.cgi/9

このブログ記事について

このページは、ぱぱが2007年9月25日 20:52に書いたブログ記事です。

ひとつ前のブログ記事は「Cabalはじめました。」です。

次のブログ記事は「PC周辺買い替え~」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 4.0