Dr.Blogテンプレート(Movable Type 3.0用) 設置方法

Dr.BlogテンプレートVer.2.0イメージ

ここではMOOVER!でのドクターブログテンプレートの導入手順をご紹介します。

Dr.Blogテンプレートは、Movable Typeのデフォルトテンプレートのclassやidの名称などが異なりますので、ご使用になられる際にはMovabelTypeインストール時に必ず「Dr.Blogテンプレート」を選んでインストールしてください。


StyleCatcherプラグインを使用する場合

StyleCatcherプラグインとはMovable Typeで簡単にデザインテンプレートを変更・管理するための機能です。使用される場合には以下の方法を参考にしてください。

  1. Movable Type管理画面のシステムメニューの中から「プラグイン」を選びクリックします。するとプラグインの一覧画面が表示されますので、それらの中から「StyleCatcher」を探し、右側のメニューから「 設定を表示 」をクリックしましょう。 StyleCatcher設定
  2. ■「テーマのルートURL」スタイル・テーマ保存用のディレクトリのURLの入力内容を確認してください。
    ■「テーマのルートパス」はスタイル・テーマ保存用のディレクトリのパスの入力内容を確認してください。
    ■「Style LibraryへのURL」はスタイル・テーマを一元的に管理しているStyle LibraryサイトのURLを入力します。http://moover.jp/styles/と入力されていることを確認してください。
    StyleCatcher設定03
    入力が完了したら「変更を保存」ボタンをクリックし、保存します。
  3. 次にプラグインイン一覧へ戻り、今度は「StyleCatcher」のタイトル部分のリンクをクリックしましょう。
    StyleCatcher設定05
    StyleCatcher設定04
    画面が切り替わりますので、次に「テーマ/リポジトリへのURL」項目部分に、 を記述し、「スタイル検索」ボタンをクリックしてドクターブログのテンプレートの一覧を表示させましょう。
    デザインの変更はページ下部のセレクトボックスから変更するブログを選択し、(ブログのテンプレートメニューのプラグイン項目から、StyleCatcher 管理画面にアクセスした場合は、ブログを選択セレクトボックスは表示されません) 変更したいデザインをクリックして「デザインを適用」ボタンをクリックすれば完了です!

StyleCatcherプラグインを使用しない場合

StyleCatcherプラグインを使用しない01
  1. メンバーページ内の「Dr.Blogデザインテンプレート」より変更するデザインテンプレートを決定し、ダウンロードボタンからテンプレートデータをダウンロードします。
  2. 解凍ソフトでダウンロードデータを解凍します。
  3. ダウンロードした画像ファイルを管理画面の「ファイルをアップロード」及び、FTPクライアントソフトを利用しサーバーにすべての画像ファイルをアップロードします。
    ※アップロード先は適用するブログと同じディレクトリにアップロードしてください。
    例:「ブログ(http://your-domain.com/)」の場合 http://your-domain.com/hogehoge.gif
  4. 次に、Movable Typeの管理画面へログインし、テンプレート一覧の「スタイルシート」の内容を削除し、ダウンロードしたCSSファイルの内容を貼り付けて「保存と再構築」を行ってください。
  5. これで設置完了です。「サイトを確認」できちんと設置されたかを確認してください。

Page Top