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 を見る

関連記事

ロリポップでWordPressのPHPバージョンを5から7にする

ロリポップでWordPressのPHPバージョン7.1に変更後「サイトに技術的な問題が発生しています。」

WordPress.org の推奨環境 PHP7以上 MySQL5.6以上またはMaria

記事を読む

レンタルサーバでWordPressを設置してみよう!

WordPress.com 内に、ブラウザだけで無料でサイトを作成出来きるサービスもありますが、Wo

記事を読む

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

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

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

記事を読む

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

DEMO を見る カスタム投稿タイプ functions.php 今回は3つのリストメニュ

記事を読む

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

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

記事を読む

Wordpress 自作フォーム (チェックボックスなど)

WordPress 自作フォーム その3(チェックボックスなど)

以前、WordPress 自作フォーム その1の記事で Wordpress で自作フォームを作ってみ

記事を読む

Wordpress 自作フォーム

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

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

記事を読む

WordPress Twenty Seventeen function.php

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

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

記事を読む

Wordpress 自作フォーム 2(注意点とエラー:This is somewhat embarrassing, isn’t it? など)

WordPress 自作フォーム その2(注意点とエラー:This is somewhat embarrassing, isn’t it? など)

前回(WordPress 自作フォーム 1)のつづきです。 今回は細かいところや注意点とエラーなど

記事を読む

WordPress PHP

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

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

→もっと見る

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