この記事では、AIエディターにおける「パーツ」と「アイコン」について説明しています。
ページ内にさまざまなパーツやアイコンを追加することで、オリジナルのページを作成することが可能です。
❶ パーツ
Hirameki 7のパーツでは、ドラッグまたはクリックを行うことでテキストや、画像、ロゴを追加できます。パーツは「コンテンツ」と「コンポーネント」から成り立ちます。まずはコンテンツからご紹介します。
| 画像 | 項目名 | 詳細説明 |
| 見出し1 | ページ内で最も大きな見出しです。 |
|
| 見出し2 | 大きなセクションを区切るための見出しです。 ページ内の主要な項目タイトルとして使用します。 |
|
| 見出し3 | 見出し2の中の小見出しとして使用します。 内容をさらに整理したい場合に活用します。 |
|
| 見出し4 | より細かい区切りに使用する見出しです。 補足説明や小さな項目タイトルに適しています。 |
|
| テキスト | 文章を入力するための基本パーツです。 会社紹介、サービス説明、注意事項など、あらゆる文章コンテンツに使用できます。 |
|
| リスト | 情報を箇条書きで整理できるパーツです。 サービスの特長、手順、ポイントの列挙などに適しています。番号付き・番号なしのリストが利用可能です。 |
|
| 画像 | 画像ファイルをページ内に表示するパーツです。商品写真、スタッフ写真、イメージ画像などを掲載できます。サイズ調整も可能です。 | |
| 動画 | 動画を埋め込むためのパーツです。 YouTubeなどの外部動画URLを指定することで、ページ内で再生表示できます。 |
|
| アイコン | 視覚的に内容を分かりやすく伝えるためのアイコン(絵文字)を表示するパーツです。 テキスト内で絵文字やマークを使用する場合は、こちらのアイコン機能を利用可能です。 |
|
| ボタン | 別ページや外部サイトへ誘導するためのリンクボタンを設置できます。 「お問い合わせ」「資料請求」「無料登録」などの導線として活用します。 |
|
| HTML | HTMLコードを直接記述できるパーツです。 カスタマイズしたデザインや外部サービスの埋め込みコードを追加したい場合に使用します。 |
続いて、コンポーネントのご紹介です。
コンポーネントとは、ページ内で共通して使用できる“機能パーツ”のことです。ロゴやメニュー、フォームなど、サイト全体に関わる要素を簡単に設置・管理できます。
| 画像 | 項目名 | 詳細説明 |
| ロゴ | サイトのロゴ画像を表示するパーツです。 |
|
| メニュー | サイト内の各ページへ移動するためのナビゲーションを表示します。 訪問者が目的のページへスムーズに移動できるようになります。 |
|
| お知らせ | 新着情報や更新情報を一覧表示できるパーツです。 お知らせページと連動して表示されます。 |
|
| パンくず | 現在表示しているページの階層を示します。 訪問者が今どのページにいるのかを分かりやすく表示します。 |
|
| コピーライト | フッターなどに表示する著作権表記です。 「© 会社名」などの情報を表示します。 |
|
| フォーム | フォーム機能で作成したお問い合わせフォームや申込フォームを設置できます。 |
|
| タブ | 複数の内容を切り替えて表示できるパーツです。 情報をコンパクトに整理したい場合に便利です。 |
|
| カルーセル | 画像やコンテンツを横にスライド表示できるパーツです。 複数の情報を動きのある形で見せることができます。 |
|
| スライドショー | 画像を自動で切り替えて表示するパーツです。 トップページのメインビジュアルなどに適しています。 |
|
| アコーディオン | クリックすると内容が開閉するパーツです。 FAQ(よくある質問)などに活用できます。 |
|
| ハンバーガー メニュー |
三本線のアイコンで表示される折りたたみ式メニューです。 |
❷ アイコン
Material Symbols(Googleが提供する標準アイコンセット)をはじめ、各種アイコンをページ内に挿入できるパーツです。
テキスト内で絵文字やマークを使用する場合は、こちらのアイコン機能をご利用ください。
また、SNSや企業ロゴのアイコンも用意されており、お持ちのSNSアカウントURLを設定することで、各ページへリンクさせることができます。リンクボタンやフッターなどに活用できます。
以上で、各パーツおよびアイコンの説明は終了です。
用途に合わせてぜひご活用いただき、オリジナルのページ作成にお役立てください。