ホーム > サイトを作ってみよう！ > Step 07 編集操作画面

Step 07

編集画面の各種操作方法

• 管理画面から編集画面へ　Step 04-1

07-1 管理画面からサイトを選んで編集画面へ

管理画面のトップページに表示されている機能を説明しています。
サイトへの一週間のアクセス数、一週間の総ページ観覧数を見ることができます。

07-2 編集画面ページでできること

• 最初に表示されている左側の「要素」
  
• トップナビゲーションを選んで画面を切り替えてできる機能の概要を紹介
  

編集ページが開いた時はサイトのトップページ（index.htmlになるページ）が開いていて、レイアウト編集ができる「要素」ツールが左側に表示されています。（「要素ツール」については別のStepで詳しく案内します）トップナビゲーションに表示されているタブで操作画面を切り替えることができ、それぞれ

• ビルド（ページレイアウトを編集する操作画面）
  
• ページ（ページ一覧が表示され、ページ追加や、各ページの各種設定ができる操作画面）
  
• テーマ（基本デザインの変更や、デザインの要素（各パーツ）のCSSで設定されている仕様の変更や、HTML、CSSの変更ができます）
  
• ストア（ネットショップとして販売したい商品がある場合はストアの設定をする必要があります。ストアを始める場合の設定からストア登録された商品等の設定を操作する画面です）
  
• 設定（サイトの公開・非公開、SEO設定等サイトの基本的な操作登録ができる操作画面）
  

がナビゲーションに表示されています。

07-3 編集画面-ページ内容の編集-［ビルド］タブ

• ページの内容を編集
  

STEP 05 編集画面の基礎知識へ

07-4 編集画面-ページ追加方法-［ページ］タブ

• ページの追加方法
  

ブログのような機能ではない、普通のページは無限に追加できます。

Weeblyのサイト編集画面 ［ページ］を選ぶと既に登録されいているページの上に「＋」マークが表示されます。
そこをクリックすると新しいページが作成できます。

• 標準ページ
• ブログのページ
• ストアのページ
• 外部ページ（ページは作られず、ナビゲーションに表示されるだけでクリックすると外部サイトが表示される設定のタブを作ることができます）
• Non Clickable menu（ページは作られず、ナビゲーションに表示され下層にあるページを表示させるだけの機能のタブを作ることができます。クリックできません。）

の4種のサイト（またはナビゲーションタブ）を作ることができます。

ページの追加･削除

07-5 編集画面-ページの各種設定-［ページ］タブ-［ページ設定］

• ヘッダーレイアウトの変更
  
• アクセス制限設定
• SEO設定

Weeblyのサイト編集画面 ［ページ］ではそのページの基本的なレイアウト設定やアクセス制限、SEO設定などが操作できます。

基本レイアウトの仕様を変更する時は予めセットされているHTML設定を変えることでレイアウトを変えられます。

［ヘッダーの種類］の所に表示されているレイアウト名（Header）クリックしてプルダウンメニューを表示させると

• ヘッダーあり
• ヘッダーなし
• スプラッシュ（ランディングページにようなもの）

が表示されます。

予め3タイプのヘッダーレイアウトが登録されているので、そこからそのページに設定したいヘッダーレイアウトを選びます。
※選んでいるデザインによっては「長いヘッダー」「短いヘッダー」などが
元からセットされている場合があります。

ヘッダーの種類を追加したり編集することもできます。
それは次のステップで概要をお伝えします。

ナビゲーション（ナビ、タブ）に表示させる名称と、実際のサイトのURL（ディレクトリー）の名称を変えて設定できます。

そのページがブラウザーで開いている時にタブに表示されるページタイトルも個別に設定することができるのもこの［ページ］→［編集ページ］設定→［SEO設定］のところで設定できます。

STEP 8 編集操作の基礎知識