エディターに書かれてるコードとブラウザ上で書かれているコードが　h1からulに変わっている

前提・実現したいこと

wordpressにてテーマのメニューを編集中、
外観の設定からメニュー構造を設定に関する問題です。
画面上部にあるホーム、コミュニティ、ゲームガイドの部分が箇条書きに書き換えられます。

html
1<h1><a href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a></h1>

を利用して
ワードプレス上の固定ページを呼び出したところ

html
1<ul id="menu-mymenu" class="menu">
2<li id="menu-item-25" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-25"><a href="https://rmultigamingsever.com/" aria-current="page">ホーム</a></li>
3<li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27"><a href="/community">コミュニティ</a></li>
4<li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28"><a href="/gameguide">ゲームガイド</a></li>
5</ul>

のようにulに変更されているこの原因と解決方法を教えてほしいです。

試したこと

１．謎に追加されているCSS
ソースを確認したところ
CSSのuser agent stylesheet

CSS
1ul, menu, dir {
2    display: block;
3    list-style-type: disc;
4    margin-block-start: 1em;
5    margin-block-end: 1em;
6    margin-inline-start: 0px;
7    margin-inline-end: 0px;
8    padding-inline-start: 40px;
9}

が怪しそうです。

http://kazukichi.hatenadiary.com/entry/2016/05/27/012546

上記のサイトから詳細度の情報がありそれが関係しているのでしょうか。

２．身に覚えのないreboot.scss

CSS
1ol, ul, dl {
2    margin-top: 0;
3    margin-bottom: 1rem;
4}

html
1<link rel="stylesheet" href="<?php echo get_template_directory_uri().'/css/bootstrap.css'; ?>">
2<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>">

上記のコードにより意図していないCSSを読み込んでしまっているのでしょうか。

補足情報（FW/ツールのバージョンなど）

windows10 ATOM bootstrap-4.3.1-dist wordpres5.1.1

C:\USERS\ユーザー名\DESKTOP\HP
│ FFFTP.lnk
│ start.bat
│
└─アップロードフォルダ
│ footer.php
│ functions.php
│ header.php
│ index.php
│ sidebar.php
│ style.css
│
├─css
│ bootstrap-grid.css
│ bootstrap-grid.css.map
│ bootstrap-grid.min.css
│ bootstrap-grid.min.css.map
│ bootstrap-reboot.css
│ bootstrap-reboot.css.map
│ bootstrap-reboot.min.css
│ bootstrap-reboot.min.css.map
│ bootstrap.css
│ bootstrap.css.map
│ bootstrap.min.css
│ bootstrap.min.css.map
│
└─js
bootstrap.bundle.js
bootstrap.bundle.js.map
bootstrap.bundle.min.js
bootstrap.bundle.min.js.map
bootstrap.js
bootstrap.js.map
bootstrap.min.js
bootstrap.min.js.map

html
1<!doctype html>
2        <html lang="ja">
3          <head>
4            <!-- Required meta tags -->
5            <meta charset="utf-8">
6            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
8            <!-- Bootstrap CSS -->
9            <link rel="stylesheet" href="<?php echo get_template_directory_uri().'/css/bootstrap.css'; ?>">
10            <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>">
11            
12            <title><?php bloginfo('name'); ?></title>
13          </head>
14          <body>
15              <div id="header" class="container">
16                  <h1><a href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a></h1>
17                  <?php wp_nav_menu(); ?>
18              </div><!-- /header -->
19<?php wp_head(); ?>
20
21            <!-- Optional JavaScript -->
22            <!-- jQuery first, then Popper.js, then Bootstrap JS -->
23            <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
24            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
25            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
26

css
1/*
2Theme Name: jinro_theme
3Theme URI: https://rmultigamingsever.com/
4Author: the jinro_theme
5Author URI: https://rmultigamingsever.com/
6Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
7Version: 1.0
8*/
9
10body {
11    font-size: 14px;
12    font-family: Arial, Verdana;
13    margin: 0;
14}
15
16a {
17    text-decoration: none;
18}
19
20p {
21    padding-bottom: 14px;
22    margin: 0;
23    line-height: 1.8;
24}
25
26.container {
27    width: 100%;
28    margin: 0 auto;
29    overflow: hidden;
30}
31
32/* header */
33
34#header {
35    
36}
37
38/* posts */
39
40#posts {
41    float: right;
42    width: 435px;
43    margin-top: 50px;
44}
45
46/* sidebar */
47
48#sidebar {
49    float: left;
50    width: 300px;
51    font-weight: bold;
52    text-align: center;
53    margin-top: 100px;
54}
55
56/* footer */
57
58#footer {
59    padding: 15px 0;
60    font-size: 12px;
61    color: #aaa;
62    border-top: 1px solid #ccc;
63}
64

行動規範の内容に同意します

回答1件

「<h1><a href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a></h1>を利用してワードプレス上の固定ページを呼び出したところ」とありますが、そもそも固定ページを呼ぶコードではありません。

見ている場所（コードの箇所orファイル自体）が違う
編集後アップロードできていない
改竄されている

追記：

wp_nav_menu()の部分および関連するファイルを呼び出す処理など、それなりに変更する必要がありますが、下記の記事などを参考にしてみてはいかがでしょう。

【2018WordpressにBootStrap4のナビゲーションを組み込むver2 | sleep-sheep.info】
https://sleep-sheep.info/2018/02/09/2018wordpressのナビゲーションを組み込むver2/

投稿2019/03/17 04:16

編集2019/03/17 05:05

kei344

総合スコア69400

HozDer

2019/03/17 04:36

失礼、固定ページに種類があることを知りませんでした。質問内容を修正します。外観の設定からメニュー構造を設定に関する問題です。画面上部にあるホーム、コミュニティ、ゲームガイドの部分が箇条書きに書き換えられます。

kei344

2019/03/17 04:41

> 固定ページに種類があることを知りませんでした。何の話でしょう。提示のコードでは「固定ページ」は呼び出していませんよ。リンクを作っているだけですよ。 > 外観の設定からメニュー構造を設定に関する問題です。自作テーマならbootstrapに合うように出力する必要があるので、そこのコードを提示してください。

HozDer

2019/03/17 04:57

> 固定ページに種類があることを知りませんでした。ワードプレス内に「固定ページ」の設定する場所と外観の中に「固定ページ」を設定する場所があり、私ははじめ外観の方を指定したつもりでしたがそのほかに種類があるのを知り修正しました。＞自作テーマならbootstrapに合うように出力する必要があるので、そこのコードを提示してください提示しましたがこれでよろしいでしょうか？ bootstrapに合うように出力の部分がまだ理解できてないので間違っているかもしれません

kei344

2019/03/17 05:02

> 固定ページに種類があることを知りませんでした。提示のコードの話です。それをもって「を利用してワードプレス上の固定ページを呼び出したところ」というのがそもそもおかしいのですが。質問に追記された内容については、回答に追記します。

HozDer

2019/03/17 08:40

wp_nav_menu()が固定ページを呼び出すところということでしょうか？そして返信してもらったサイトを参考にある程度コード打ち終わりましたが、次はwordpressで側で設定したメニューが反映されません https://olein-design.com/blog/register-setting-souce-code-of-custom-menu#body 上記のサイトを参考にがんばろうとしましたがいまいち理解できませんでした。 <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="https://rmultigamingsever.com/wp-admin/nav-menus.php" title="Add a menu">Add a menu</a></li> </ul> </div> </div> <link rel='dns-prefetch' href='//s.w.org' /> と出力され画面上ではないものとされてます。 wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 2, 'container' => 'div', 'container_class' => 'collapse navbar-collapse', 'container_id' => 'bs-example-navbar-collapse-1', 'menu_class' => 'nav navbar-nav', 'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback', 'walker' => new WP_Bootstrap_Navwalker() ) ); ?> この設定に問題があるのでしょうか？それともそれ以外に問題があるのでしょうか？

kei344

2019/03/17 08:50

> wp_nav_menu()が固定ページを呼び出すところということでしょうか？「呼び出す」とは？wp_nav_menu()はメニューを出力するための関数ですよ。【wp_nav_menu – WordPress私的マニュアル】 https://elearn.jp/wpman/function/wp_nav_menu.html > いまいち理解できませんでした。 Bootstrapでの組み方をまず勉強して、それに合わせてクラスを付ける等してください。 Bootstrap対応のテーマを探し、それを参考にされては。

HozDer

2019/03/17 10:09

返信ありがとうございます。ただ、まだ理解できていないのは事実なので、勉強した後わからないことがあれば、連絡させていただきます。もし、すべてを自己解決した場合はここで質問を終了してベストアンサーだけ送ります。

行動規範の内容に同意します