スタイルキャッチャーで適用させたスタイルシートを編集して、カスタマイズする方法をご紹介します。

xhtmlやCSSに関する知識がある方なら、スタイルシートを編集してオリジナルのテンプレートに仕上げることが可能です。

スタイルシートの編集、カスタマイズ方法

01 スタイルシートをダウンロードして編集しましょう

管理画面のメニューよりデザインの中のスタイルをクリックします。

ブログに適用させているテンプレートを選ぶと、一覧の右隣に選択されたデザインが表示されます。
テンプレートの名前の下部にCSS Fileというテキストリンクがありますので、そちらをクリックし、該当テンプレートのCSSをダウンロードして下さい。

ダウンロードしたCSSを任意のデザインに編集して下さい。

02 編集したスタイルシートを設置しましょう

メニューよりデザインの中のテンプレートをクリックします。

スタイルシート（メイン）をクリックして開きます。

ソースの@import url(/sample/mt/mt-static/support/themes/テンプレートの番号/テンプレートの番号.css);の一行を削除します。

/* end StyleCatcher imports */の下にカスタマイズしたCSSを貼り付けます。

04サイトを確認しましょう

保存と再構築ボタンをクリックします。「スタイルシート(メイン)を再構築しました。 」というメッセージを確認して、「サイトの表示」ボタンをクリックして実際のホームページで見てみましょう。

他にもMovable Type 4.0ならwidgetなどをカスタマイズすることもできます。いろいろ試してオリジナルのブログテンプレートを構築してみて下さい！

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

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

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

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

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

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

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

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

1. Movable Type管理画面のメニューの「デザイン」の中の「スタイル」を選びクリックします。
   
2. 「既定のスタイル」の一覧画面が表示されます。「カテゴリ」の中から「Moover Blog Template for Movable Type4」を選びます。表示された一覧の中からお気に入りのデザインを選び、サムネイル画像をクリックして下さい。
   
3. サムネイル画像をクリックしていただくと、一覧の右側の「選択されたデザイン」に選択したデザインが表示されます。画像下のプルダウンメニューより、お好きなレイアウトを選択し「デザインを適用」ボタンをクリックして下さい。
   
4. 「再構築」をします。再構築が完了したらサイトを表示してみましょう。
   選択されたデザインが適用されています。
   
   
   

ブラウザひとつでカンタン更新！Movable Type 3.x を使ったエントリー投稿方法をご紹介いたします。

これまで、業者に任せていた更新もブログなら簡単更新でOKです。更新費用も更新時間も全てカットで、あなたのサイトにいつでも最新の情報を掲載することができます。

ブログの投稿方法

01ログインして投稿するブログを選びましょう

Movable Typeで新しい記事を投稿するためには「新規エントリー」をクリックして行います。

まずはブログにログインするために「http://ドメイン名/Movable Typeをインストールしたディレクトリ/mt.cgi」にアクセスし、あなたの「ユーザー名」、「パスワード」を入力してログインすると「ウェブログの管理」画面が表示します。ここでは登録されているブログの一覧が表示されています。

ブログ一覧から記事を投稿したいブログの「タイトルリンク」をクリックして編集画面に入ってください。

02編集メニューから「新規エントリー」を選びましょう

ブログの編集画面が表示されたら、左側の編集メニュー内の一番上にある「新規エントリー」をクリックして、エントリー記述画面に移動します。

03エントリーを書きましょう

エントリー記述画面が表示されたら早速エントリーを書きましょう。「タイトル」部分にエントリー記事のタイトルを、「公開の状態」でエントリー記事の状態をどうするか、「エントリー内容（body）」にエントリー記事本文を書きましょう。

しかしMovable Typeではもっとたくさんの機能を使うことが出来ます。さらに高度なエントリー記事を書きたい方は画面左下にある「画面の表示設定を変更」をクリックしましょう。

エントリーの設定が新しいウインドウが立ち上がりますのでエディターフィールドを「すべて」にして保存しましょう。エントリー投稿画面は変化したでしょうか？

新しく追加されたエントリー項目を使って、「追記」部分に記述した内容は個別エントリーアーカイブのみで表示される記事部分となり、「概要」部分にはエントリーの概要を入力しコンテンツの要約を記述することができます。キーワードではサイト内検索時に使用できるキーワードやタグが設定可能です。

03エントリーを保存しましょう

• 投稿の状態
  ■「下書き」..公開されません
  ■「公開」.....ブログ上に公開されます
  ■「指定日」..指定した時間に記事を表示させます
• エントリーの投稿日時
  記事の作成日時です（変更可）
• テキストフォーマット
  自動改行変換を行うか、行わないか設定します。
  （エントリー部でソースを記述される場合には「なし」を選んでください）
• コメントを受信
  記事に対してコメントを受け付けるようにするか設定します
• トラックバックを受信
  記事に対してトラックバックを受け付けるようにするか設定します
• トラックバック送信先のURL
  作成する記事を他ブログのエントリーとトラックバックを結ぶ場合にURLを入力します

以上の設定を行ってから「保存」ボタンをクリックします。

04サイトを確認しましょう

保存ボタンをクリックすると自動的に再構築されます。「保存しました」というメッセージを確認して、「サイトの確認」ボタンをクリックして実際のホームページで見てみましょう。

以上で更新作業は完了です。難しい専門知識や、高価なアプリケーションは必要ありません。ブラウザソフトひとつあればどこでも、簡単に更新が行えます。

表現力豊かなブログ記事をカンタン更新！Movable Type 4を使ったエントリー投稿方法をご紹介いたします。

これまで、業者に任せていた更新もブログなら簡単更新でOKです。更新費用も更新時間も全てカットで、あなたのサイトにいつでも最新の情報を掲載することができます。

ブログの投稿方法

01 ログインして投稿するブログを選びましょう

まずはブログにログインするために「http://ドメイン名/Movable Typeをインストールしたディレクトリ/mt.cgi」にアクセスし、あなたの「ユーザー名」、「パスワード」を入力してログインします。

「システムメニュー」のタブをクリックします。記事を投稿したいブログを選び編集画面に入ります。

02 エントリーを書きましょう

ブログの編集画面が表示されたら、メニューの「新規作成」の中の「ブログ記事」をクリックします。

エントリー記述画面が表示されたら早速エントリーを書きましょう。Movable Type 4より標準搭載された「WYSIWYGエディター 」で、表現力豊かなブログ記事を、初心者でも手軽に更新できるようになりました。

1. フォーマットの設定
   
   編集画面右上にある「フォーマット」のプルダウンより自動改行変換を行うか、行わないか設定します。リッチテキストを選択すると、実際のブログのデザインで記事をプレビューしながら編集することができます。（エントリー部でソースを記述される場合には「なし」を選んでください）
2. ファイルのアップロード
   
   メニューより「新規作成」の中の「ファイルアップロード」をクリックします。参照よりアップロードしたいファイルを選択し、アップロード先を指定して、アップロードボタンをクリックします。
   
   
   アップロードしたファイルを使ってブログを作成する場合、その画像の表示の仕方や位置などを指定し、「完了」ボタンをクリックます。

「タイトル」にエントリー記事のタイトル、「エントリー内容（body）」にエントリー記事本文を書きましょう。
編集画面内の「続き」は、個別エントリーアーカイブのみで表示される記事部分になります。
また、編集画面右上にある「表示オプション」をクリックすると編集画面に新しいエントリー項目を追加することができます。

03 エントリーを保存しましょう

• 公開状態
  ■「下書き」..公開されません
  ■「公開」.....ブログ上に公開されます
  ■「日時指定」..指定した時間に記事を表示させます
• 公開日
  記事の作成日時です（変更可）
• 受信設定
  記事に対してコメント、トラックバックを受け付けるようにするか設定します
• トラックバック送信先のURL
  作成する記事を他ブログのエントリーとトラックバックを結ぶ場合にURLを入力します

以上の設定を行ってから「保存」ボタンをクリックします。

04サイトを確認しましょう

保存ボタンをクリックすると自動的に再構築されます。「保存しました」というメッセージを確認して、「サイトの表示」ボタンをクリックして実際のホームページで見てみましょう。

以上で更新作業は完了です。難しい専門知識や、高価なアプリケーションは必要ありません。ブラウザソフトひとつあればどこでも、簡単に更新が行えます。

Movable Typeをご利用になる場合、まずはMovable Typeのインストールを行います。メンバーズページへログインし、ページ左側の管理メニューの中から「Movable Typeインストール」をクリックします。

02 Movable Type 4のインストール

画像のようなMovable Typeインストール画面が表示されます。

1. インストールするテンプレートの種類を選びます。Dr.Blogテンプレートをご使用になる場合には必ず「 Dr.Blog標準 」をお選びください
2. Movable Typeをインストールするドメインとディレクトリを指定します。
   ・http://ドメイン名/にしたい場合は未入力に、
   ・http://ドメイン名/blog/にしたい場合は「blog」と入力し、
   ・http://ドメイン名/homepage/blog/にしたい場合は「homepage/blog」と入力します。

「インストール」ボタンをクリックするとMovable Typeのインストールが開始されます。設置場所に同名のファイルがあった場合、上書きされますのでご注意ください。

03 Movable Type 4へログイン

インストールが正常に完了すると、Movable Typeの管理者アカウントの設定画面に移動します。必要事項を入力して「インストールを続行」ボタンをクリックしてください。

管理者アカウント情報を入力し、「次へ」ボタンをクリックします。

• ユーザー名 ･･･ ログインするときのユーザー名を指定します。
• 表示する名前 ･･･ ブログに表示する名前を指定します。ユーザー名と同様でも構いませんが、セキュリティー上できれば別の名前にした方がよいでしょう。
• メールアドレス ･･･ メールアドレスを入力します。
• 使用言語 ･･･ 利用する言語を選択します。
• パスワード ･･･ パスワードを入力します。
• パスワードを再入力 ･･･ パスワードをもう一度入力します。
• パスワード再設定用のフレーズ ･･･ パスワードを忘れたときに、パスワードを再設定するために必要になる秘密のキーワードを入力します。このキーワードを忘れてしまうと、パスワードを再設定する機能は利用できません。

04 ブログの設定

ブログ作成画面が表示されるので必要項目を入力して「インストール」ボタンをクリックします。

• ブログ名 ･･･ ブログ名を入力します。後から変更できます。
• サイトのURL ･･･ ブログの URL を指定します。ここで指定したディレクトリーは実際に存在する必要があります。例えば「http://xxx.moover.jp/blog/」と指定したのであれば「blog」というディレクトリーをルート以下にあらかじめ作成しておく必要があります。
• 公開パス ･･･ ブログのメインページである「index.html」へのパスを指定します。「/」で始まる絶対パスを使うことが望ましいですが、Movable Type をインストールしたディレクトリからの相対パスにしてもかまいません。公開パスはブログURLと同じディレクトリを指している必要があります。
  ※絶対パスは、「メンバーズページ」の「WEBアカウント情報」から「ホームディレクトリのパス」にて確認してください。
• タイムゾーン ･･･ ブログのタイムゾーンを指定します。日本で作成しているのであれば「UTC+9（日本標準時）」を選択しましょう。

「インストール」ボタンを押すと、データベースが初期化されインストールが完了します。「Movable Type にサインイン」ボタンをクリックします。

Movable Type の管理画面が表示されます。
さっそくDr.Blogテンプレート（Movable Type 4用）を設置してみましょう。

>> Dr.Blogテンプレート（Movable Type 4用） 設置方法

Movable Typeをご利用になる場合、まずはMovable Typeのインストールを行います。メンバーズページへログインし、ページ左側の管理メニューの中から「Movable Typeインストール」をクリックします。

02 Movable Type 3.x のインストール

画像のようなMovable Typeインストール画面が表示されます。

1. インストールするテンプレートの種類を選びます。Dr.Blogテンプレートをご使用になる場合には必ず「 Dr.Blog標準 」をお選びください
2. Movable Typeをインストールするドメインとディレクトリを指定します。
   ・http://ドメイン名/にしたい場合は未入力に、
   ・http://ドメイン名/blog/にしたい場合は「blog」と入力し、
   ・http://ドメイン名/homepage/blog/にしたい場合は「homepage/blog」と入力します。

「インストール」ボタンをクリックするとMovable Typeのインストールが開始されます。設置場所に同名のファイルがあった場合、上書きされますのでご注意ください。

03 Movable Type 3.x へログイン

インストールが正常に完了すると、新規ウインドウでMovable Typeの管理者アカウントの設定画面が立ち上がります。必要事項を入力して「インストールを続行」ボタンをクリックしてください。

データベースの初期化が始まり、完了するとログイン画面に切り替わります。
先ほど登録されました管理者アカウント情報を入力しMovable Typeにログインしましょう。

04 ブログの設定

Movable Type管理画面にログインし、「 はじめにブログを設定してください。 」をクリックしてブログの設定を行います。

• ブログ名 ･･･ ブログの名前を入力します。
• サイトのURL ･･･ ブログサイトのURLを入力します。
  （例） http://xxx.moover.jp/blog/
  ※上記の場合、サーバー上の「public_html」フォルダに「blog」フォルダを作成してください。
• サイト・パス ･･･ ブログサイトを公開するフォルダをフルパスにて入力します。
  （例）ブログサイトのURLが http://xxx.moover.jp/blog/ である場合
  「サイト・パス」は /export/usr/home/xxx.moover.jp/public_html/blogと入力してください。
  ※フルパスは、「メンバーズページ」の「WEBアカウント情報」から「ホームディレクトリのパス」にて確認してください。
• 時間帯(タイムゾーン) ･･･ UTC+9（日本標準時） を選択します。

上記の設定が完了したら、「変更を保存」ボタンをクリックします。ブログ設定に保存に成功すると、下記画面が表示されますので、「サイトを再構築」ボタンをクリックします。

新しいウインドウが立ち上がりますので「再構築」をクリックするとブログの作成が行われます。

再構築が完了すると「サイトを確認」が表示されますのでクリックして作成されたブログサイトを確認しましょう。 以上でMovable Type のインストールと初期設定は完了です。

SSLとはインターネット上でやり取りされているデータを暗号化し、第三者からデータを覗かれないようにする機能です。 SSLが設定されているフォームなどを経由して、データを送信することにより、悪意のある第三者の「のぞき見」、「なりすまし」、「データ改ざん」などを防ぐことがはじめて可能となります。

ムーバーにて取得した証明書をサーバー全体で共用してご利用いただくために、SSLを利用するためのサーバー名がお客様のドメイン名とは異なるドメイン名になります。

アカウント名「www.moover.jp」、FTPホスト名「ssm001.kix.ad.jp」のお客様が「index.html」ファイルをアップロードした場合、SSLを利用して公開するホームページのURLは、
「https://ssm001.kix.ad.jp/www.moover.jp/index.html」になります。

※SSLホームページアドレスは、「メンバーズページ」-「WEBアカウントと独自ドメイン」の「SSLアドレス」から確認してください。

SSLサーバー証明書の目的には「通信の暗号化」「第三者機関による取得者の実在証明」がありますが、共用SSLの場合、 サーバーに収容されているユーザーで利用するという性質上、後者の「第三者期間による取得者の実在証明」の部分でホスティング業者の情報となる為、「通信の暗号化」のみの役割となります。

メリット

ショッピングサイトやアンケートなどでSSLが使用されていると、お客さまは個人情報を入力する際にも安心して入力することができます。 SSLの暗号化技術を活用することで、第3者による個人情報の改ざんや盗難が防ぎ、安全性を高めることができます。

設定方法

お客様のFTPドキュメントルート直下の『ssl_html』のディレクトリに コンテンツをアップロードするだけで共用SSLが利用可能！

STEP1

SSLで公開するホームページの設置

SSLを利用して公開するホームページは、サーバーのホームディレクトリ上にある「ssl_html」フォルダに設置します。

FTPソフトなどを利用してサーバーに接続します。

「ssl_html」フォルダに移動してSSLを利用して公開するホームページをアップロードします。

STEP2

アップロードしたホームページが表示可能であるか確認します。

SSLを利用して公開するホームページは
「メンバーズページ」-「WEBアカウントと独自ドメイン」の「SSLアドレス」から確認してください。

例）アカウント名「www.moover.jp」、FTPホスト名「ssm001.kix.ad.jp」のお客様が
「index.html」ファイルをアップロードした場合
SSLを利用して公開するホームページのURLは、
「https://ssm001.kix.ad.jp/www.moover.jp/index.html」になります。

ご利用料金

月額料金に含む

見積書・領収書を発行する事が出来ます。法人や各種団体でご利用の方に便利なサービスとなっております。

ご契約サーバーの同じホームページ設置フォルダに複数の独自ドメイン名やサブドメイン名で アクセス出来るようになります。
例えば「http://domain-name.jp」と「http://www.domain-name.jp」から 同じトップページにたどり着くように設定する事も可能です。

メリット

サイト名の変更などで、ドメイン名を変更する必要がある場合にもこの機能は便利に利用できます。
突然ドメイン名を変えてしまうと、検索エンジンやお気に入りからアクセスできなくなり、 せっかくホームページを訪れてくれた方に不親切です。

• サブドメインごとにホームページを公開することが可能！
• サブドメインを自由に切り替え可能！
• ディレクトリを共有することが可能！

この機能を使って、新ドメインと古ドメインの両方でアクセスを可能なよう設定していると、 新ドメインに完全に切り替わってから古ドメインを削除する事が出来ますので スムーズなドメイン名変更が可能です。

※複数ドメインは、ステップサーバープラスより利用可能です

設定方法

Step1

「メンバーズページ」の「WEBアカウントと独自ドメイン」にアクセスします。
「サブドメイン情報」の「HP設置ディレクトリ」項目よりホームページデータを設置するフォルダを選択して「変更」をクリックします。

Step2

「HP設置ディレクトリ」に選択したフォルダが表示されると設定完了です。
選択した「HP設置ディレクトリ」に設置したホームページが表示されるかご確認ください。

ご利用料金

月額料金に含む

「Dr.Blog -ブログ研究室-」は、Movable Typeのデザインテンプレートを個人（非営利）限定に無料で配布しているサイトです。

わかりやすさ、親しみやすさ、デザイン数で数多くのテンプレートサイトの中でも高い人気を集めています。Dr.Blogのテンプレートは商用サイトでの使用は禁止されていますが、MOOVER!でのみ商用サイトでも自由にお使い頂けます！

さらに発表されるテンプレートはいち早くMOOVER!限定で先行公開されます！

はじめに

Dr.Blog（ドクターブログ）は、Movable Type（ムーバブルタイプ）を利用したブログ制作の手助けとなる、テンプレートの配布や基本的なMovable Typeの情報を紹介しているサイトです。ブログテンプレートに関しては個人利用に限りどなたでも、ご自由にお使い下さい。

Dr.Blogテンプレートのサポートはできません。ご了承くださいませ。テンプレートの不具合に関するご報告はコメントやメールなどでお寄せ頂ければ随時テンプレートに追記させていただきます。ドクターブログテンプレートがより良いものとなりますようご協力お願い致します。

仕様の大幅な変更があった場合の対応には時間がかかる可能性があります。仕様の変更は予告無く行われる可能性がある事を御理解ください。