ブログの SSL 対応

さくらサーバーでウェブサイトをSSL対応にしようとしてちょっとハマった件。

この MovableType のブログの表示レイアウトがめちゃ乱れてしまった。原因を調べたら、スタイルシートの読み込みのリンクが http:// のままになっていて、いくら https:// でブログにアクセスしたとしても、設定してあるスタイルシートへのリンクをブラウザが"怪しいリンク先"と見なしてブロックしてしまうらしい、ということが分かった。ブログの設定でブログのパスを https:// にしたいところだが、http:// に固定されていて変更ができない。

そこで、SSL環境でMTをインストールし直すことにした。ついでなので今回はバージョンを 6.3.6 から 8.0.2 に上げた。こうすると新規に作ったブログのパスが自動的に https://・・になった。以前のブログをエクスポート、テーマもエクスポートして、新しいブログにインポートする。

これでブログの引っ越しが完全にできたと思ったが、CSSは読み込めているのにレイアウトの乱れがまだ残った。２カラムのサイドバーで設定してあるテーマをインポートしたのだが、なぜか３カラムのサイドバーの設定に変わっていて、２カラムと３カラムが混じり合ったような乱れたレイアウトになってしまったのだ。layout-wt のはずが layout-wtt になっていた。アルファ、ベータの上にガンマまで割込んできてガタガタ。この修正がどうしてもできない。

そこで「サイドバー」テンプレートを改変した。

これで強引に２カラムのサイドバーで表示できるようにした。さらに、「メインページ」「ブログ記事」「アーカイブインデックス」「カテゴリ別ブログ記事リスト」「月別ブログ記事リスト」「検索結果」も以下のように書き換えた。すべて layout-wt に書き換える。