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

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

WordPress には、たくさんのファイルが入っています。 ここではテーマ内ではなく、トップ

記事を読む

wordpress タイトルの変更

WordPress タイトルの変更

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

記事を読む

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

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

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

記事を読む

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

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

記事を読む

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

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

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

記事を読む

Wordpress 自作フォーム

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

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

記事を読む

リビジョンを削除し、テーブルを最適化してDBの容量を削減

WordPress リビジョンを削除し、テーブルを最適化してDBの容量を削減

WordPress リビジョン機能 リビジョンは過去の記事を保存してくれる WordPress の

記事を読む

WordPress Warning エラー

WordPress フォルダー・ファイル系の関数 is_dir や opendir や exif_imagetype で Warning エラー

Wordpress の管理画面でフォルダーの中身を読み込む関数 opendir でエラー Word

記事を読む

WordPress Twenty Seventeen function.php

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

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

記事を読む

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

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

前記事の続きで、wp-settings.php の91行目あたりから見ていきます。 次は、wp

記事を読む

WordPress wordpress テンプレート

Message

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

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

リビジョンを削除し、テーブルを最適化してDBの容量を削減
WordPress リビジョンを削除し、テーブルを最適化してDBの容量を削減

WordPress リビジョン機能 リビジョンは過去の記事を保存して

→もっと見る

    • 202112
      Mon Tue Wed Thu Fri Sat Sun
      12345
      6789101112
      13141516171819
      20212223242526
      2728293031
    にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ PHPへ にほんブログ村 IT技術ブログ WordPressへ
    にほんブログ村 FC2 Blog Ranking
    PAGE TOP ↑