作成マニュアルManual
プロダクト作成プロダクト（サイト）の作成
まず最初に、ホーム画面にある「プロダクトの作成」ボタンを押し、作成画面に進んでください。 プロダクトとは、「WEBサイト」「ホームページ」を指します。
「プロダクトの作成」に進み、 ①【プロダクトＩＤ】：お好きな英数字 ②【サイト名】 を決めて、入力します。 このプロダクトIDが初期のサイトURLになります。 注意）プロダクトIDは変更可能ですが、変更すると「サイトURL」も変更されますのでご注意ください。 独自ドメインを使用している場合は、変更しても独自ドメインが変更されることはありません。
各ページの編集画面へ移動
プロダクトが作成されると、ホーム画面で上記のように一覧で表示されます。 右下にある【ダッシュボード】ボタンから、各プロダクトのダッシュボードへ移動してください。
プロダクトのダッシュボード画面に移動すると、各ページを作成することができます。 作成方法は２種類あり、 ①新規ページを追加 ②テンプレートから追加 上記ボタンから各ページを作成してください。
作成されると、上記のように各ページが一覧で表示されますので、「ページ編集」へ進んでください。
ブロックの追加（※編集画面にて）
ページ編集画面で、ページタイトルを入力し、「ブロックを追加」からお好きなパーツ素材を選択してください。
はじめてのホームページ作成ならPAGE STOCK
※補足：【ページタイトル】とは 検索エンジン（Googleなど）の検索結果に表示されるタイトルになります。
【＋ブロックを追加】ボタンを押すと、サイドバーに「パーツの一覧」が表示されます。 ①パーツの「ジャンル」を選び ②パーツの「デザイン」を選びます。 ③サイトバー下【ブロックを追加する】ボタンを押すと、ブロックが追加されます。
◆パーツの「ジャンル」を選ぶ
◆パーツの「デザイン」を選ぶ
④下記のように、「パーツ」と「ブロック」が追加されます。 （※ボタンパーツの）
はじめてのホームページ作成ならPAGE STOCK
●ピンクの点線 ➡ ブロック部分 ●青い線 ➡ パーツ部分
パーツの編集（※編集画面にて）
パーツの編集メニューバー
上部のメニューバーで「各パーツの設定」が可能です。 例）文字（サイズ・色・フォント・影）、背景の色、枠線（色・幅、角丸）、幅、高さ、中央寄せ、余白など
文字の入力
テキスト（文字）部分をクリックすると、「文字」の入力が可能です。
文字の編集
文字部分をクリックすると、サイドバーから文字の編集が可能です。 ・サイズ ・フォント ・太さ ・色（グラデーション） ・影 ・下部のスペース
文字のグラデーション
文字編集のサイドバーから「文字のグラデーション」を設定することも可能です。
【一括変更】パーツ全体の「文字色」と「フォント」を変更する場合
パール全体の「文字色」や「フォント」を一括で変更する場合は、対象のパーツを選択し、上部メニューバーの【A】ボタンを押すと、サイドバーが表示され「色・フォント」の設定が可能です。
パーツの「背景色」
パーツ「背景色」の設定 上部メニューバーの【バケツ】ボタンを押すと、サイドバーが表示され「背景色」の設定が可能です。
枠線の「幅」「色」「角丸」
パーツ「枠線」の設定 上部メニューバーの【点線】ボタンを押すと、サイドバーが表示され「枠線」の設定が可能です。
パーツタイプの変更
パーツ「タイプ」の変更 上部メニューバーの【タイプ変更】ボタンを押すと、パーツタイプを別デザインに変更することも可能です。 例）ボタン ➡ 別デザインのボタンに 例）ボタン ➡ カードタイプに
パーツの追加
すぐ上のメニューバーになる「＋」をクリックすると、選択メニューが表示されます。 選択メニューを選びクリックすると、選択パーツの下に「新しいパーツ」が追加されます。 ※追加したパーツは「パーツタイプ変更」で、後に変更可能です。
パーツの横並び（1列～6列）※パソコン表示時のみ
ブロック内のパーツを「横並び」に変更することも可能です。（パソコン表示時） 横並びは「１列～6列」まで変更可能で、上部メニューバーの数字を変更するで列数を設定できます。 例） 数字「１」なら「１列」※デフォルト 数字「２」なら「２列」 ※パソコン表示：「横並び」が可能 ※スマホ表示：横並びにはならず、「縦並び」になります。
パーツ画像の変更
画像自体をクリックすると、画像編集のためのサイドバーが表示されます。 アップロードする場合は「画像をアップロード」ボタンから画像を選択し、アップロードされた画像をクリックすると、パーツの画像が変更されます。
画像の編集（ぼかし・明度・反転・縦横比など）
サイドバーの「画像の編集」ボタンを押すと、編集用のサイドバーが表示されます。
画像の編集では、下記の編集が可能です。 ・反転 ・縦横比 ・角丸 ・ぼかし ・明度 ・グレースケール ・彩度 ・透明度 ・セピア
パーツの設定
パーツの設定では、下記の設定が可能です。 ・パーツの公開／非公開 ・横幅 ・高さ ・整列（左寄せ・中央・右寄せ）※パーツ内の文字など ・位置（左寄せ・中央・右寄せ）※パーツ全体の位置調整 ・内側のスペース ・上のスペース（外側） ・下のスペース（外側） ・シャドウ（影） ・フェイドインの時間（ふわっと表示させるまでの時間） ・classの追加（専門知識が必要） ・idの追加（専門知識が必要）
ブロックの編集（※編集画面にて）
ブロックの編集メニューバー
上部のメニューバーで「各ブロックの設定」が可能です。 例）ブロック背景の色、背景画像、横並び数、幅、高さ、余白、ブロックの共有化など
ブロックの背景色
ブロック「背景色」の設定 上部メニューバー上段の【バケツ】ボタンを押すと、サイドバーが表示され「ブロック背景色」の設定が可能です。
グラデーション（背景色）
背景色は、グラデーションにすることも可能です。サイトバーの【グラデーション】ボタンを押すとグラデーションカラーを選択できます。 また、グラデーションの「角度」「位置」も調達可能です。
ブロックの背景写真
上部メニューバー上段の【写真】ボタンを押すと、サイドバーが表示され「ブロック背景写真」の設定が可能です。
注意（背景写真が表示されない場合）
「背景色」を設定している場合、背景写真の上に「背景色」が重なって表示される仕様になっているで、背景写真が表示されていないように見えるのでご注意ください。 【対処方法】 ①背景色を「クリア」して削除する。 ②背景色の「透明度」を調整して透けさせる。
ブロックの設定
ブロックの設定では、下記の設定が可能です。 ・ブロックの公開／非公開 ・横並びの数（カラム数） ・上のスペース（内側） ・下のスペース（内側） ・全体幅 ・高さ（※表示画面に対する割合「％」で設定されます。） ・ブロックの固定（上部／下部）※固定すると、上部や下部にブロックが固定されて表示されます。 ・ブロックの共有化（作成したブロックを他の場所やページで共有して使いまわすことが可能です。） ・classの追加（専門知識が必要） ・idの追加（専門知識が必要）
ページの設定
トップページの変更
トップページは変更が可能で、サイドバーの「このページをトップページにする」ボタンから変更が可能です。 トップページに設定したページが、サイトのトップページとして表示されます。