20 11 2008

○の倍数だけデザイン変更
MTエントリーからバナー両端揃え配置

20081120_001.gif

1エントリー毎1バナーとして、横並びバナーを管理したい。
問題点:両端はぴったり揃えたい。

普通にエントリーの投稿では各バナーに指定したマージンの為、左右どちらかの端にそろわないので、プラグイン:LoopLimiterを使用する。

LoopLimiter:Movable Type のあらゆるコンテナタグの中で、たとえば『4回目毎に出現するアイテムに異なったスタイルを適用したい』とかいうような局所的なリクエストに対応する為のプラグイン

使い方は簡単。任意のテンプレートの任意のコンテナタグの中に
<$MTLoopLimiter limit="4" offset="2" each="only" rest="notonly"$>
を記述すればOK

limitで指定したエントリーの回数毎に eachの内容を表示、それ以外は restの内容を表示する。
offsetで最初の出現回数を飛ばすこともできる。

HTMLソース
<MTEntries>
<a href="url" target="_blank" class="<$MTLoopLimiter limit="4" offset="0" each="bnr_x4" rest="bnr_notx4"$>"><$MTEntryBody$></a>
</MTEntries>

CSSソース
.bnr_notx4 { margin:0 20px 0 0;}
.bnr_x4 { margin:0 0 0 0;}

4の倍数の出現だけ右側のマージンを取らないってこと。

本来は交互に背景色を変えたり、10件づつ見出しを変えたりするためのプラグイン。

類似プラグインで、MovableType用Counter Pluginってのもありました。
こちらは、カウントアップ・カウントダウンもできますし、カウント値の比較、奇数か偶数かの判定も可能

こっちでも出来たかな...

 



08 11 2008

MT4で自動保存をなくしたい

もう一つ Sくんに教えて貰いました。
mt-config.cgiに以下の一行を追加
--
AutoSaveFrequency 0
--
※0の部分が秒数になっていって「0」で保存しない、「5」で5秒ごとに保存

参考サイト



08 11 2008

MTでカスタムフィールドを使用する際の注意

Sくん教えて貰いました。
カスタムフィールド使用時の注意点

カスタムフィールドを使用している場合に、ブログ記事の投稿を確認画面経由で保存するとカスタムフィールドの内容が反映されないので注意
MTのシステム上のバグで対処策は今のところ特になし

参考サイト



23 10 2008

Photoshop初期フィルタをFireworksにインストール

Photoshopの初期フィルタはFireworksにイントールできます。
ただし、Photoshop5.5以下のバージョンのフィルタに限る(だったはず。)

フィルタが入っているとちょっとした作業がFireworksだけで完結でき便利。
photoshop5フィルタ:Plug-Insの中身をコピー&ペーストするだけでOK。
・・・Photoshop5.5以下のバージョンのフィルタが必要だね


22 10 2008

MT4.2入力画面(管理画面)上でカスタムフィールドで追加された入力フィールドのレイアウトを変更する---の続き

以前の記事でMT4.2から出来るような書き方しましたが、MT4.1でもstyles-customfields.cssがあったので、カスタマイズ可能でした。
確認を怠りました。
ちなみに、MT4.0は確認環境が無いため未確認です。

【例】ベースネーム:test のテキストフィールドをカスタマイズ
CSSソース
#customfield_test-field {
width:460px;
margin:20px auto;
padding:30px 0;
border:1px solid #ccc;
background:url(../../../../mt/mt-static/images/footer-bg.jpg) repeat-x 0 0;
}

#customfield_test-label {
font-size:200%;
color:#666;
margin:0;
padding:0 0 0 20px;
}

#customfield_test-field .field-content {
border:1px solid #ccc;
background:#cddee7;
padding:10px;
width:400px;
margin:0 auto;
}

 

20081022_101.gif



 1  |  2  |  3  | All pages

archive


全アーカイブ


検索