この記事では、Hirameki 7のWebサイト機能でWebサイトを公開するまでの手順を説明しています。
Hirameki 7のWebサイト機能では、Webサーバーの契約やドメイン取得などの手間もなく、Hirameki 7のみでWebサイトの作成と公開まで、最短10分で可能です。この記事では、その手順をご案内しています。この記事に記載の手順に従って進めていけば、1枚（1ページ）のWebサイトが10分ほどで完成します。
📺 解説動画
目次
❶ ドメインの設定
Hirameki 7でWebサイトを作成する際には、最初に初期設定を行う必要があります。初期設定は3つのステップに分かれており、最初は、ドメインの設定です。
Hirameki 7では、追加費用なしで1テナントにつき1つのドメインを設定できます。
設定できる形式は、◯◯◯.hirameki7.siteというサブドメイン形式です。
この「◯◯◯」の部分を自由に決めることができます。
ドメインについての説明は
をご覧ください。
注意
ドメインに使える文字列は
⭕ 20文字以内
⭕ 半角小文字の英数字とハイフン（-）のみ使用可能
❌ 一度決定したドメインは変更することはできません
❌ 既に他のHirameki 7ユーザーが使っている文字列は使えません
❷ デザインの決定
ドメイン設定が終わったら、続いて作成するWebサイトのデザインの選択を行います。
Hirameki 7では、基本的には作成されたテンプレートを選び、その中に配置されている画像や文章を変更することでWebサイトを作成していきます。デザインの選択とページ作成の方法を３つ用意しています。
１．AIに指示を出してデザインを決定し、自由に編集できるエディターを使いページを作成する
２．既に作成されているテンプレートからデザインを選択し、自由に編集できるエディターを使いページを作成する
３．既に作成されているテンプレートからデザインを選択し、かんたんに編集できるエディターを使いページを作成する
この初期設定で選択したデザインや編集方法は、設定後にも変更することができます。AIによるデザインの生成については、トライアル中は３回までとなっておりますが、有償契約後はAI生成に使えるトークンがプランに応じて付与されますので、作成後もAIを使ったページ編集や作成を何度もご利用いただけます。
注意
AIによるページ生成についての注意事項です。
br
トライアル中は３回までAIによるページ生成をお試しいただけます。
シングル・グループプラン契約後にはAI生成で利用できる無料トークンが付与されます。
AI生成に利用されるトークンは買切りオプションとして追加購入することができます。
こちらでは、AIによる生成方法について説明します。
AIでの生成には２種類あり、１つ目は「プロンプトを入力」する方法です。表示されるプロンプト欄にサイトの目的や、イメージ、業種などを入力してAIに指示を出して作成します。画面下部にいくつかのプロンプト例をご用意していますので、こちらを元に自由にプロンプトを入力します。
もう１つの方法は「テーマをカスタマイズ」してAIに指示を出す方法です。
テーマは、業種、トーン、カラー、テキストの書体やコンテンツの角のスタイルなどを選びさらに追加の指示を自由入力形式でプロンプト入力することができます。
「自由にデザインしたい」「かんたんに更新したい」を選ぶと、テンプレート選択画面とのなります。プレビューでPC版とスマホ版の見え方を確認し、デザインを選択します。
「自由にデザインしたい」を選択した場合は、AIで生成したデザインと同じエディターでページを編集できるようになります。こちらのエディターでは、ページ作成時にもAIを使って文章の作成だけでなく、デザインの生成も行えます。一方、「かんたんに更新したい」からデザインを選んだ場合は、かんたんな設定で編集できる「かんたんエディター」でのページ編集が行えます。「かんたんエディター」でも、文章作成については、AIで行うことができます。
「かんたんエディター」でのページ編集方法については、こちらをご覧ください。
❸ サイト詳細設定
続いて、初期設定の最後「サイト情報の設定です。サイト情報の設定では以下の項目を設定します。
・サイト名称（必須）
・サイト説明
・ロゴ
・コピーライト
まず、サイト名称とサイト説明について説明します。これらは、Googleなどの検索エンジンで検索された際に、検索結果として表示されるページタイトルと、その下に表示される説明文になります。
ロゴ、コピーライトについては、必須ではありませんが既にロゴ画像等がある場合はこちらで登録しておくことをお勧めします。
ロゴでは、テキスト入力を選択するとテキストのみとなりますがロゴを作成することもできます。
こちらの作業が完了しますと、基本設定が完了となります。「ページ作成へ進む」をクリックしましょう。
❹ ページ公開
基本設定が完了すると、「ページ作成」メニューが表示されます。
「かんたんに更新したい」を選択した場合は、ページ作成メニューや編集画面が変わりますので、こちらをご覧ください。
ページ作成画面では、トップページのみが作成されています。トップページの右側に表示される「＋」ボタンをクリックすると、新規ページ作成ウィンドウが表示されますので、ページID（URL：初期設定で設定したドメインに/〇〇〇という形で追加されます。半角英数文字でのみ設定可能です）、ページタイトル、説明を入力して「ページを作成」ボタンをクリックすると、追加したページの編集画面が表示されます。
また、ページ作成画面では追加したページが表示されるようになり、最大3階層までページを追加することができます。
作成されたページの内容を編集するには画面右上に表示されている「ページの編集」ボタンをクリックします。新しいタブでエディター画面が表示されます。エディター画面では、左側のメニューよりパーツをドラッグ＆ドロップでページ内に配置したり、既に配置しているパーツ内の文字などは中央に表示される編集画面で直接入力して変更することができます。また、フォントや文字色、背景色など様々な設定は右側のメニューで行えます。
初期設定で選択したデザインのページの文章や画像などを変更し終えたら、右上に表示されている「保存」ボタンをクリックします。行った編集は「保存」ボタンをクリックするまでは、保存されませんので保存前にタブを閉じないようにご注意ください。保存できましたらプレビューを確認し、問題がなければいよいよ公開です。
公開を行う場合は、「公開」ボタンをクリックします。公開ボタンをクリックすると、公開メニューが表示されますので、公開日時で「即時公開」または「予約公開」を選択して、「公開する」をクリックします。なお、既に公開済みのページの場合は、この公開作業を行わない限り編集された内容が反映されません。
即時公開を選択して「公開する」をクリックしますと、公開作業が開始されしばらくしますとページが公開されますので、早速「ページにアクセスする」をクリックして、公開されたページを確認しましょう。
以上でHirameki 7のWebサイト機能を使ったページ作成の流れは終了です。各パーツやメニューの説明については、このページ下部にある関連ページから確認してください。