MovableTypeでブログしよう! ドクターブログではMovableTypeテンプレートを無料配布中!Movable Typeのインストール方法、カスタマイズ方法も!

Movable Type Template (ムーバブルタイプデザインテンプレート)

Dr.Blog テンプレートVer.2.0 設置方法

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

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

Ver.2.0ではこれまでデフォルトのテンプレートに依存していたテンプレートから、XHTML及びCSSの見直しを行い、各テンプレートのベースを作成しました。その為、MovableTypeのデフォルトテンプレートのclassやidの名称などが異なります。

ドクターブログのテンプレートを使用される際にはこちらのドクターブログベーステンプレートを設置しなければなりません。


StyleCatcherPluginを使用する場合

  1. MovableTypeをインストール
  2. Dr.Blogベーステンプレートをダウンロードし解凍します。
  3. FTPクライアントソフトを起動し、MovableTypeをインストールしているディレクトリを開きます。
  4. 解凍したファイルから「plugins/StyleCatcher/base-weblog.css」をバックアップをとって上書きします。
  5. 「plugins/StyleCatcher/stylecatcher.cgi」のパーミッション(属性)を755or705にします。
  6. 「default_templates」のバックアップをとって、先ほどダウンロードしたものをアップロードします。
  7. 新規ブログの作成を行います。
    ※使用中のブログにスタイルを適用される場合は管理画面よりテンプレート画面を開き、全テンプレートをDr.Blogベーステンプレートに上書きしてください。
  8. メイン・メニュー>プラグインからStyleCatcherの「設定を表示」をクリックし、初期設定を行います。
    • 「テーマのルートURL」スタイル・テーマ保存用のディレクトリのURLを入力します。
    • 「テーマのルートパス」はスタイル・テーマ保存用のディレクトリのパスを入力します。
    • 「Style LibraryへのURL」はスタイル・テーマを一元的に管理しているStyle LibraryサイトのURLを入力します。http://drblog.jp/styles/と入力してください。
  9. ここまでの作業が完了したらプラグイン一覧からプラグイン名「StyleCatcher」をクリックし、スタイルの変更を行います。
  10. 最新のスタイル・テーマの一覧を表示するために、「テーマ/リポジトリへのURL」欄に「http://drblog.jp/styles/」スタイル検索ボタンをクリックします。
  11. 画面右下の「ブログを選択」セレクトボックスより、スタイルを適用したいブログを選択してデザインを適用ボタンをクリックします。(ブログのテンプレートメニューのプラグイン項目から、StyleCatcher 管理画面にアクセスした場合は、ブログを選択セレクトボックスは表示されません)

StyleCatcherPluginを使用しない場合

  1. MovableTypeをインストール
  2. MovableType管理画面よりテンプレート一覧画面へ移動します。
  3. ページ下部の各テンプレートをすべてお使いのMovableTypeのテンプレートに上書き保存します。
  4. ドクターブログのテンプレート一覧より使用されるテンプレートを決め、詳細ページよりデータをダウンロードします。
  5. 解凍ソフトでダウンロードデータを解凍します。
  6. ダウンロードした画像ファイルを管理画面の「ファイルをアップロード」及び、FTPクライアントソフトを利用しサーバーにすべての画像ファイルをアップロードします。
    ※アップロード先は適用するブログと同じディレクトリにアップロードしてください。
    例:「ブログ(http://your-domain.com/)」の場合 http://your-domain.com/hogehoge.gif
  7. テンプレート一覧の「スタイルシート」をダウンロードしたものに上書きし、「保存と再構築」を行ってください。
  8. これで設置完了です。「サイトを確認」できちんと設置されたかを確認してください。

Dr.Blogベーステンプレート

2006.07.06:検索画面でのfooter部分の「page top」リンクを削除しました。

アーカイブページ
スタイルシート
メインページ
エントリー・アーカイブ
カテゴリー・アーカイブ
日付アーカイブ
コメント・プレビュー(Comment Preview Template)
コメント・保留(Comment Pending Template)
コメント・エラー(Comment Error Template)
トラックバックの一覧(TrackBack Listing Template)
ダイナミックページ・エラー(Dynamic Pages Error Template)
検索結果(Search Template)
フィールドビジネスブログ ビジネスブログテンプレートの決定版

フィールドビジネスブログ

企業サイト向けMovableTypeテンプレートの決定版!Ver.4対応テンプレートが新登場!デザイン性ときめ細かな対応でご好評いただいております。

Dr.BlogのMovableTypeスタイルデザイン&テンプレート集

Dr.BlogのMovableType スタイルデザイン&テンプレート集

Dr.Blogがついに本になりました! MovableTypeでblogをカスタマイズするための知識をふんだんに盛り込みました!テンプレートの解説もあります。