株式会社荒川印刷 Web制作事業のご案内

CONTACT お問い合わせ

MovableType用無料レスポンシブテーマ

2017/2/6以前にダウンロードされた方へ

まだカスタマイズを始めていない方

配布ページより再度ファイル一式をダウンロードしていただき、同じ要領でテーマの適用をおこなってください。
「★全体設定」モジュールからカラー指定が可能です。

既にカスタマイズを始められた方

以下の4つの手順をおこなってください。

  • CSSを追加でアップロード
    「color.css」をこちらのリンクから右クリックで保存してください。
    その後、サーバのcommon/css/ディレクトリ(base.cssと同じ階層)にアップロードしてください。
  • 「HTMLヘッダー」テンプレートに記述を追加
    ウェブサイトのデザインテンプレートHTMLヘッダーを開き、
    <link rel="stylesheet" href="<$MTVar name='rootUrl'$>common/css/sp.css" media="only screen and (max-width:600px)">
    のあとに以下の1行を追加します。
    <link rel="stylesheet" href="<$MTVar name='rootUrl'$>common/css/color.css">
  • 各テンプレート内の <body> タグに記述を追加

    該当箇所が複数あるため、MovableTypeの「検索/置換」機能を利用します。
    1) ウェブサイトの左メニューツール検索/置換をクリック
    2) 開いたページで、横並びになっているタブの中からテンプレートを選択
    3) テキストボックスに <body> と入力して検索ボタンをクリック
    4) タブの並びの下にあるチェックボックスで検索/置換をクリック
    5) 「置換」欄が表示されたら、以下の内容を貼り付け
    <body<MTIf name="colorTheme" ne=""> class="theme_<$MTVar name="colorTheme"$>"</MTIf>
    6) ページ下方に検索結果(該当ページの一覧)があるので、すべて選択
    7) 選択したものを対象に置換をクリック

    完了メッセージが表示されたらこの手順は完了です。(まだ再構築の必要はありません)

  • 全体設定モジュールに記述を追加
    ウェブサイトのデザインテンプレート★全体設定を開き、siteName=の手前に1行追加してcolorTheme=と記入してください。
    =に続く値は、white / black1 / red / blue / green / black2 / black-blue / black-pink のいずれかを記入します。(空欄可)
    ★全体設定の変更を保存したら、ウェブサイトとブログをそれぞれ再構築します。

» 配布ページに戻る