MT4.0で デザイン▽ 設定から、「ウィジェット」(Widget)と「スタイル」の両方を利用する方法、覚え書き。
MT3.3xからのバージョンアップのため?かもしれませんが、Widget中のclass名などがスタイルで利用のそれと異なっていました。Widget中ではmodule-xxが スタイル中ではwidget-xxになってます。
MT4.0新機能の検索置換機能を利用して、一括で修正できました。
変換:下記を検索・置換。種類が widget のもののみを選択。
class="module-header" → class="widget-header"
module-content → widget-content
module-list → widget-list
module" → widget"
#よく考えたら、下記だけでいけそうです。
module- → widget-
module" → widget"
置換後は再構築が必要です。
#あと、widget テンプレートの class="widget-header" のh2 を h3に変更。。。は全部手で。
後はデザインを本来のように設定し、widgetを利用するようにテンプレートを修正します。
名前は Widget-beta,Widget-gammaとしておきます。
#ここでは3カラムを選択
モジュールテンプレート 中の「サイドバー(3カラム)」を修正。
要はbeta-inner,gamma-innerそれぞれに上で作ったWidget-beta,Widget-gamma を指定します。
なお、デフォルトはアーカイブや検索結果ごとに画面を変えるなど、かなり凝ったことをやっていますので、ある程度残すなどはお好み。
最後に再構築すればできあがり。
なお、3.xでは「Main page」テンプレート に直接beta,gammaをつっこんでいたと思いますが、MT4.では「サイドバー(3カラム)」テンプレート内にbeta/gammaが指定されています。
alphaは「ヘッダー」テンプレート内です。(/divで閉じてませんが)
で、「メインページ」テンプレートから「ブログ記事の概要」や「ヘッダー」「フッター」 などテンプレートを呼び、「フッター」テンプレートから「サイドバー(3カラム)」テンプレート を呼んでます。
なお、一時期、IEで表示がずれていましたが原因判りました。興味ある方用に、下記続き に記載しておきます。
IEでずれていた原因が色々やってやっとわかりました。
mozilla 用にwidgetをテキトーに作成してましたが、その中のdivの指定がまずかったようです。
正:
<div class="widget-syndicate widget">
<h2 class="widget-header">Get Firefox</h2>
<div class="widget-content">
..
</div>
</div>
とかせねばならないのを、横着して
誤:
<div class="widget-content">
<h2 class="widget-header">Get Firefox</h2>
..
</div>
と指定したのが問題だったようです。
mozilla 用にwidgetをテキトーに作成してましたが、その中のdivの指定がまずかったようです。
正:
<div class="widget-syndicate widget">
<h2 class="widget-header">Get Firefox</h2>
<div class="widget-content">
..
</div>
</div>
とかせねばならないのを、横着して
誤:
<div class="widget-content">
<h2 class="widget-header">Get Firefox</h2>
..
</div>
と指定したのが問題だったようです。



コメントする