织梦跳转标签如何正确设置跳转网址?

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

在织梦CMS中,实现页面跳转主要有两种常用方法:

织梦跳转标签 跳转网址
(图片来源网络,侵删)
  1. 使用织梦自带的“跳转文档”功能:这是最标准、最推荐的方法,特别适用于需要制作一个“中间页”或“通知页”的场景。
  2. 直接在模板中使用HTML/JS代码:这种方法更灵活,可以用于任何需要跳转的地方,比如文章内容、列表页等。

下面我将分别详细介绍这两种方法。


使用织梦自带的“跳转文档”功能(推荐)

这种方法的核心是创建一个特殊的“跳转文档”,它的内容就是一个跳转页面,页面中会自动包含一个跳转到目标网址的链接和倒计时。

操作步骤:

第1步:创建跳转文档

  1. 登录织梦后台,进入“核心” -> “内容模型管理”,模型管理列表中,点击“模型”。
  2. 在弹出的表单中填写信息:
    • 模型名称:填写一个你喜欢的名字,跳转页面”。
    • 英文模型名:填写一个唯一的英文标识,jump”。
    • 字段:保持默认即可,暂时不需要添加额外字段。
    • 列表条数:设置一个默认值,比如1。
    • 其他选项:根据需要设置。
  3. 点击“确定”保存,这样你就创建了一个新的内容模型。

第2步:添加跳转文档

织梦跳转标签 跳转网址
(图片来源网络,侵删)
  1. 回到后台首页,进入“所有文档” -> “添加文档”。
  2. 在“选择栏目”时,必须选择一个已经存在的栏目,这个栏目需要允许你刚才创建的“跳转页面”模型,如果栏目不允许,你需要去“栏目管理”中修改该栏目的“内容模型”设置,把你新建的“跳转页面”模型添加进去。
  3. 填写文档标题,网站即将跳转”。
  4. 在右侧的“内容模型”下拉菜单中,选择你刚刚创建的“跳转页面”模型。
  5. 在下方的“跳转目标”输入框中,填入你想要跳转到的最终网址https://www.example.com)。
  6. 在“”编辑器中,你可以编写跳转页面的提示信息,“您即将跳转到新网站,5秒后自动跳转,如果未跳转请点击这里。” 这里的[这里]可以留空或链接到,因为页面会自动执行跳转。
  7. 设置文档的“状态”为“仅动态”或“生成HTML”。
  8. 点击“确定”发布文档。

第3步:访问跳转页面

你可以访问你刚刚创建的这个文档的页面了,如果你的文档ID是123,那么访问地址就是: 你的域名/plus/view.php?aid=123

你会看到一个页面,显示你编写的内容,并且页面会自动在几秒后跳转到你设置的“跳转目标”网址。

优点

织梦跳转标签 跳转网址
(图片来源网络,侵删)
  • 织梦原生支持,操作规范。
  • 可以方便地管理所有跳转页面,都在“所有文档”里。
  • 自动生成跳转逻辑,无需手动编写代码。

缺点

  • 必须经过一个中间页面,速度上会有轻微延迟。
  • 每次创建一个跳转都需要走一遍“添加文档”的流程,对于简单的、一次性的跳转可能略显繁琐。

直接在模板中使用HTML/JS代码

这种方法更直接,适用于在文章内容、列表页、首页等任何位置嵌入跳转逻辑。

场景1:在文章内容页(article_article.htm)实现跳转

假设你想让某篇文章在打开后,3秒后自动跳转到外部网站。

  1. 打开织梦后台的“模板” -> “默认模板管理”。
  2. 找到并编辑“页模板”(通常是 article_article.htm)。
  3. <head></head> 标签之间,添加以下JavaScript代码:
<script type="text/javascript">
    // 3秒后执行跳转
    setTimeout(function() {
        // 将下面的 'https://www.example.com' 替换成你的目标网址
        window.location.href = 'https://www.example.com';
    }, 3000); // 3000毫秒 = 3秒
</script>
  1. 点击“更新”保存模板。

效果:今后任何通过此模板生成的文章页面,在打开3秒后都会自动跳转到 https://www.example.com

如果想让跳转只在特定文章中生效: 你可以在文章内容里直接插入这段JS代码,这样只有这篇文章会执行跳转,其他文章不会受影响。

场景2:在列表页或首页实现跳转

假设你想在首页的某个位置放置一个按钮,点击后跳转到指定网址。

  1. 打开首页模板文件(通常是 index.htm)。
  2. 在你想要显示按钮或链接的位置,直接使用HTML的 <a> 标签即可:
<a href="https://www.example.com" target="_blank">点击访问我们的新网站</a>
  • href:填写目标网址。
  • target="_blank":表示在新窗口中打开,这是一个很好的实践。

如果需要自动跳转: 同样,可以在首页模板的 <head> 部分添加上面提到的 <script> 代码,实现首页加载后自动跳转(但这种情况较少见,通常会影响用户体验)。

场景3:使用织梦的 {dede:field} 标签实现动态跳转

这是一种更高级的用法,可以让你在后台直接控制跳转地址,而无需修改模板。

  1. 确保你的文章内容模型中有一个字段用来存储跳转网址,添加一个名为 jumpurl 的“单行文本”字段。
  2. 在后台发布文章时,就可以在这个 jumpurl 字段里填入目标网址。
  3. 页模板 (article_article.htm) 的 <head> 部分修改JS代码:
<script type="text/javascript">
    // 获取当前文章的跳转网址字段值
    var jumpUrl = "{dede:field.jumpurl/}";
    // 如果后台填写了跳转网址,则执行跳转
    if (jumpUrl) {
        setTimeout(function() {
            window.location.href = jumpUrl;
        }, 3000);
    }
</script>

优点

  • 灵活性极高,可以自由控制跳转的时机和位置。
  • 对于特定内容的跳转非常方便,直接在内容里加代码即可。
  • 代码简单,易于理解和修改。

缺点

  • 需要手动修改模板文件。
  • 如果使用JS自动跳转,可能会被浏览器拦截或影响SEO(虽然影响通常很小,但“跳转文档”方式更“官方”)。

总结与对比

特性 跳转文档 模板JS代码
实现方式 后台创建特殊模型和文档 直接修改模板或在内容中插入代码
优点 规范、易于管理、原生支持 灵活、直接、可控性强
缺点 有中间页、步骤稍多 需改模板、可能被拦截
适用场景 制作正式的、长期的、需要管理的跳转通知页(如:网站迁移通知、域名更换通知) 中植入跳转、制作简单的广告跳转、列表页链接跳转

建议

  • 如果你需要一个正式的、公告性质的跳转页面,请使用方法一
  • 如果你只是想在某篇文章里加个跳转,或者想在列表页做些跳转链接,使用方法二更快捷方便。
-- 展开阅读全文 --
头像
dede更新栏目后html为何空白?
« 上一篇 01-28
c语言和c加加语言有什么区别
下一篇 » 01-28

相关文章

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

目录[+]