ホームページの作り方

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|表示項目やレイアウトの変更など

ペライチで作ったサイトのヘッダー編集方法を解説!!

 

本記事の想定利用者

  • ペライチで作ったホームページのヘッダーを編集したい
  • ヘッダーに情報を追加したり、デザイン変更したりする方法は?

 

この記事では、上記のようなご要望にお応えする有意義な情報を掲載しています。
ガイド

 

ペライチでホームページを作ったら、まずやっておきたい編集

ホームページ作成サービス「ペライチ」を使えば、わずか3分でホームページが作れますが、そのまま公開するのは時期尚早です。

サイト内の情報の過不足をチェックしてコンテンツを追加・削除したり、掲載事項に具体的な記載を行ったりするなど、公開のための準備が欠かせません。

その中でも重要性が高いのが、ホームページのヘッダーの整備です。

 

サイト内の「回遊性」に影響を及ぼすヘッダーの構成

ホームページを構成する要素の中でもヘッダーは上から数えた方が良いほど重要な要素で、ホームページの回遊性に大きな影響を及ぼします。

ホームページに集客力があっても、肝心のサイト内コンテンツに簡単にアクセスできる導線を確保していなければ、集客効果を最大化できません。

そのためより多くの人が目当ての情報にリーチできるようするためには、ホームページのヘッダーを整備することが大切です。

 

より多くの読者にあなたのウェブサイトの情報を閲覧してもらうには、ヘッダーをしっかり整備しておくことが大切ですよ!!
ガイド

 

押さえておきたいヘッダーの編集方法について解説

本記事では、無料で使えるホームページ作成サービス「ペライチ」でホームページを作ったあと、優先的に行いたいヘッダー編集の方法について解説していきます。

ペライチのヘッダー編集について網羅的に取り上げているので、本記事を参照すれば、ヘッダーの整備は万全を期すことができるでしょう。

 

画像付きで詳しく解説しているので、初心者の方でも迷うことなく編集してもらえるはずです!
ガイド

 

それでは早速、ホームページ作成サービス「ペライチ」でホームページを作ったあとに行いたいヘッダー編集について、詳しく見ていきましょう。

 

なお「ペライチ」でゼロからホームページを作成する方法については、下記の記事を参照しましょう。

関連リンク【ペライチホームページの作り方】ペライチ無料プランでホームページ作成する方法を解説|サイトの基本構造はテンプレートを使えば3分で作れる!

 

 

本記事の内容

 

「ペライチ」ホームページのヘッダーを編集する|編集画面にアクセスする

ここでは「ペライチ」で作成したホームページのヘッダーを編集するための画面にアクセスする流れについて、解説していきます。

 

編集画面にアクセスする

まずは「ペライチ」にログインして、マイページにアクセスしましょう。

>>ペライチにログインする

 

【ペライチホームページの基本設定】ペライチ無料プランで作成したホームページの基本設定を行う|サイトアドレス変更やSEO設定など|編集画面にアクセスするクリックして拡大表示

ログインしたら、基本設定を行いたいホームページの「ページ編集」ボタンをクリックしましょう。

これでホームページ個別の編集画面にアクセスできます。

 

【ペライチホームページの基本設定】ペライチ無料プランで作成したホームページの基本設定を行う|サイトアドレス変更やSEO設定など|編集画面にアクセスする:これでホームページ個別の編集画面にアクセスできます。クリックして拡大表示

編集画面が表示されたら、ヘッダー編集の準備は万端です。

 

次の項目から一つずつ、ヘッダーの設定を行っていきましょう。
ガイド

 

「ペライチ」ホームページのヘッダーを編集する|新規ブロックを挿入する

ここでは「ペライチ」で作成したホームページのヘッダーに様々な情報を掲載する方法について、解説していきます。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|新規ブロックを挿入するクリックして拡大表示

新たにヘッダーを設置するには、あらかじめ用意された「ブロック」と呼ばれるホームページを構成するパーツを選ぶことから始めます。

プレビュー画面の最上部にあるプラスマークをクリックしましょう。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|新規ブロックを挿入する:「ブロックの追加」画面のメニュー一覧にある「ヘッダー/メニュー」をクリックして、お好みのデザインを選択しましょう。クリックして拡大表示

「ブロックの追加」画面のメニュー一覧にある「ヘッダー/メニュー」をクリックして、お好みのデザインを選択しましょう。

 

デザインを選択する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|新規ブロックを挿入する:デザインを確かめるには、一覧からデザインを選択して「決定」ボタンを押します。クリックして拡大表示

デザインを確かめるには、一覧からデザインを選択して「決定」ボタンを押します。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|新規ブロックを挿入する:するとプレビュー画面に選択したデザインのヘッダーが表示されます。 もし気に入らなければ、挿入したヘッダーにマウスカーソルを合わせて、右上に表示されるバツマークをクリックして削除、再度別のデザインを選択すればOKです。クリックして拡大表示

するとプレビュー画面に選択したデザインのヘッダーが表示されます。

もし気に入らなければ、挿入したヘッダーにマウスカーソルを合わせて、右上に表示されるバツマークをクリックして削除、再度別のデザインを選択すればOKです。

 

デザイン指定、プレビューでデザイン確認、ブロック削除、デザイン再指定・・・というサイクルで望ましいヘッダーデザインを見つけましょう。
ガイド

 

「ペライチ」ホームページのヘッダーを編集する|ページ名を変更する

ここでは前項の編集工程に引き続き、「ペライチ」で作成したホームページのヘッダーに掲載するウェブサイト名を変更する方法について、解説していきます。

 

ページ名の編集画面を開く

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ページ名を変更するクリックして拡大表示

まずは選択したヘッダーブロックの中でページ名を入力する箇所にマウスカーソルを合わせて、「編集」ボタンをクリックしましょう。

なおページ名表示領域がテキストタイプではなく画像タイプの場合は、同じくマウスカーソルを合わせて「編集」ボタンをクリックして、掲載する画像を指定しましょう。

 

ページ名を編集する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ページ名を変更する:あとは新たに表示されるテキストエディター内に入力されている既存のページ名を削除して、改めてページ名を入力しましょう。クリックして拡大表示

あとは新たに表示されるテキストエディター内に入力されている既存のページ名を削除して、改めてページ名を入力しましょう。

入力が終わったら「保存」をクリックします。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ページ名を変更する:これでページ名が変更されました。クリックして拡大表示

これでページ名が変更されました。

 

「ペライチ」ホームページのヘッダーを編集する|色を指定する

ここでは前項の編集工程に引き続き、「ペライチ」で作成したホームページのヘッダーの背景色・文字色を指定する方法について、解説していきます。

 

編集画面を開く

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|色を指定するクリックして拡大表示

対象のヘッダーブロックにマウスカーソルを合わせると、ブロック中央に「編集」ボタンが表示されるので、これをクリックしましょう。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|色を指定する:「ナビゲーションの設定」という編集画面が新たに表示されます。クリックして拡大表示

「ナビゲーションの設定」という編集画面が新たに表示されます。

 

背景色を指定する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|色を指定する:「背景色」にあるカラーパレットから好きな色を指定しましょう。クリックして拡大表示

「背景色」にあるカラーパレットから好きな色を指定しましょう。

プレビュー画面を見て色味を確認したい場合は、「ナビゲーションの設定」最下部にある「保存」をクリックします。

別のカラーを指定したい場合は、先ほど同様に「編集」ボタンをクリックして色を指定し直しましょう。

 

文字色を指定する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|色を指定する:「メニュー文字色」から文字色を指定しましょう。クリックして拡大表示

「メニュー文字色」から文字色を指定しましょう。

プレビュー画面の確認方法は、背景色の場合と同様です。

 

「ペライチ」ホームページのヘッダーを編集する|メニュー設定を変更する

ここでは前項の編集工程に引き続き、「ペライチ」で作成したホームページのヘッダーに表示されるメニューの設定を変更する方法について、解説していきます。

 

文字サイズを変更する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|メニューの設定を変更するクリックして拡大表示

文字サイズの変更は「メニュー文字サイズ」という項目で行います。

10pxから36pxの範囲で指定することができます。

プルダウンメニュー右側に表示されている「文字サイズ見本」は、指定した文字サイズに合わせて大きさが変わるので、これを参考に調整しましょう。

 

メニューの表示位置を変更する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|メニューの設定を変更する:メニューの表示位置は「メニュー位置」という項目で変更できます。クリックして拡大表示

メニューの表示位置は「メニュー位置」という項目で変更できます。

「左寄せ」「センター揃え」「右寄せ」の三種類から選びましょう。

 

メニュー表記・リンク設定を変更する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|メニューの設定を変更する:メニューの表記と各メニューのリンク設定は「メニュー」という項目で行います。クリックして拡大表示

メニューの表記と各メニューのリンク設定は「メニュー」という項目で行います。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|メニューの設定を変更する:「テキスト」を変更すると、メニューの表記が変わります。クリックして拡大表示

「テキスト」を変更すると、メニューの表記が変わります。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|メニューの設定を変更する:「リンク」を変更すると、メニューのリンク先が変わります。クリックして拡大表示

「リンク」を変更すると、メニューのリンク先が変わります。

ページを追加作成したあとは、この項目でリンク先に指定することで新たなページにアクセスするための導線作りを行うことができます。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|メニューの設定を変更する:一通り変更を終えたら、「ナビゲーションの設定」最下部にある「保存」ボタンを押して編集を完了させましょう。クリックして拡大表示

一通り変更を終えたら、「ナビゲーションの設定」最下部にある「保存」ボタンを押して編集を完了させましょう。

これでヘッダーの設定は完了です。

 

ちなみに今回は無料で使えるブロックを使用しましたが、有料プランユーザー限定のブロックを使えばさらに見栄えの良いヘッダーを作成することが可能ですよ。
ガイド

 

「ペライチ」ホームページのヘッダーを編集する|不要なブロックを削除する

ここでは前項でヘッダーが完成したことで不要になった旧ヘッダーを削除する方法について、解説していきます。

 

ブロックを削除する

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|不要なブロックを削除するクリックして拡大表示

削除したいブロックにマウスカーソルを合わせましょう。

するとブロック右上にバツマークが表示されるので、これをクリックします。

削除はその是非を問われず即座に行われるので、ブロックを削除する際は十分に気を付けましょう。

 

【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|不要なブロックを削除する:これでブロックの削除は完了です。クリックして拡大表示

これでブロックの削除は完了です。

 

「ペライチ」ホームページのヘッダーを編集する|まとめ

「【ペライチホームページのヘッダー編集】ペライチ無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など」と題して、作成したホームページのヘッダーを編集する手順について、詳しく解説してきました。

 

ヘッダーを整備して、使い勝手の良いホームページにしましょう!

ホームページのヘッダーは、ただ単にメニューやホームページの名前を掲載する箇所ではなく、サイト全体の回遊性に関わる重要な部分です。

ユーザーの痒いどころに手が届くヘッダーが作り込まれていれば、ユーザーはサイト内の情報をあちこち探し回ってくれる可能性が高まります。

これは「回遊性」と呼ばれますが、回遊性が高まることはGoogleのサイト評価に直結するので、結果的にGoogle検索の掲載順位を上げることに繋がります。

またユーザーの使いやすさに配慮したホームページ作りにおいても、良質なヘッダーは必要不可欠なので、ぜひこの機会に目的意識を持ってヘッダーを作り込んでほしいと思います。

 

使いやすさ・品質に定評のあるHP作成サービス「ペライチ」

無料ホームページ作成サービス「ペライチ」のロゴ

ペライチは「おどろきの簡単さ、早さ、安心を提供」を掲げる、日本生まれのホームページ作成サービスです。

ランディングページと呼ばれる1枚のページで作られるホームページ作成に特化したサービスとして注目を集めて以来、現在では個人や中小企業向けのホームページ作成サービスとしても注目されています。

 

"まるで文章を打つようにホームページが作れる"使いやすさ

ペライチ最大の特徴は、ビックリするほど簡単で分かりやすい直感的なホームページ作成方法で、まるで文書作成ソフトで文章を打つようにホームページを編集できる利点は、業界でもピカイチです。

その一方で作成されるホームページが安っぽく見えないクオリティの高さにも定評があることも、見逃せないポイントですね。

 

30日間の無料トライアル期間を提供

そもそも無料プランがあるペライチですが、大手ホームページ作成サービスとしては唯一30日間の「有料プラン」無料トライアルサービスを提供しています。

有料プランは、より多くのユーザーに閲覧してもらうために必要な機能や豊富なデザインブロックを備えているので、本腰を入れてサイト運営をするなら前向きに検討したいところ。

ただ実際に使ってみないとサービスの良し悪しが分からないので、無料でお試しできるのは嬉しいですよね。

 

無料でホームページを作成するなら、まずは迷わず「ペライチ」を選ぶのがオススメです!
ガイド

 

>>無料で「ペライチ」の有料プランを30日間使ってみる

「ペライチ」無料トライアルへ

 

 

【まとめ】無料で簡単にホームページが作れるサービス

【ホームページの作り方】画像で分かりやすく作り方を解説!初心者でも完全無料で作れるホームページ作成サービスをご紹介|無料サービスの落とし穴に要注意!|アイキャッチ画像

「専門知識が無い初心者だけど、ちょっとしたホームページを無料で簡単に作りたい」

そんな望みを叶えてくれる無料の「ホームページ作成サービス」についてまとめた記事を公開しています。

お金をかけずに見栄えの良いホームページを作成できるサービスを厳選してご紹介しているので、興味のある方は要チェック!

関連リンク初心者でも完全無料で作れるホームページ作成サービスをご紹介

 

本記事があなたの望みに適ったホームページ作りに何らかの貢献ができれば、嬉しく思います。
ガイド

-ホームページの作り方
-, ,

© 2021 初心者のためのホームページ作成ガイド