织梦点网页如何打开新网页?

99ANYc3cd6
预计阅读时长 14 分钟
位置: 首页 织梦建站 正文

最基础的方法 - 直接在模板HTML中写死链接

这是最直接的方法,适用于跳转到固定的外部网站或固定的内部页面。

织梦点网页打开新网页
(图片来源网络,侵删)

适用场景:

  • 制作一个“关于我们”的链接,跳转到固定的 about.html
  • 制作一个“返回首页”的链接,跳转到固定的 。
  • 制作一个“访问官网”的链接,跳转到外部网站 https://www.example.com

操作步骤:

  1. 登录织梦后台:使用你的管理员账号登录织梦CMS后台。

  2. 找到并编辑模板文件

    织梦点网页打开新网页
    (图片来源网络,侵删)
    • 如果是网站首页,找到模板文件夹(通常是 /templets/default/)下的 index.htm
    • 如果是列表页,找到 list_article.htm
    • 页,找到 article_article.htm
    • 或者,你也可以在后台的【模板】->【模板管理】中找到并编辑你需要的模板。
  3. 在模板中插入 <a>: 在你希望出现链接的位置,使用HTML的 <a>

    示例代码:

    <!-- 示例1:跳转到网站内的固定页面(相对路径) -->
    <a href="/about.html">关于我们</a>
    <!-- 示例2:跳转到网站首页(根路径) -->
    <a href="/">返回首页</a>
    <!-- 示例3:跳转到外部网站(绝对路径) -->
    <a href="https://www.dedecms.com" target="_blank">访问织梦官网</a>
    <!-- 示例4:链接带样式(使用CSS类) -->
    <a href="/contact.html" class="btn-contact">联系我们</a>

    代码解释:

    • <a>:定义一个超链接。
    • href="...":链接的目标地址,可以是网站内的相对路径,也可以是完整的网址。
    • >关于我们<:链接显示的文字。
    • target="_blank":这是一个非常重要的属性,表示点击链接后,将在新窗口新标签页中打开目标网页,如果不加,默认会在当前页面跳转。
    • class="btn-contact":给链接添加一个CSS类,方便你通过CSS样式表来控制它的外观(比如颜色、背景、边框等)。
  4. 更新并生成页面

    • 保存模板文件。
    • 到织梦后台的【生成】->【HTML更新】中,选择“更新主页”或“更新所有页面”,让修改生效。

动态调用织梦内部链接(推荐)

这是织梦CMS最核心、最推荐的方法,它能让你的网站链接动态生成,即使你以后修改了栏目或文章的路径,链接也能自动更新,避免出现“死链”(404错误)。

织梦点网页打开新网页
(图片来源网络,侵删)

适用场景:

  • 在首页或列表页调用某个栏目的链接。
  • 在首页或列表页调用某篇文章的链接。

1 调用栏目链接

通常用在首页的导航栏、侧边栏等地方。

操作步骤:

  1. 编辑模板文件:同上,找到你需要添加栏目链接的模板文件(如 index.htm)。

  2. 使用织梦的栏目标签 {dede:type}

    <ul class="nav-list">
      {dede:type typeid='0'}
        <li><a href="[field:typelink/]">[field:typename/]</a></li>
      {/dede:type}
    </ul>

    代码解释:

    • {dede:type typeid='0'}:这是一个循环标签,用于获取指定ID的栏目及其子栏目。
      • typeid='0' 表示获取顶级栏目,你可以把 0 换成你想要调用的具体栏目的ID。
    • [field:typelink/]:这是当前栏目的完整链接地址,织梦会自动生成,无需手动输入。
    • [field:typename/]:这是当前栏目的名称,将作为链接显示的文字。

2 调用文章链接

通常用在首页、列表页的文章标题上。

操作步骤:

  1. 编辑模板文件:找到包含文章列表的模板文件,如 index.htmlist_article.htm

  2. 使用织梦的文章标签 {dede:arclist}

    <ul class="news-list">
      {dede:arclist row='5' titlelen='30'}
        <li>
          <a href="[field:arcurl/]">[field:title/]</a>
          <span class="date">[field:pubdate function="MyDate('Y-m-d', @me)"/]</span>
        </li>
      {/dede:arclist}
    </ul>

    代码解释:

    • {dede:arclist row='5'}:调用5篇文章。
    • [field:arcurl/]:这是当前文章的完整链接地址,织梦会根据文章所在的栏目和ID自动生成,非常可靠。
    • [field:title/]:这是文章的,作为链接显示的文字。
    • [field:pubdate ...]:这是文章的发布日期,这里使用了函数来格式化日期。

通过后台内容管理生成链接

这种方法是方法二的延伸,你不需要直接修改代码,而是在后台发布内容时,通过编辑器功能添加链接。

适用场景:

  • 中,将某段文字或某张图片链接到另一篇文章或外部网站。

操作步骤:

  1. 进入文章编辑界面:在织梦后台,找到【核心】->【内容管理】->【普通文章管理】,点击编辑一篇已有的文章,或者新建一篇文章。
  2. 使用编辑器的“插入链接”功能
    • 选中你想要添加链接的文字或图片。
    • 点击编辑器工具栏上的 “插入/编辑超链接” 图标(通常是一个链条的图标 🔗)。
  3. 设置链接属性
    • 链接到:通常有两个选项。
      • 外部链接:输入完整的网址,如 https://www.baidu.com
      • 站内链接:点击“选择文件”或“浏览服务器”按钮,会弹出一个窗口,让你选择网站内的其他文章、栏目或页面,选择后,织梦会自动填入正确的链接地址。
    • 打开方式
      • 当前窗口:点击后,在当前页面跳转。
      • 新窗口:点击后,在新标签页打开。(推荐勾选此项,实现“打开新网页”)
    • 链接的提示文字(鼠标悬停时显示)。
  4. 保存文章:点击“保存”按钮,文章内容中的链接就设置好了。

总结与最佳实践

场景 推荐方法 关键代码/操作
跳转到固定的外部/内部页面 直接写死 <a href="url" target="_blank">文字</a>
网站导航、栏目列表 动态调用栏目 {dede:type}...[field:typelink/]...{/dede:type}
链接 动态调用文章 {dede:arclist}...[field:arcurl/]...{/dede:arclist}
中添加链接 后台编辑器 选中文字/图片 -> 点击链接图标 -> 设置新窗口打开

核心建议:

  • 尽量使用方法二:在模板中使用 {dede:type}{dede:arclist} 等标签,可以确保链接的动态性和可维护性,是织梦CMS的最佳实践。
  • 善用 target="_blank":当你希望用户在新窗口浏览外部链接或相关内容,而不离开当前页面时,务必加上这个属性。
  • 从简单开始:如果你是新手,先从方法一和方法三入手,它们更直观,再逐步学习和使用方法二来构建更专业的网站结构。
-- 展开阅读全文 --
头像
dede列表分页伪静态规则怎么设置?
« 上一篇 03-14
C语言中backspace键如何实现回退删除?
下一篇 » 03-14

相关文章

取消
微信二维码
支付宝二维码