この記事では、Webサイト機能においてデザインテンプレートを変更する際の注意点について説明しています。
1.デザインを変更するとは?
Hirameki 7のWebサイト機能は、用意されているデザインテンプレートから、お好みのものを選んであらかじめ入力されている文章や画像を変更することで簡単にWebサイトを作成することができます。もちろん、独自にパーツを追加してオリジナルなWebサイトの構成でページを作成いただくことも可能です。そして長く運営しゆくとどうしても避けられない、デザインの変更も可能です。
デザインを変更する場合、Webサイトメニューの左側にある「デザイン」をクリックしてテンプレートを変更することができます。
表示されるテンプレートの一覧より、お好みのデザインを選び「選択」をクリックし「設定内容を保存」をクリックするとデザインの変更が完了です。
テンプレートを変更すると何が変わるの?
テンプレートの変更を行う決まったタイミングというものはありません。しかし、初期セットアップの際に1度は必ずテンプレートを選択する必要があります。
テンプレートの選択はWebサイト機能を初めて使うときに選択します。
このときの選択では、これから作成されるWebサイトの最初の状態を選択します。このとき選択したテンプレートは、背景色や装飾、文字色だけでなく初期設定されている写真や各業種に合わせたサンプル文章があらかじめ追加された状態でWebサイトが作成されます。
こうして作成されたWebサイトにパーツを配置して文章や画像を追加してオリジナルなWebサイトを作ってゆくのですが、制作途中や完成後にある程度時間が経過したときなどに、背景色や文字色などを変更したい場合などに、テンプレートを変更することができます。このときの選択では、最初に選択した際に用意されていた画像や文章の他に、お客様で追加した文章や画像などはそのままに背景色や文字色などが変更されます。この場合、背景色やデザイン、ボタン色などの変更のみ実施されます。
テンプレートを変更しても、お客様で追加したパーツなどもそのまま残りますので、変更後のテンプレートの初期配置されていた文章や写真、レイアウトパーツなどを利用したい場合は、エディター画面よりページを初期化することができます。
初期化するとそれまでページ内に配置されていたパーツはすべて削除され、変更先のテンプレートの初期パーツが配置されます。初期化前に変更後も使いたいパーツは、カスタムパーツとして保存するようにしましょう。
初期設定・初期化後
・背景色
・ボタン色
・文字色
・初期コンテンツ
テンプレート変更
・背景色
・ボタン色
2.初期化する場合の注意点
既にご案内している通り、初期化ボタンをクリックするとそれまでに配置されていたパーツはすべて削除されて、現在指定されているテンプレートの初期パーツが配置されます。そのため、テンプレート変更後も使うパーツなどは必ずカスタムパーツとして保存しておきましょう。
カスタムパーツとして保存するには、保存したいパーツの編集メニューにある星マークのボタンをクリックします。
保存するカスタムパーツの名前を入力して、「登録」ボタンをクリックすると、最大10個までのカスタムパーツが登録できます。
登録したカスタムパーツは、エディター画面のパーツエリアに保存されますので、テンプレート変更し初期化後にドラッグ&ドロップで再配置することが可能です。
カスタムパーツの名称について
カスタムパーツを追加する場合にカスタムパーツ名が指定できますが、この名称はどんなコンテンツをカスタムパーツ化したのかがわかりやすいようコンテンツの概要をカスタムパーツ名として命名することをお勧めします。例えば事業内容のコンテンツをカスタムパーツ化する場合は「事業内容」と命名すると、後で再利用する際に簡単に見つけることができます。
カスタムパーツの編集方法について
カスタムパーツに登録したセットパーツやシングルパーツはページの編集画面内で編集することができません。カスタムパーツの内容を編集する場合は、カスタムパーツにマウスカーソルを重ねると表示される鉛筆アイコンをクリックすることで編集画面の表示ができます。
なお、レイアウトパーツをカスタムパーツに登録した場合はカスタムパーツの鉛筆アイコンではレイアウトパーツの編集画面が表示され、レイアウトパーツに含まれているシングルパーツはページ編集画面より編集を行います。
最後にテンプレートを変更する際の注意点をまとめます。
テンプレートを変更すると以下の変化が発生します。
・ページ内の背景色、デザインが変更される
・ページ内のボタン色が変更される
※既存のパーツ、レイアウトは変更されません
テンプレートを変更後、初期化すると以下の変化が発生します
・既存のパーツ、レイアウトが削除されます。
・選択したテンプレートの初期パーツ、レイアウトが配置されます。
以上の注意点を理解し、最適なデザインへの変更をお試しください。