MT4 バナー追加。
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] Blogトラックバック(0)
このブログ記事を参照しているブログ一覧: MT4 バナー追加。
このブログ記事に対するトラックバックURL: http://blog.ragon.jp/mt4bin/mt-tb.cgi/9