Logo

ダイナミックWebテンプレートの管理

HTML5のレスポンシブWebデザイン

ダイナミックWebテンプレートのカスタマイズ方法について説明します。

このページを保存して利用なさらないでください。必ず[ダウンロード]ボタンからZIPファイルをダウンロードし、そのZIPに含まれるファイルをご利用ください。

はじめに

シンプルなスタイルになっているので、カスタマイズも簡単です。横並びメニューのハイライトは、.header スタイルを適用しています。カテゴリーメニューごとにハイライトするには、それぞれダイナミックWebテンプレートを用意してください。

Googleカスタム検索ボックスの設置対応

必要に応じて、Googleカスタム検索ボックスを配置することが可能です。あらかじめ、カスタム検索に必要なスクリプトコードを取得し、コードビューに切り替えて「ここに検索ボックスを挿入できます。」の文字を取得した検索ボックスコードに置き換えてください。

編集可能な領域の編集

ダイナミックWebテンプレートからWebページを新規作成時にあらかじめ入力しておきたいコンテンツを決めるために、この編集可能な領域をあらかじめ編集しておくことをお勧めします。必要に応じて、編集可能な領域を追加、変更または削除を行ってください。ただし、doctitle は消さないように注意してください。

カスタマイズ方法などのご相談は

Google+上の Expression Web Users Group Japan コミュニティで質問してください。