3.【Webサイトをつくろう:基本編】 パーツを使う 読了時間:5分
こちらの記事では、Webサイト機能でコンテンツを追加するパーツについて説明します。Hirameki 7では多く種類のパーツを用意しておりますので、それぞれのパーツについてその使い方について説明します。なお、こちらの記事は必要に応じてお読みください。こちらの記事を読まなくともテンプレートに予め配置されたパーツを変更するだけでもページは作成可能です。
1.パーツの種類について
Hirameki 7のWebサイトで用意しているパーツには4種類あります。ページ内の構成・レイアウトなどを調整する「レイアウトパーツ」、文章や画像、ボタンなどのコンテンツを追加するための「シングルパーツ」、それらをある程度まとめて「お客様の声」や「地図」などのコンテンツを追加するための「セットパーツ」、そして自分で編集したものを保存しておく「カスタムパーツ」の4つがあります。
基本的には、「レイアウトパーツ」でページ内のコンテンツの配置を決めた上で、セットパーツやシングルパーツを使ってページ全体のコンテンツを追加してゆきます。そして、「カスタムパーツ」はシングルパーツやセットパーツを編集し自分オリジナルのパーツを作成し、繰り返し使いたいときなどに、カスタムパーツとして保存しておくことができます。
パーツの種類 | |
レイアウトパーツ レイアウトパーツには、「2列」、「3列」、「4列」にページ内を仕切ることができるパーツがあります。2列と3列のレイアウトパーツは、各列の比率を変更し、例えば左側に画像、右側に文章といったように使い、駅から店舗までの道案内などのコンテンツを作成することもできます。 |
|
セットパーツ セットパーツは、あらかじめいくつかのパーツを組み合わせて作成されているパーツで、Webサイトで利用されることの多い、「パンくず」や「ワンラインニュース」などのコンテンツや「画像つきテキスト」などの汎用性の高いコンテンツを作成できるパーツです。 |
|
シングルパーツ シングルパーツは最も基本的なコンテンツを追加する際にご利用いただけるパーツです。レイアウトパーツと組み合わせて使うことで、セットパーツでは表現できないオリジナルなコンテンツを作成することも可能です。 |
|
カスタムパーツ カスタムパーツは、編集したセットパーツやレイアウトパーツとシングルパーツを組み合わせて作ったオリジナルのパーツを保存しておき、再利用することができるパーツです。パーツメニューの星のマークをクリックすることで、名前を付けて保存することができ、保存後は、何度でもページ内に追加することが可能です。 |
2.パーツの共通の操作について
パーツには様々な種類が用意されていますが、すべてのパーツに共通した操作があります。パーツを追加した後にパーツの上にマウスカーソルを重ねると共通のメニューが表示されます。それぞれの機能について説明します。
パーツメニューの説明 | |
パーツ毎の編集画面を表示させます。多くの場合、表示される画像やテキストを編集することが可能です。また一部のテキスト入力フィールドについては、HTMLコードすることができます。 | |
編集したパーツをカスタムパーツとして保存する際にクリックします。クリックすると、カスタムパーツの名称を入力する画面が表示されますので、そちらに任意の名前を付けて「登録」ボタンをクリックしてください。 | |
パーツ削除ボタンです。編集等を行って不要となったパーツをページ上から削除するボタンです。削除前に確認画面が表示されますが、その後は削除したパーツは復元することはできませんので、再度使う可能性のあるパーツは事前にカスタムパーツとして保存しておくことをお勧めします。 | |
パーツの移動ボタンです、縦並びに並んだパーツを上下に移動することができます。 |
3.レイアウトパーツ
レイアウトパーツはシングルパーツやセットパーツを横並びに配置するためのパーツです。レイアウトパーツでは配列(横にいくつコンテンツを並べるか)を2,3,4から選べ、背景に画像を設定することができます。それぞれの詳細については、以下ヘルプセンター記事をご確認ください。
なお、レイアウトパーツにシングルパーツを配置して利用する方法については、こちらのヘルプセンターをご覧ください。
レイアウトパーツを利用するタイミングとしては、テンプレート内のコンテンツの配置を変えたいときや、新規でページを作成する際にご利用ください。
4.シングルパーツ・セットパーツ
シングルパーツとセットパーツは、それぞれコンテンツを追加するのに利用します。
タイトルや文章、画像などの基本的なコンテンツ追加するシングルパーツ、シングルパーツを予めレイアウトパーツ内に配置して「お客様の声」などのWebサイトでよく使われる形で登録されているセットパーツが用意されており、特にこだわりがなければ、セットパーツをご利用いただくとWebサイトの作成時間が圧倒的に短くなります。
シングルパーツ、セットパーツはそれぞれの目的別に名前がついていますので、それぞれの目的にあわせてご利用ください。シングルパーツ・セットパーツの種類や編集方法については、以下ヘルプページをご覧ください。
シングルパーツ・セットパーツの種類
Webサイトを作成するシングルパーツ・フォームパーツについて
シングルパーツ・セットパーツの編集方法
5.カスタムパーツ
カスタムパーツはレイアウトパーツとシングルパーツを使って作成したオリジナルなセットパーツや繰り返し使うセットパーツを保存しておけるパーツです。
カスタムパーツとして保存する場合は、マウスポインタを保存したいパーツの上へ重ねると表示されるメニュー内の星型のアイコンをクリックすることで保存することができます。
ご利用方法などについては、以下のヘルプページをご覧ください。