WordPress レスポンシブ テンプレート の メニューやブログの設置

公開日: : WordPress, wordpress テンプレート

WordPress レスポンシブ テンプレート

前回の 「WordPress レスポンシブ テンプレートコーポレート用(シンプル・カスタマイズ用)ダウンロード」の記事ではテンプレートの設置の説明しかしてなかったので、書かなくても分かるかもしれませんが、メニューやブログの設置例も書いておきます。

メニューのカスタマイズ

グローバルメニューは、6メニュー用になってます。
メニューを作って行きます。

メニューにホームボタンを付ける

まず、メニューに「ホーム」ボタンを設置してみます。
WordPress メニューにホームボタンを付ける
1.外観>メニューを押して「メニューの編集」に行きます。
2.メニューの名前を「menu01」にします。
3.「リンク」項目を押します。
4.URLとリンクテキストを入力して「メニューに追加」ボタンを押します。
5.メニュー構造に「ホーム」と出るので、「メニューを保存」ボタンを押します。

こんな感じになります。
WordPress メニューにホームボタンを付ける

メニューに固定ページを追加する

WordPress 固定ページをメニューに追加する
1.外観>メニューを押して「メニューの編集」に行きます。
2.「固定ページ」項目から既存に入っているサンプルページにチェックマーク。
3.「メニューに追加」ボタンを押します。
4.メニュー構造に「サンプルページ」と出るので、「メニューを保存」ボタンを押します。

こんな感じになります。
WordPress 固定ページをメニューに追加する

リスト記事の設置

リスト記事のページを追加する

デモでは「サービス内容」になっているリスト記事の固定ページを追加します。
(画像例では、「リスト内容一覧」になってます。)
WordPress リスト記事ページの固定ページを作る
1.固定ページ>新規追加を押します。
2.リスト記事のタイトルと内容を入力します。
3.右下のページ属性を「リスト01」を選択
4.「更新」ボタンを押します。

リスト記事をメニューに追加する

WordPress リスト記事ページのメニューを作る
1.外観>メニューを押して「メニューの編集」に行きます。
2.「固定ページ」項目から先ほど作ったリストのページにチェックマーク。
3.「メニューに追加」ボタンを押します。
4.メニュー構造にリスト固定ページのタイトルが出るので、「メニューを保存」ボタンを押します。

こんな感じになります。
WordPress リスト記事固定ページ

ブログ記事の設置

ブログ記事のページを追加する

ブログの固定ページを追加します。
WordPress ブログの固定ページ
1.固定ページ>新規追加を押します。
2.ブログ記事のタイトルと内容を入力します。
3.右下のページ属性を「ブログトップページ」を選択
4.「更新」ボタンを押します。

(例では、ついでに固定ページ1、2を作っておきます。)

ブログ記事をメニューに追加する

WordPress ブログをメニューに追加
1.外観>メニューを押して「メニューの編集」に行きます。
2.「固定ページ」項目から先ほど作ったブログのページにチェックマーク。
(例では、ついでに固定ページ1、2にもチェックマーク。)
3.「メニューに追加」ボタンを押します。
4.メニュー構造に「ブログ」が出るので、「メニューを保存」ボタンを押します。

こんな感じになります。
WordPress ブログ

DEMO を見る

関連記事

All-in-One WP Migration で サーバ移動

「All-in-One WP Migration」プラグインで 簡単に WordPress のサーバー移行する手順メモ

1.移行元サイトでのデータエクスポート 「All-in-One WP Migration(公式リン

記事を読む

WordPress エラー:Failed to load plugin: table from url https://cdn.tinymce.com/4/plugins/table/plugin.min.js

WordPress エラー:Failed to load plugin: table from url https://cdn.tinymce.com/4/plugins/table/plugin.min.js

WordPress エラーの状態 WordPress 管理画面のテキスト入力欄で(ビジュアルタブの

記事を読む

WordPress レスポンシブ テンプレート 元にサイトを作ってみる その1

「レスポンシブ テンプレート の メニューやブログの設置」の記事では、メニューやブログの設置例をやっ

記事を読む

WordPress の PHP をちょっと見てみよう Ⅱ

WordPress の PHP をちょっと見てみよう Ⅱ

前記事の続きで、wp-settings.php の68行目あたりから見ていきます。 <今回のピ

記事を読む

WordPress レスポンシブ テンプレート

WordPress レスポンシブ テンプレートコーポレート用(シンプル・カスタマイズ用)ダウンロード

WordPress レスポンシブ テンプレートコーポレート用(シンプル・カスタマイズ用)ダウンロード

記事を読む

WordPress カレンダー カスタマイズ

WordPress カレンダー カスタマイズ(add_filter版)

前回、「WordPress の PHP をちょっと見てみよう Ⅲ」でフックをやったので、カレンダーで

記事を読む

wordpress カスタム投稿で 2ページ目以降が404

wordpress カスタム投稿で 2ページ目以降が404になってしまう

wordpress のカスタム投稿で、ニュースのページを作っていました。 ニュース一覧で、ペー

記事を読む

WordPress Twenty Seventeen function.php

WordPress twentyseventeen の function.php を見る – その1

WordPress の最低限の機能だけのシンプルなテンプレートが欲しかったので、作っておくことにしま

記事を読む

wordpress カスタム投稿を一覧(ループ)で表示する

wordpress カスタム投稿を一覧(ループ)で表示する

カスタム投稿を一覧で表示する方法がいろいろあります。 query_posts 関数が非推奨になって

記事を読む

Wordpress 自作フォーム

WordPress 自作フォーム その1(サンプルと設置)

Wordpress でプラグインを使わずにフォームをやってみます。 簡単に名前、メールアドレス、メ

記事を読む

WordPress wordpress テンプレート

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

WordPress エラー:Failed to load plugin: table from url https://cdn.tinymce.com/4/plugins/table/plugin.min.js
WordPress エラー:Failed to load plugin: table from url https://cdn.tinymce.com/4/plugins/table/plugin.min.js

WordPress エラーの状態 WordPress 管理画面のテキ

wordpress タイトルの変更
WordPress タイトルの変更

テンプレートタグ the_title(); get_the_title

All-in-One WP Migration で サーバ移動
「All-in-One WP Migration」プラグインで 簡単に WordPress のサーバー移行する手順メモ

1.移行元サイトでのデータエクスポート 「All-in-One WP

DNSサーバーとは
ドメインとは?DNSサーバーとは?

ドメインとは? ドメインとは? ドメインとは、インターネット上のネ

javascriptで複数同じ名前のformの値を取得する
javascriptで複数同じ名前のformの値を取得するとエラー Cannot read property ‘value’ of undefined

Javascript で value の値を取得する このようなHT

→もっと見る

    • 202404
      Mon Tue Wed Thu Fri Sat Sun
      1234567
      891011121314
      15161718192021
      22232425262728
      2930
    にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ PHPへ にほんブログ村 IT技術ブログ WordPressへ
    にほんブログ村 FC2 Blog Ranking
    PAGE TOP ↑