ホームページの作り方

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など

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

 

本記事の想定利用者

  • JIMDO(ジンドゥー)で作ったホームページのヘッダーを編集したい
  • ヘッダーに情報を追加したり、レイアウト変更したりする方法は?

 

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

 

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

ホームページ作成サービス「JIMDO(ジンドゥー)」を使えば、わずか5分でホームページが作れますが、そのまま公開するには掲載情報が不十分です。

サイトを構成する各部のデザインや掲載内容を調整したり、サイト内の情報の過不足をチェックしてコンテンツを追加・削除したりするなどして、万全を期す必要があります。

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

 

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

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

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

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

 

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

 

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

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

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

 

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

 

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

 

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

関連リンク【JIMDOホームページの作り方】ジンドゥー無料プランでホームページ作成する方法を解説|サイトの基本構造はAIビルダーに任せれば5分で作れる!

 

 

本記事の内容

 

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

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

 

管理画面にアクセスする

まずは「JIMDO」公式サイトにアクセスして、ログインしましょう。

>>JIMDOにログインする

 

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

ログインしたら、ヘッダー編集を行いたいホームページをクリックしましょう。

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

 

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

編集画面が表示されたら、設定を行う準備は万全です。

 

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

>>目次へ戻る

「JIMDO」ホームページのヘッダーを編集する|ナビゲーション設定を行う

ここでは「JIMDO(ジンドゥー)」で作成したホームページのヘッダーのナビゲーションを設定する方法について、解説していきます。

 

 

ナビゲーション設定のメニューを開く

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行うクリックして拡大表示

まずはホームページ上部に表示されているメニュー(いわゆるグローバルナビゲーション)項目の表記や配置の変更を行います。

編集画面左上にある「ナビゲーション」をクリックしましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:すると編集画面左側にナビゲーションの編集メニューが表示されます。 ここを調整することでヘッダーのメニューを編集していきますよ。クリックして拡大表示

すると編集画面左側にナビゲーションの編集メニューが表示されます。

ここを調整することでヘッダーのメニューを編集していきますよ。

 

メニュー項目の表記を変更する

まずはヘッダーメニューに表示されている各項目のテキストを編集しましょう。

ここでは「お知らせ」と書かれた項目を「最新情報」に変更したいと思います。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:編集したいメニュー項目をクリックするとカーソルが表示されてテキスト編集を行えるようになります。 変更したいネーミングを入力してエンターキーを押しましょう。クリックして拡大表示

編集したいメニュー項目をクリックするとカーソルが表示されてテキスト編集を行えるようになります。

変更したいネーミングを入力してエンターキーを押しましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:右側のプレビュー画面を見ると、メニュー項目名が変更されているのが分かります。 これでヘッダーのメニュー項目の表記変更は完了です。クリックして拡大表示

右側のプレビュー画面を見ると、メニュー項目名が変更されているのが分かります。

これでヘッダーのメニュー項目の表記変更は完了です。

 

他のメニュー項目も同様の手順で適宜編集しましょう。
ガイド

 

メニュー表記の配置を変更する

続いてはヘッダーに表示されている各メニューの表示位置を変更しましょう。

ここでは「お問い合わせ」メニューを最後に表示するように位置を変更します。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:表示位置を変更したいメニュー項目の右側にある「十字の矢印」マークをクリックしましょう。 クリックした状態でメニュー内の表示させたい箇所にドラッグして移動させます。クリックして拡大表示

表示位置を変更したいメニュー項目の右側にある「十字の矢印」マークをクリックしましょう。

クリックした状態でメニュー内の表示させたい箇所にドラッグして移動させます。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:表示させたい箇所にメニューをドラッグしたらクリックボタンを放しましょう。 するとメニューの位置が変更されます。クリックして拡大表示

表示させたい箇所にメニューをドラッグしたらクリックボタンを放しましょう。

するとメニューの位置が変更されます。

右側のプレビュー画面を見ても、それを確認できますね。

これでヘッダーメニューの表記位置の変更は完了です。

 

メニュー項目の表示・非表示を設定する

最後にヘッダーに表示されている各メニューの表示・非常時の設定を行いましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:現時点で表示されているメニュー項目を非表示にするには、該当メニュー項目の右側にある「三点」マークをクリックしましょう。クリックして拡大表示

現時点で表示されているメニュー項目を非表示にするには、該当メニュー項目の右側にある「三点」マークをクリックしましょう。

すると新たなメニューが表示されます。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:その中にある「ナビゲーションで非表示」をクリックしましょう。クリックして拡大表示

その中にある「ナビゲーションで非表示」をクリックしましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:すると該当するメニュー項目名の左側に非表示マークが現れて、プレビュー画面上からメニュー項目が表示されなくなります。 これでヘッダーメニュー項目の表記・非表示設定は完了です。クリックして拡大表示

すると該当するメニュー項目名の左側に非表示マークが現れて、プレビュー画面上からメニュー項目が表示されなくなります。

これでヘッダーメニュー項目の表記・非表示設定は完了です。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|ナビゲーション設定を行う:すべての設定が完了したら、編集画面左側にある「完了」をクリックして編集を完了させましょう。クリックして拡大表示

すべての設定が完了したら、編集画面左側にある「完了」をクリックして編集を完了させましょう。

 

以上の操作でヘッダーのナビゲーションを編集して整えましょう。
ガイド

>>目次へ戻る

「JIMDO」ホームページのヘッダーを編集する|表示コンテンツを指定する

ここでは「JIMDO(ジンドゥー)」で作成したホームページのヘッダーに表示するコンテンツの指定方法について、解説していきます。

レイアウトを変更する前に表示するコンテンツを決めておくと、あとでコンテンツを表示してイメージに違和感を感じて再度レイアウト変更するといった手間が省けます。

 

コンテンツ表示のメニューを開く

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

まずはヘッダーに表示するコンテンツを指定するためのメニューを開きましょう。

ヘッダーにマウスカーソルを合わせると表示される左側の「目」のマークをクリックしましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|表示コンテンツを指定する:すると新たな編集メニューが表示されます。 ここで編集することでヘッダーのコンテンツ表示を調整していきます。クリックして拡大表示

すると新たな編集メニューが表示されます。

ここを編集することでヘッダーのコンテンツ表示を調整していきます。

 

表示するコンテンツを指定する

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|表示コンテンツを指定する:各項目をクリックすることで表示・非表示を変更できます。 ヘッダーメニューに表示させたい項目を適宜クリックして表示させましょう。 コンテンツ表示の指定は、これで完了です。クリックして拡大表示

各項目をクリックすることで表示・非表示を変更できます。

ヘッダーメニューに表示させたい項目を適宜クリックして表示させましょう。

コンテンツ表示の指定は、これで完了です。

 

ツイッターアイコンにリンク設定を行う

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|表示コンテンツを指定する:ここでは新たにツイッターへのリンクアイコンを掲載してみましょう。 先ほどのコンテンツ表示の編集メニューでツイッターアイコンを表示状態にしたら、ツイッターアイコンをクリックしましょう。クリックして拡大表示

ここでは新たにツイッターへのリンクアイコンを掲載してみましょう。

先ほどのコンテンツ表示の編集メニューでツイッターアイコンを表示状態にしたら、ツイッターアイコンをクリックしましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|表示コンテンツを指定する:すると「Twitterと接続する」という項目が表示されてURLを入力できるフォームが出てくるので、ここにリンクを貼りたいツイッターのURLを入力します。 入力したらエンターキーを押して確定させましょう。クリックして拡大表示

すると「Twitterと接続する」という項目が表示されてURLを入力できるフォームが出てくるので、ここにリンクを貼りたいツイッターのURLを入力します。

入力したらエンターキーを押して確定させましょう。

これでツイッターアイコンのリンク設定は完了です。

 

他のSNSボタンも同じ要領でリンク設定を行うことができます。
ガイド

 

テキストを編集する

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|表示コンテンツを指定する:最後にホームページのタイトル部分やボタンなどに表記されたテキストを編集しましょう。 直接編集したい部分をクリックすることで、テキスト編集を行うことができます。 入力したら適当なところをクリックして確定させましょう。クリックして拡大表示

最後にホームページのタイトル部分やボタンなどに表記されたテキストを編集しましょう。

直接編集したい部分をクリックすることで、テキスト編集を行うことができます。

入力したら適当なところをクリックして確定させましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|表示コンテンツを指定する:表記が「machi-no-coffeeshop」から「まちのコーヒーショップ」に変更されたのが分かります。クリックして拡大表示

表記が「machi-no-coffeeshop」から「まちのコーヒーショップ」に変更されたのが分かります。

このような要領で適宜テキスト編集を行いましょう。

 

以上でヘッダーの表示コンテンツの指定は完了です。
ガイド

>>目次へ戻る

「JIMDO」ホームページのヘッダーを編集する|レイアウトを変更する

ここでは「JIMDO(ジンドゥー)」で作成したホームページのヘッダーレイアウトの変更方法について、解説していきます。

 

ナビゲーションデザインのメニューを開く

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

まずはヘッダーレイアウトを変更するためのメニューを開きましょう。

ヘッダーにマウスカーソルを合わせると表示される左側の「単語カード」のようなマークをクリックしましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|レイアウトを変更する:すると編集画面左側に新たな編集メニューが表示されます。  ここの設定を変更することでヘッダーのレイアウトを調整していきます。クリックして拡大表示

すると編集画面左側に新たな編集メニューが表示されます。

ここの設定を変更することでヘッダーのレイアウトを調整していきます。

 

ヘッダーを透明にする

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|レイアウトを変更する:ヘッダーの背景色を透明にしたい場合は、「ナビゲーションを透明にする」をONにしましょう。クリックして拡大表示

ヘッダーの背景色を透明にしたい場合は、「ナビゲーションを透明にする」をONにしましょう。

透明にした場合、背景色の指定は行えなくなります。

 

背景色を指定する

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|レイアウトを変更する:ヘッダーの背景色を変更するには「背景色」の項目に表示されているカラーを選択します。  望ましい色味を選択しましょう。クリックして拡大表示

ヘッダーの背景色を変更するには「背景色」の項目に表示されているカラーを選択します。

望ましい色味を選択しましょう。

 

レイアウトを変更する

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|レイアウトを変更する:「レイアウト」の項目にいくつかのレイアウトが用意されているので、右側のプレビュー画面を参照しながら望ましいレイアウトを指定しましょう。クリックして拡大表示

「レイアウト」の項目にいくつかのレイアウトが用意されているので、右側のプレビュー画面を参照しながら望ましいレイアウトを指定しましょう。

 

【JIMDOホームページのヘッダー編集】ジンドゥー無料プランで作成したホームページのヘッダーを編集する|テンプレート変更や情報の掲載方法など|レイアウトを変更する:全ての項目を設定し終わったら、編集画面左上にある「完了」をクリックして設定を確定させましょう。クリックして拡大表示

全ての項目を設定し終わったら、編集画面左上にある「完了」をクリックして設定を確定させましょう。

 

以上でヘッダーの編集は完了です。お疲れさまでした!
ガイド

>>目次へ戻る

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

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

 

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

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

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

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

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

 

国内ナンバーワンシェアを誇るHP作成サービス「JIMDO」

JIMDO(ジンドゥー)は世界で2500万を超えるホームページを作成してきたドイツ生まれのホームページ作成サービスです。

KDDIグループが手掛けていることもあって、日本人にとっては使いやすい印象があることから、今では日本国内ナンバーワンのシェアを誇っています。

 

AI任せでホームページが作成できる”AIビルダー”が秀逸

JIMDO最大の特徴は、いくつかの質問に回答するだけでAIが良質なホームページを自動生成してくれる「AIビルダー」というサービスです。

驚くほど簡単にホームページの基本構造が作成できるとあって、初心者でも迷いなく最短5分ほどでホームページを作成することが可能です。

 

日本人向けに改良された操作画面が使いやすい

JIMDOは元々ドイツのサービスですが、2009年に大手通信会社KDDIが日本語版をリリースして以降、日本人にとって使いやすい操作感を追求したサービス提供が行われるようになりました。

そのため日本語版リリース以降は多くの日本人ユーザーに選ばれて、今や日本を代表するホームページ作成サービスとなり、国内シェア第1位を獲得するに至っています。

実際に作成されるホームページのクオリティも高いので、評判も上々というのも頷けます。

 

日本人に最適化された使い勝手の良さと大手企業サービスという安心感で選ぶなら、「JIMDO(ジンドゥー)」で決まりでしょう!
ガイド

 

>>「JIMDO」の無料プランでホームページを作成してみる

「JIMDO」に無料登録する

 

 

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

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

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

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

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

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

 

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

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

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