dede页面跳转如何实现?

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

使用DedeCMS自带的跳转代码(最推荐、最规范)

这是DedeCMS官方提供的功能,专门用于文章跳转,最符合系统规范,对SEO也比较友好。

dede页面跳转怎么做
(图片来源网络,侵删)

适用场景:

  • 当一个文章链接失效、内容被删除或需要跳转到新地址时。
  • 在后台编辑文章时设置,非常方便。

操作步骤:

  1. 登录DedeCMS后台:使用你的管理员账号登录网站后台。

  2. 找到文章:在“核心” -> “内容发布” -> “所有文档” 中,找到你想要设置跳转的那篇文章。

    dede页面跳转怎么做
    (图片来源网络,侵删)
  3. 编辑文章:点击文章标题或后面的“编辑”按钮,进入文章编辑页面。

  4. 设置跳转地址:在文章编辑页面的下方,找到 “跳转选项” 这个区域。

  5. 填写信息

    • 启用跳转:勾选此项。
    • 跳转网址:输入你想要跳转到的目标URL地址(https://www.newsite.com/article.html)。
    • 跳转提示:(可选)填写用户在跳转前看到的提示文字,“本文已迁移至新网站,请点击访问...”,如果不填,会使用默认提示。
    • 跳转方式:选择 getpost,通常选择 get 即可,这也是默认选项。
  6. 保存:点击“保存”按钮。

    dede页面跳转怎么做
    (图片来源网络,侵删)

效果: 当用户点击这篇文章的标题时,DedeCMS会先显示一个跳转提示页面,几秒后自动跳转到你设置的新网址,这个过程对搜索引擎是友好的,它会认为这是一个有效的301或302重定向。


使用HTML Meta刷新标签(简单、直接)

这种方法通过在页面的<head>部分加入一段HTML代码来实现跳转,它不依赖DedeCMS的后台,适合在模板文件中直接使用。

适用场景:

  • 制作一个临时的“网站维护中”页面。
  • 在某个特定页面(如活动页)结束后,跳转到首页。
  • 在DedeCMS后台不方便操作时,直接修改模板文件。

操作步骤:

  1. 登录你的网站服务器:通过FTP或主机面板的文件管理器,登录到你的网站根目录。

  2. 找到模板文件:进入 /templets/ 目录,找到你当前正在使用的模板文件夹(default)。

  3. 编辑页面模板

    • 如果想让整个网站首页跳转,编辑 index.htm
    • 如果想让某个栏目页跳转,编辑 list_栏目ID.htm
    • 如果想让所有文章页都跳转,编辑 article_article.htm
  4. 添加代码:在模板文件的 <head></head> 标签之间,添加以下代码:

    <meta http-equiv="refresh" content="5;url=https://www.target-site.com/" />
    • content="5;url=...":这里的 5 表示等待5秒后跳转,你可以根据需要修改这个数字,设为 0 则表示立即跳转。
    • url=https://www.target-site.com/:这是你要跳转到的目标网址,请务必替换成你自己的地址。
  5. 保存文件:保存修改后的模板文件,然后到DedeCMS后台的“生成” -> “更新主页HTML”或“更新栏目/文档HTML”,让修改生效。

示例(在index.htm中添加):

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">网站即将迁移</title>
    <!-- 在这里添加跳转代码 -->
    <meta http-equiv="refresh" content="3;url=https://www.newsite.com/" />
</head>
<body>
    <h1>网站正在维护,3秒后跳转到新地址</h1>
    <p>如果未自动跳转,请点击:<a href="https://www.newsite.com/">这里</a></p>
</body>
</html>

使用JavaScript跳转(灵活、可定制)

JavaScript跳转更加灵活,可以实现更复杂的交互效果,比如点击按钮后跳转,或者根据用户行为跳转。

适用场景:

  • 需要用户点击“确定”或“我知道了”等按钮后才跳转。
  • 需要在跳转前执行一些逻辑判断(如检测用户登录状态)。
  • 制作弹窗提示后跳转。

操作步骤:

这种方法通常也放在模板文件的<head><body>标签内。

立即跳转(和Meta效果类似,但用JS实现)

<script type="text/javascript">
    window.location.href = "https://www.target-site.com/";
</script>

延时跳转(和Meta效果类似)

<script type="text/javascript">
    setTimeout(function(){
        window.location.href = "https://www.target-site.com/";
    }, 5000); // 5000毫秒 = 5秒
</script>

点击按钮后跳转(最常用)

在HTML中放置一个按钮,并绑定点击事件。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">点击跳转示例</title>
</head>
<body>
    <h1>您访问的页面已迁移</h1>
    <p>请点击下方按钮前往新地址。</p>
    <!-- 这里的按钮 -->
    <button id="jumpButton">立即前往</button>
    <script type="text/javascript">
        // 获取按钮元素
        var jumpButton = document.getElementById('jumpButton');
        // 为按钮添加点击事件
        jumpButton.onclick = function(){
            window.location.href = "https://www.newsite.com/";
        };
    </script>
</body>
</html>

总结与对比

方法 优点 缺点 适用场景
DedeCMS后台跳转 最规范,对SEO友好,操作简单直观,是DedeCMS的标准做法。 只能针对单篇文章设置,不能用于整个栏目或首页。 变更、链接失效、需要将旧文章导向新地址。
HTML Meta刷新 简单直接,无需后台,可实现全站或特定页面的自动跳转。 对SEO有一定影响(可能被视为软重定向),用户体验稍差(强制等待)。 临时维护页、活动结束页、全站搬迁等需要页面自动跳转的场景。
JavaScript跳转 非常灵活,可定制性强,用户体验好(如按钮触发)。 如果禁用了JS则无法跳转,代码需要手动写入模板文件。 需要交互、条件判断或复杂用户体验的跳转需求。

给你的建议:

  • 如果只是想让一篇文章跳转:首选方法一(DedeCMS后台跳转),这是最正确、最省事的方式。
  • 如果想让整个网站或某个栏目页跳转:使用方法二(HTML Meta刷新),直接修改对应的模板文件即可。
  • 如果需要更酷、更交互式的跳转效果:使用方法三(JavaScript跳转),可以自由发挥创意。
-- 展开阅读全文 --
头像
织梦多城市版源码下载安全吗?
« 上一篇 03-05
dede编辑器显示不全
下一篇 » 03-05

相关文章

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

目录[+]