ホームページビルダー17 WordPressサイトの編集

ホームページビルダー17 WordPressサイトの編集について記載します。

前提条件

今回は、WordPressサイト作成済みであることを前提とします。まだの方は、以下のいずれかを実施してください。

もし、ビルダーを閉じた場合には、メニューバーの「WordPress」の一番下の中から選んでサイトを開きます。

ページを確認する

WordPressサイトを作成したばかりだと、「ページ編集」タブが選択されて、見にくい状態です。

見た目を確認するときは、プレビューを選択しましょう。

ページを編集する

編集をするときは、必ず、「ページ編集」を押します。慣れた人でも、よく押し忘れますので要注意です。

一つ一つの編集方法を確認しましょう。

変更前の状態

上のところから順番に編集したいと思います。

キャッチフレーズの編集

キャッチフレーズは、全ページで共通です。変更するには、直接クリックして編集します。

すると以下のように変更することができます。

タイトルの編集

タイトルは、全ページで共通です。変更するには、二つの顔を意識して編集します。

タイトルは、二つの顔がある

  • 画像:人間が理解する文字列
  • 文字列:コンピュータ(検索エンジン)が理解する文字列

これらは、編集モードを変更することで、

  • 「編集優先」両方とも表示
  • 「表示優先」画像を表示
  • 「アウトライン」文字列を表示

と変更することができます。

初期値は、「編集優先」です。画像と文字列の両方が表示されているため、壊れているような錯覚になります。

画像のみを見る方法。編集モードを「表示優先


当然、皆様にとっては、こちらが自然です。 サンプルが悪いので、文字列に見えますが、画像です。
尚、カーソルが画像上にあると、文字列が表示されますので、画像以外のところにカーソルを移動して、それでも消えない場合は、別のところをクリックください。

文字列だけ見る方法。編集モードを「アウトライン

文字列だけでみると、ホームページ上で表示される順番と違います。読んでほしい順番に、文字列や見出しを配置します。そして、見た目を、「CSS」を使って自由自在にコントロールします。今回のテンプレートの中にこの「CSS」も含まれています。

人には、「ホームページ・ビルダーHomepage Builder」コンピュータには、「ビルダー子ども学習」と矛盾した状態であることがわかります。

タイトル文字列を変更する

今回は、画像も文字列も、「ホームページビルダー専門学校」に変更します。

まずは、アウトライン表示で直接、「ホームページビルダー専門学校」に変更します。

プレビューを押しても表示されない文字列ですが、検索の基準は、この文字列になりますので、とても重要な役割があります。

?タイトル画像を変更する

次にタイトル画像を変更しましょう。「アウトライン」から「表示優先」に変更し、?画像を右クリック、「背景画像の編集」⇒「合成画像の編集」をクリックします。

すると、画像を編集することができます。

必要に応じて、変更します。今回は、「ホームページビルダー専門学校」と変更して「次へ」

そのまま「次へ」

そのまま「次へ」

そのまま「完了」

同様の手順で、もう一つの「ホームページビルダー」も「とてもよくわかる」に変更します。

メニューの編集方法

次にメニューの編集方法について説明します。

項目数の変更

メニューの項目数だけページがあることになります。よってページを追加・削除することによって項目数が変わります。

ページ数を変更するには、「かんたんナビバー」から「ページ構成」を選択します。

すると「ページ」構成ウィンドウが表示されます。

「ホーム」・「メイン」と表示されているものとメニューが一致していることがわかります。

ちなみに、「サブ」と表示されているものは、メニューではなく、画面一番したのサブナビゲーションに表示されます。

不要なものを選択し、削除ボタン。あとから追加することもできますのでご心配なく。

「閉じる」ボタンをクリックするとメニューから削除されたことが確認できます。

追加をするには、「追加」ボタンをクリック。ゼロから作ると大変なため今回は、「テンプレートから」

そして、増やしたいページの業種を選択。増やしたいページを選択し、「追加」ボタン

すると、下から2番目に追加されます。必要に応じて上に動かしましょう。

また、サブをメニューに加えたい場合は、「変更」ボタンをクリックします。

そして「タイプ」を「メインメニュー」に変更し、「OK」⇒「閉じる」をクリックします。

すると、メニューに昇格します。

これで「削除」・「追加」・「変更」・「上へ」・「下へ」について学びました。

メインメニューの項目名を変更する

メインメニューの項目名を変更するには、タイトルを変更します。?ページによっては、「表示優先」だとタイトルが表示されない場合があります。タイトルが表示されない場合は、表示モードを「編集優先」または、「アウトライン」にします。

編集優先

今回は、「トップページ」を「Home」に変更します。

上書き保存をクリックするとメニューが変わります。

項目名とタイトルを一致させない方法

タイトルと同時に項目名が変わることは、とても便利ですが、困るときもあります。

例えば、タイトルを「教育方針」ではなく?「 教育方針・理念・スクールモットー」としたい場合などです。

項目名にするには、長すぎます。

今回は、Wordpressビューの「教育方針」をダブルクリックします。

そして、タイトルを「 教育方針・理念・スクールモットー」に、項目名は、そのままにします。

まずは、駄目なことを確認
タイトルの「教育方針」を変更して、上書き保存してください。

やっぱりイマイチですね。

改善する

WordPressビューの「 教育方針・理念・スクールモットー」を右クリックし、「ページの変更」をクリック

「タイトルとメニュー名を同一にする」のチェックを外し、「・理念・スクールモットー」を削除し、「OK」をクリック

これでいい感じになりました。

トップイメージは、このページのみで有効です。編集方法は、今までと同じ右クリックし、「背景画像の編集」で変更します。

また、ページの説明も、このページのみで有効です。直接、編集します。

次回は、「新着情報」の変更方法について記載します。お楽しみに!

   このエントリーをはてなブックマークに追加       

  • バランス

    はじめまして。バランスです。

    これまでコメントもしていませんでしたが、最近の「ホームページビルダー17」関連の記事、すごく参考になり助かっています!
    さくらのレンタルサーバーにインストールする方法も、まさに自分の利用サーバーだったので、大助かりでした。
    本記事の「サイト編集方法」についても、漠然としか分かっていなかった所、よく分からなかった所に触れてくれていて、有り難かったです。

    今後も楽しみにしていますので、ぜひよろしくお願いたします。

    • コメントありがとうございます。さくらのレンタルサーバーについても、コメントから発生したイベントになります。頑張って一通りの機能を紹介したいと思います。作成まで、もう少々お待ちください。

  • Pingback: » HPB17 スマートフォンから電話できるようにする パソコン学習ポータルサイト pcmanabu()