动态导航边栏内容

Dynamic Navigation Sidebar Content

本文关键字:导航 动态      更新时间:2023-09-26

我的网站上有一个导航侧边栏,里面有所有的主要网站页面,每个页面都有相同的链接,只是当前页面不是链接,所以你可以直观地判断你在哪个页面上,没有理由链接到当前页面。目前,我正在手动执行此操作,每次创建新页面时都会复制和粘贴链接列表,然后用纯文本替换指向当前页面的链接。但是,然后我必须返回到所有现有页面并添加新页面。有没有办法在外部文件(可能是JS脚本或其他什么)中创建链接列表,动态删除当前页面列表项上的链接,只用文本替换,这样我就可以在添加新页面时将其导入页面模板并同时更新所有页面?

这是一个非常简单的链接列表。例如,以下是/overworld/lightworld页面上显示的列表。

<div id="sidebar">
  <ul id="nav">
    <li>
      Overworld
      <ul>
        <li>Light World</li>
        <li><a href="/overworld/icyworld/">Icy World</a></li>
      </ul>
    </li>
  </ul>
</div>

以下是/overworld/icworld页面上的相同列表:

<div id="sidebar">
  <ul id="nav">
    <li>
      Overworld
      <ul>
        <li><a href="/overworld/lightworld/">Light World</a></li>
        <li>Icy World</li>
      </ul>
    </li>
  </ul>
</div>

清单比这个长,但这就是想法。

您应该使用简单的PHP

例如,创建一个名为nav.php的文件。把你的菜单放进去。然后,要从任何其他位置调用此文件,只需输入以下内容:

<?php include('nav.php'); ?>

然后,如果您想更改每个站点上的给定链接,只需要在nav.php文件中修改一次即可。

p.S-您的所有文件都必须具有.php扩展名,否则将无法工作。