モカモカ工房

　Dreamweaverを使ってHTMLメールを作る方法を検討してみました。

　まずHTMLメール制作の注意点ですが

1. CSSは出来るだけ使わない
   　メーラーやwebメールクライアントによって、CSSのサポート状況がかなり違います。
   　特にサポートが低いのが"Gmail"です。head部分にCSSを書いても反映せず、外部CSSファイルも使えません。
   
   　インラインだと使えるCSSも増えるのですが、それでも使えないCSSプロパティーがいろいろあるので、CSS support in email clientsの一覧を参考にしながら作るといいと思います。
   
   　実際にいろいろとHTML形式のメルマガを調べてみたところ、実は全てhead部分にCSSを書いていました。しかしどこもフォントサイズ程度にとどめていました。この程度ならばCSSが無視されても大丈夫なようです。
2. レイアウトはCSSではなく、旧来のテーブルレイアウトにする
   　CSSはメールクライアントによってサポートがまちまちなので、テーブルレイアウトにします。
3. 画像にはaltを設定し、画像が表示されなくても大丈夫なようにする
4. イメージファイルはサーバーに置き、パス指定は絶対パスにする
5. デザインの幅は600px程度が良いようです
6. DOCTYPEは「HTML 4.01 Transitional」、文字コードは「iso-2022-jp」を使用する

続きを読む "DreamweaverでHTMLメールを作る方法"

　Movable Type3で作られたブログ（モカの腹）をMovable Type4に移行するにあたり、テンプレートの作り直しが一番大変な作業になると思われます。
　ご存知のようにMovable Typeは4になってから、テンプレートがモジュール化されて大幅にその構造が変わりました。

　テンプレートを初期状態からコツコツ作るのもいいのですが、せっかくこのブログ（モカモカ工房）である程度作り込んだので、これをベースにして新しいテンプレートを作ろうと思いました。

　Movable Type4では、テンプレートをまとめて管理できる「天ぷら」...「テンプレートセット」という機能があります。
　そこで、モカモカ工房のテンプレートセットを書き出して、新しく作ったブログに取り込み、それをもとにモカの腹用のテンプレートを作ることにしました。

続きを読む "Movable Type：TemplateSetExporterを使ったテンプレートの移植"

　私のもう一つのブログモカの腹を最新のシステムにしようと思っています。
　具体的には

1. Movable Type4へのアップグレード
2. PHP化
3. ページ分割

　などです。

　まずMovable Type4へのアップグレードをする前に、一度3.37の最新版へアップグレードすることにしました。

続きを読む "Movable Type3.34から3.37へアップグレード"

　このブログ以外に私はモカの腹というブログをやっています。（こっちの方がはるかに繁盛しているのですが(^.^;)）

　そちらがまだMovable Typeの3.34なのです。
　近いうちにMovable Type4に上げたいとは思っているのですが、テンプレートを作り直さなければいけないので二の足を踏んでいます。

　しかし、そんな悠長なことを言られない問題が一つあります。
　全体のエントリー数が1300を超え、アーカイブあたりのエントリー数が非常に多くなってしまっているのです。
　カテゴリーによっては160もエントリーがあるものまであります。

　これではいけないと思い、ページ分割を導入することにしました。
　ページ分割はMTPaginateを使うのが一般的だと思うのですが、PHP化が必要です。
　「めんどーだわ〜」
　などと思って調べていたら、PHP化しないでページ分割出来るプラグインがありましたヽ(^。^)ノ

　さてさてその方法は...

続きを読む "Movable Type3：PHP化しないでページ分割「PageBute」"

　サイドバーの「メニュー」にある「全記事リスト」をクリックしてもらうとわかるのですが、ブログ上の記事の一覧をカテゴリー別に表示できるようにしました。

続きを読む "Movable Type：記事のカテゴリー別一覧表示"

　背景画像に文字を重ねる時、その背景を半透明色にして読みやすくする方法です。
　背景画像を直接画像処理してもいいのですが、CSSで定義することにより、より柔軟な使い方が出来ると思います。

続きを読む "CSSで半透明表示"