Question

我创建了一个名为menu.php的文件作为我的通用导航/菜单文件。它是使用bootstrap创建的方式，我在底部有一个叫做文章的div作为应用程序的主体，因为我的菜单中的侧边栏是可扩展/响应的。

我真的想拥有一个全局菜单文件。我目前将其包含在我的所有内容页面中：

<?php include("menu.php")?>

这可行，但它会破坏我的格式。我想要做的是让我的所有主页如index.php都有html格式，这样它总是位于我的代码中的标签内，下面显示了卡类。

<header>
    <div class="branding">
        <div class="menu-button menu-toggle nav">
            <i class="material-icons">menu</i>
        </div>
        <img src=""  />
    </div>
    <div class="page-details">
    </div>
    <div class="settings">
        <div class="menu-button profile">
            <i class="far fa-user-circle fa-2x"></i>
        </div>
        <div class="menu-button menu-toggle aside">
            <i class="material-icons">chat</i>
        </div>
    </div>
</header>
<div class="app">
    <nav>
        <div class="title-block">
            <img src="" />
        </div>
        <ul>
            <li><a href="#"><i class="material-icons">home</i>
                <span>Home</span></a></li>
        </ul>
    </nav>

    <!--This following article section is the main body of the page, that I want each additional page to take up-->
    <article>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
    </article>
</div>

示例：

Menu.php是我的全局菜单/导航文件，但它使页面/应用程序充当所有其他页面的包装器（index.php，editor.php等）

menu.php

  <div class="app">
   <nav>
    Nav menu content
   </nav>

  <article>
    This will be the main page article for index.php, editor.php,etc.
  </article>
  </div>

index.php的例子（开头和结尾只是假设显示端点）

<body>
<?php include("menu.php");?>
<?php start('article') ?>

<!--Everything from here to the end() call would be inserted in the article tags on menu.php-->

<div class="app">
  <div id="content">
    <div>
        <h1 style="text-align: center; color: #A9BD50; ">Content Management Editor</h1>
    </div>
    <form method="post">
      <textarea id="mytextarea"></textarea>
    </form>
    <div>
        <h1 style="text-align: center; color: #A9BD50; ">Preview</h1>
    </div>
  </div>
</div>

<?php end() ?>
</body>

通过php文件继承特定div中的文件

0 个答案: