質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

864閲覧

WordPressのメニューを動的に表示する方法

junjun0415p

総合スコア10

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/07/22 02:57

編集2019/07/22 07:49

WordPressのメニューを動的に表示する方法を学んでいるのですが、どうしてもドロワーメニューとヘッダーメニューが表示されない原因がわからないので質問させていただきます。

function.phpにregister_nav_menusを書きこみ、header.phpにwp_nav_menuを書き込むと表示されると認識していたのですがまちがっているのでしょうか。なぜ表示されないのか原因を教えてください。

追伸
すでに「管理画面>外観>メニュー」で登録したメニューロケーション(ヘッダーメニュー、ドロワーメニュー)にチェックをつけてメニューを保存を押しています

↓functiion.php

php

1function my_menu_init() 2{ 3register_nav_menus( 4array( 5'global' => 'ヘッダーメニュー', 6'drawer' => 'ドロワーメニュー', 7) 8); 9} 10add_action('init', 'my_menu_init');

↓header.php

php

1 <!-- header --> 2 <header id="header"> 3 <div class="inner"> 4 5 <?php if (is_home() || is_front_page() ) : //トップページではロゴをh1に、それ以外のページではdivに。 ?> 6<h1 class="header-logo"><a href="<?php echo esc_url(home_url('/')); ?>"><?php bloginfo('name'); ?></a></h1><!-- /header-logo --> 7<?php else : ?> 8<div class="header-logo"><a href="<?php echo esc_url(home_url('/')); ?>"><?php bloginfo('name'); ?></a></div><!-- /header-logo --> 9<?php endif; ?> 10<div class="header-sub"><?php bloginfo('description'); //ブログのdescriptionを表示 ?></div><!-- /header-sub --> 11 <!-- drawer --> 12 <div class="drawer"> 13 <div class="drawer-icon"> 14 <span class="drawer-open"><i class="fas fa-bars"></i></span><!-- /drawer-open --> 15 <span class="drawer-close"><i class="fas fa-times"></i></span><!-- drawer-close --> 16 </div><!-- /drawer-icon --> 17 18 19<!-- drawer-content --> 20<div class="drawer-content"> 21<?php 22//.drawer-navを置き換えて、スマホ用メニューを動的に表示する 23wp_nav_menu( 24array( 25'depth' => 1, 26'theme_location' => 'drawer', //ドロワーメニューをここに表示すると指定 27'container' => 'nav', 28'container_class' => 'drawer-nav', 29'menu_class' => 'drawer-list', 30) 31); 32?> 33</div><!-- /drawer-content --> 34 35 </div><!-- /drawer --> 36 37 </div><!-- /inner --> 38 </header><!-- /header --> 39 40 41<!-- header-nav --> 42<nav class="header-nav"> 43<div class="inner"> 44<?php 45wp_nav_menu( 46//.header-listを置き換えて、PC用メニューを動的に表示する 47array( 48'depth' => 1, 49'theme_location' => 'global', //グローバルメニューをここに表示すると指定 50'container' => 'false', 51'menu_class' => 'header-list', 52) 53); 54?> 55</div><!-- /inner --> 56</nav><!-- header-nav --> 57

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

KazuhiroHatano

2019/07/22 05:23

「管理画面>外観>メニュー」で登録したメニューロケーションにメニューを割り当ててますか?
junjun0415p

2019/07/22 07:45

記載漏れ申し訳ございません。 メニューロケーションにメニューを割り当てております!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問