グローバルナビゲーションを作っちゃおう

こんにちはスタッフのnaruです。

将来メタボ腹になりそうなので軽い筋トレを最近始めました。まずは3か月続けたいな。(`・ω・´)キリッ

これを読んでくれているあなたと同じようにnaruも記事を書きながらお勉強中です。|ω・)

さて、今回の内容ですが、前回の続きWordPressでのウェブサイトの作り方です。

まず目次。

  1. グローバルナビゲーション(サイトメニュー)の設定
  2. トップページの作成

1.グローバルナビゲーション(サイトメニュー)の設定

グローバルナビゲーション:

Webサイト内のページ上部の目立つところにあり、リンクを飛ばしているメニュー

ウェブサイトを訪れる人が見やすいようにグローバルナビゲーションと呼ばれるメニューを作成します。

以下はグローバルナビゲーションの例です。

さて、「管理画面」から「固定ページ」を開いて「サンプルページ」をゴミ箱に移動します。

この「サンプルページ」は文字通りお試しページなので消してしまって問題ありません。

 

次に管理画面から「外観 」- 「メニュー」を選択します。

メニュー構造の中の「ホーム」という項目は不要なので削除してください。(必要なら後で作ることができますのでご安心を)

前回の記事で作成できているはずの4つの固定ページが確認できたら「メニューを作成」ボタンを押してください。

また、「メニュー」内の順番を決めることができます。

それぞれの固定ページ項目を左クリックしながら動かせるので順番を変えたいときにやってみてください。

メニュー作成ボタンを押した後、下の画像のようにメニュー設定という項目が現れます。

「メニューの位置」「 メインメニュー」のチェックを入れて「メニューを保存」を押すと・・・

このようにグローバルナビゲーションが現れてよく見かけるウェブサイトに近づきました。

2.トップページの作成

まずウェブサイトを開いたとき最初に出てくるページ(フロントページ)を「トップページ」に変更しましょう。

上の写真のように、「管理画面」 – 「設定」 – 「表示設定」の「フロントページの表示」で、「固定ページ」にチェックを入れて、

「フロントページ」を「トップページ」に変更します。忘れずに変更保存ボタンを押してください。

次に、フロントページを表示させると、下の画像のように「トップページ」と表示されていて見栄えがわるいので消してしまいましょう。

「管理画面 」- 「固定ページ 」- 「トップページ」を開き、タイトル入力場所に<!–トップページ–>と入力します。

<!–消したい文字–>とすることで表示を無効化することができます。

しかしこのままだとグローバルナビゲーションのトップページが消えてしまうので以下の設定をします。

「管理画面」 – 「外観」 – 「メニュー 」のメニュー構造のトップページをクリックし、ナビゲーションラベルから<!– –>を消してメニューを保存してください。

これでバッチリ、グローバルメニューの完成です。
めでたし、めでたし。

 

今回の記事はここまででーす。

メニューバーを作ろう

こんにちは。naruです。

最近は雨続きで、たまにはパッと晴れないかなーなんて思っております。
あっ、今日はちょっと晴れたかな。。

さて、本題へ。
(今回は時間の都合で短めです)

*****

WordPressはブログとして使われることが多いので、

企業用のウェブサイトを作るなら不必要な機能やウィジェットを削除します。

外観 – ウィジェットからサイドバーの中身を全て削除。

 

 

● TOP、事業内容、運営者情報、お問い合わせのページを作成

初めに考えた構成のように固定ページを作っていきます。

「固定ページ」 – 「新規追加」から「TOP」、「事業内容」、「運営者情報」、「お問い合わせ」の4ページを作ります。

表示するとこのような感じになります。

簡単に作成できるので4ページ作ってみましょう!(・ω・)ノ

詳しいやり方は次の記事で説明します。

wordpressの「テーマ」を設定してみよう

こんにちはスタッフのnaruです。

昨日は台風が日本を縦断しましたね。

夜は結構、雨風が強かったです。いやー、屋根が飛ばされないで良かったー。

さて、今回のテーマは「wordpressのテーマを設定してみよう」です。

その前にまずこちら。

****

2、ウェブサイトをどんな構成にするか考える

今回は「固定ページ」のみの構成でウェブサイトを作ります。

ところで、「固定ページ」って何でしょうね。

WordPressは、もともとブログ製作用に開発されたシステムなので、皆さんがよく見るブログ風のページを作るのは得意なんです。

でも今回はホームページ風のデザインでいきます。

それには「固定ページ」ってやつを使って編集していくんですね。

****

WordPressには2種類のページ作成方法(固定ページ、投稿ページ)があります。

固定ページ:いわゆるホームページ風になるページ

投稿ページ:ブログの記事作成などに使用するページ

Yahoo!ニュースのページは固定ページ、それぞれのニュースの詳細ページは投稿ページです。

 

今回はブログ風ではなく、普通のホームページ風のサイトを作るので、「固定ページ」で作っていきましょう。

ページ数はあまり欲張らずに4ページ(今のところです。増える場合もあり)でいきましょう。

 

 

さて、各ページの位置関係は下図のようになります。

 

トップページを作って、他の3ページにはトップからのリンクを貼ります。

・事業内容

・運営者情報

・お問い合わせ

こんな感じで作っていきましょう。

 

3.テーマ選び

作りたいイメージに合ったテーマを選びます。

wordpressでいうところの「テーマ」ってのは、簡単に言うとページデザインみたいなもんです。

テーマは色々な種類があり、ユーザーは好きなテーマを選択することによって、希望のページデザインを作り出すことができます。

また、テーマは一度作ったらおしまいではなく、飽きたら途中で変えることもできるので便利ですね。

ちなみにnaruのおススメは、こんな感じ。

  • 日本語に翻訳されている
  • 比較的シンプルで扱いやすい
  • WordPressの公式にあるテーマ

初心者にはこの3つを兼ね備えたテーマが良いと思います。o(・ω・´o)

****

私はGoogleでまず「WordPress  テーマ  日本語」 と検索し、上の3項目を満たすテーマを探しました。

するといろんなテーマが出てくるんですね。

その中で気になったのがこれ。「Sydney」ってテーマです。

 

今回は、このテーマを使うことにします。

テーマは管理者用ページから、「外観」「テーマ」で設定できます。

ちなみに、この「外観」「テーマ」 「新規追加」で、ネット上にある様々なテーマをインストールできます。

それでは「Sydney」を設定してみましょう。

まず、管理者用ページから、「外観」「テーマ」 「新規追加」で下記の画面を開きます。

 

お次に、下記の赤枠のところに、「Sydney」と入れて検索してみます。

 

「Sydney」の画面が出てきたら、「インストール」を押して、終わったら「有効化」を押しましょう。

 

これでテーマ「Sydney」の設定が完了しました。

今回はここまで。

 

 

PAGE TOP