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

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

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

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

Q&A

解決済

1回答

2029閲覧

モバイル表示時、TOPページだけメニューのリンクが効かない

veronica

総合スコア12

WordPress

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

0グッド

0クリップ

投稿2020/03/31 10:02

編集2020/04/01 01:32

https://kinkedtail.co.jp/

ワードプレスのサイトになります。

モバイル(スマホ)表示の際、TOPページの時だけ、drawer_menu(メニュー)のリンクが効かず困っております。

他のページのdrawer_menu(メニュー)は、リンクが効いています。

TOPページでもdrawer_menu(メニュー)のリンクを効かせるためにはどうすればよいでしょうか?

テーマは、TCDのHEALというテーマです。
https://tcd.plus/tcd077/

どなたか、お分かりになる方、ご教授お願い致します。

header.php

1 2<body id="body" <?php body_class(); ?>> 3 4<?php 5 if ($options['show_load_screen'] == 'type2') { 6 if(is_front_page()){ 7 load_icon(); 8 } 9 } elseif ($options['show_load_screen'] == 'type3') { 10 if(is_front_page() || is_home() || is_archive() ){ 11 load_icon(); 12 } 13 }; 14?> 15 16<div id="container"> 17 18 <header id="header"> 19 20 <?php if ($options['header_show_desc'] == 'type2' && is_front_page()) { ?> 21 <h1 id="site_desc" class="rich_font_<?php echo esc_attr($options['header_desc_font_type']); ?>"><span<?php if ($options['header_desc_mobile']) { echo ' class="pc"'; }; ?>><?php echo esc_html(get_bloginfo('description')); ?></span><?php if ($options['header_desc_mobile']) { echo '<span class="mobile rich_font_' . esc_attr($options['header_desc_font_type_mobile']) . '">' . nl2br(esc_html($options['header_desc_mobile'])) . "</span>"; }; ?></h1> 22 <?php } elseif ($options['header_show_desc'] == 'type3') { ?> 23 <h1 id="site_desc" class="rich_font_<?php echo esc_attr($options['header_desc_font_type']); ?>"><span <?php if ($options['header_desc_mobile']) { echo ' class="pc"'; }; ?>><?php echo esc_html(get_bloginfo('description')); ?></span><?php if ($options['header_desc_mobile']) { echo '<span class="mobile rich_font_' . esc_attr($options['header_desc_font_type_mobile']) . '">' . nl2br(esc_html($options['header_desc_mobile'])) . "</span>"; }; ?></h1> 24 <?php }; ?> 25 26 <div id="header_top"> 27 <div class="tel_wrap"> 28 <p>050-5848-2958<br> 29 <span>営業時間:9:00-19:00 年中無休</span></p> 30 </div> 31 <div id="header_logo"> 32 <?php header_logo(); ?> 33 </div> 34 <div class="sns_wrap"> 35<div class="sns"><a href="https://www.facebook.com/%E3%81%9F%E3%81%BE%E3%81%94%E3%81%A8%E3%82%B3%E3%83%A0%E3%82%AE%E3%81%AE%E5%AE%B6-105693197662888/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-151" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/facebook-3-300x300.png" alt="" width="300" height="300" /></a></div> 36<div class="sns"><a href="https://twitter.com/3wAAt248cPLmr4E/with_replies" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-152" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/twitter-1-300x300.png" alt="" width="300" height="300" /></a></div> 37<div class="sns"><a href="https://www.youtube.com/channel/UCxstCYor47oFExazlk2jkxQ" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-153" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/youtube-300x300.png" alt="" width="300" height="300" /></a></div> 38<div class="sns"><a href="https://kinkedtail.co.jp/category/blog/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-154" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/blog-1.png" alt="" width="300" height="300" /></a></div> 39</div> 40 <?php 41 $facebook = $options['header_facebook_url']; 42 $twitter = $options['header_twitter_url']; 43 $insta = $options['header_instagram_url']; 44 $pinterest = $options['header_pinterest_url']; 45 $youtube = $options['header_youtube_url']; 46 $contact = $options['header_contact_url']; 47 $show_rss = $options['header_show_rss']; 48 ?> 49 <?php if($facebook || $twitter || $insta || $pinterest || $youtube || $contact || $show_rss) { ?> 50 <ul id="header_social_link" class="clearfix"> 51 <?php if($insta) { ?><li class="insta"><a href="<?php echo esc_url($insta); ?>" rel="nofollow" target="_blank" title="Instagram"><span>Instagram</span></a></li><?php }; ?> 52 <?php if($twitter) { ?><li class="twitter"><a href="<?php echo esc_url($twitter); ?>" rel="nofollow" target="_blank" title="Twitter"><span>Twitter</span></a></li><?php }; ?> 53 <?php if($facebook) { ?><li class="facebook"><a href="<?php echo esc_url($facebook); ?>" rel="nofollow" target="_blank" title="Facebook"><span>Facebook</span></a></li><?php }; ?> 54 <?php if($pinterest) { ?><li class="pinterest"><a href="<?php echo esc_url($pinterest); ?>" rel="nofollow" target="_blank" title="Pinterest"><span>Pinterest</span></a></li><?php }; ?> 55 <?php if($youtube) { ?><li class="youtube"><a href="<?php echo esc_url($youtube); ?>" rel="nofollow" target="_blank" title="Youtube"><span>Youtube</span></a></li><?php }; ?> 56 <?php if($contact) { ?><li class="contact"><a href="<?php echo esc_url($contact); ?>" rel="nofollow" target="_blank" title="Contact"><span>Contact</span></a></li><?php }; ?> 57 <?php if($show_rss) { ?><li class="rss"><a href="<?php esc_url(bloginfo('rss2_url')); ?>" rel="nofollow" target="_blank" title="RSS"><span>RSS</span></a></li><?php }; ?> 58 </ul> 59 <?php }; ?> 60 </div> 61 62 <?php if (has_nav_menu('global-menu')) { ?> 63 <a href="#" id="menu_button"><span><?php _e('menu', 'tcd-w'); ?></span></a> 64 <nav id="global_menu" class="rich_font_<?php echo esc_attr($options['global_menu_font_type']); ?>"> 65 <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'theme_location' => 'global-menu' , 'container' => '' ) ); ?> 66 </nav> 67 <?php }; ?> 68 69 <?php get_template_part( 'template-parts/megamenu' ); ?> 70 71 </header> 72 73 74

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

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

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

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

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

kyoya0819

2020/03/31 11:35

場合によっては、WordPressのテーマ自体の不具合の可能性も考えられます。 ・お使いのテーマ名 ・独自で修正された点があればそのコード一式 をご提示いただけると幸いです。
veronica

2020/04/01 00:40 編集

asuchi0819さま ありがとうございます。 >WordPressのテーマ自体の不具合の可能性も考えられます。 テーマは、TCDのHEALというテーマです。 https://tcd.plus/tcd077/ 独自で編集したコードです。 ```ここに言語を入力 <header id="header"> <div id="header_top"> <div class="tel_wrap"> <p>050-5848-2958<br> <span>営業時間:9:00-19:00 年中無休</span></p> </div> <div id="header_logo"> <?php header_logo(); ?> </div> <div class="sns_wrap"> <div class="sns"><a href="https://www.facebook.com/%E3%81%9F%E3%81%BE%E3%81%94%E3%81%A8%E3%82%B3%E3%83%A0%E3%82%AE%E3%81%AE%E5%AE%B6-105693197662888/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-151" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/facebook-3-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://twitter.com/3wAAt248cPLmr4E/with_replies" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-152" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/twitter-1-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://www.youtube.com/channel/UCxstCYor47oFExazlk2jkxQ" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-153" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/youtube-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://kinkedtail.co.jp/category/blog/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-154" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/blog-1.png" alt="" width="300" height="300" /></a></div> </div> </header> ``` 足りない情報などございましたら、お伝え致しますので、 何卒よろしくお願い致します。
kyoya0819

2020/03/31 16:47

情報ありがとうございます。 ここの欄は、一定の動作をしないと表示されない領域ですので、質問に追記していただけると幸いです。 質問下部に「編集」というボタンがあるはずですのでそちらを押していただくと編集可能なはずです。
veronica

2020/03/31 23:58

asuchi0819さま ご返信どうもありがとうございます。 >質問に追記していただけると幸いです。 ⇒なにを追記すればよろしいでしょうか? お手数おかけいたします。 よろしくお願い致します。
kyoya0819

2020/04/01 00:10

veronicaさんが21:24に投稿されたコメント内容です。 具体的には、テーマ名と独自のコード、この二点になります。
dit.

2020/04/01 00:15

質問に追記していただきたいのは「独自で編集したコード」として提示された<header>~</header>です。 また、その際teratailには質問中のコードを見やすくするための仕組みがありますので、それに対応いただきたいです。 コードを質問文に貼り付け、その部分を選択し、<code>というボタンを押すのが一番やりやすいと思います。以下の形になれば大丈夫です。 ```html ここにコード ```
veronica

2020/04/01 00:51 編集

asuchi0819さま dit.さま ご教授ありがとうございます。 お手数おかけして、すみません。 こちらでよろしいでしょうか? >WordPressのテーマ自体の不具合の可能性も考えられます。 テーマは、TCDのHEALというテーマです。 https://tcd.plus/tcd077/ 独自で編集したコードです。 ```html <header id="header"> <div id="header_top"> <div class="tel_wrap"> <p>050-5848-2958<br> <span>営業時間:9:00-19:00 年中無休</span></p> </div> <div id="header_logo"> <?php header_logo(); ?> </div> <div class="sns_wrap"> <div class="sns"><a href="https://www.facebook.com/%E3%81%9F%E3%81%BE%E3%81%94%E3%81%A8%E3%82%B3%E3%83%A0%E3%82%AE%E3%81%AE%E5%AE%B6-105693197662888/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-151" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/facebook-3-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://twitter.com/3wAAt248cPLmr4E/with_replies" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-152" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/twitter-1-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://www.youtube.com/channel/UCxstCYor47oFExazlk2jkxQ" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-153" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/youtube-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://kinkedtail.co.jp/category/blog/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-154" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/blog-1.png" alt="" width="300" height="300" /></a></div> </div> </header> ``` 全部貼り付けられなかったので、 独自で編集したコードの箇所を抜粋しております。 こちらでよろしいでしょうか? お手数おかけいたしますが、何卒よろしくお願い致します。
dit.

2020/04/01 00:53

いえ、この内容を、「質問を編集し、質問に記載」してください。
veronica

2020/04/01 00:57

dit.さま すみません。 「質問に記載」致しました。 お手数おかけいたしますが、 何卒よろしくお願い致します。
guest

回答1

0

自己解決

お答えいただいた方、すみません。

色々いじっていたら、TOPページでもdrawer_menu(メニュー)のリンクが効くようになりました。

何をいじって解決できたかは、わかりませんが、無事問題解決できました。

お答えいただいた方、お時間頂戴して、お手数おかけいたしました。

感謝致します。

投稿2020/04/01 01:35

veronica

総合スコア12

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問