Apply Skin
mt.Vicunaへのスキンの適用方法を解説します。
スキンの入手と準備
mt.Vicunaテンプレートを適用後、スキンページから好みのものをダウンロードして解凍します。
mt.Vicunaで配布しているスキンを構成するファイル(CSSファイル・画像ファイル)は、各スキンごとにstyle-○○○という1つのフォルダに格納されています。
スキンのアップロード
style-○○○フォルダをMovable Typeの設置されたサーバー上の、
mt/mt-static/themes/
ディレクトリの中にアップロードします。
管理ページからパスを設定
Movable Typeの管理ページ→テンプレート編集ページから"スタイルシート"を選び、スタイルシートテンプレートの中の記述を編集します。
下記の記述の○○○部分を、スキンの名前に変更してください。
@import url("<$MTStaticWebPath$>themes/style-○○○/import.css");
スタイルシートテンプレートを再構築すれば適用されます。
以上でスキンの適用方法は終わりです。
スキンが適用されない場合
以下の原因が考えられます。
- スキンファイルが正常に mt-static/themes ディレクトリにアップロードされていない。
- スキンフォルダ名が間違っている。
- 管理画面、スタイルシートテンプレートの記述が間違っている
- CSSファイルのパーミッションが狂った
- 適用されているが、キャッシュが残ってて反映されてないように見える
お使いのMovable Typeの生成したページのhead内にあるスタイルシートへのリンクを調べ、直接ブラウザから表示させてみてください。
<link rel="stylesheet" type="text/css" href="http://hogehoge.org/styles-site.css" />
styles-site.cssの中身にはきちんとスキンを構成するファイルのimport規則が記述されていますか?また、それらのファイルまでのパスは合っていますか?記述がなされている場合は直接ファイルのURIへ飛んできちんとCSSファイルの内容が表示されるか確認してみてください。
上記を確認しても正常な場合は、アップロード時に何らかの原因でスキンファイルのパーミッションが狂ってる可能性があります。
FPTソフト等で接続し、各スキンファイルのパーミッションを調べてください。644等の読み込み・書き込み可能なパーミッションに調整してください。
上記のことを試してもダメな場合は、症状、設置鯖をForumに書き込みしてください。