菜鸟科技网

织梦模块移动位置怎么调整?

  1. 在同一页面内移动模块位置(把首页的“头条推荐”模块移到“最新文章”模块下面)。
  2. 将模块从一个页面移动到另一个页面(把首页的某个模块移到某个频道页)。

下面我将详细讲解这两种情况的操作方法。

织梦模块移动位置怎么调整?-图1
(图片来源网络,侵删)

在同一页面内移动模块位置(最常用)

这是最简单、最直接的方法,织梦的后台管理界面本身就支持拖拽操作。

适用场景: 调整首页、栏目首页等固定布局页面的模块顺序。

操作步骤:

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

    织梦模块移动位置怎么调整?-图2
    (图片来源网络,侵删)
  2. 进入模块管理:在左侧菜单栏中,找到并点击 【模板】 -> 【首页默认模板管理】

  3. 进入首页编辑:在模板列表中,找到你当前网站正在使用的首页模板(通常是 index.htm),点击右侧的 【可视化】【修改】 按钮。强烈建议使用【可视化】模式,因为它更直观。

  4. 拖拽排序

    • 进入可视化编辑器后,你会看到页面上所有已添加的模块,每个模块都有一个标题栏。
    • 将鼠标光标移动到你想要移动的模块标题栏上,按住鼠标左键不放。
    • 拖动该模块到你想要放置的新位置(比如另一个模块的上面或下面),你会看到一条横线或高亮区域来指示放置位置。
    • 松开鼠标左键,模块就会被移动到新的位置。
  5. 保存并更新

    织梦模块移动位置怎么调整?-图3
    (图片来源网络,侵删)
    • 拖拽完成后,点击页面右上角的 【保存】【提交】 按钮。
    • 非常重要的一步:保存模板后,返回到织梦后台首页,点击 【生成】 -> 【更新主页HTML】,这样才能让新的布局在网站上生效。

优点

  • 操作简单直观,所见即所得。
  • 无需编写代码,安全可靠。

缺点

  • 只能调整同一页面内的模块顺序,不能跨页面移动。

将模块从一个页面移动到另一个页面

这种方法稍微复杂一些,因为织梦的模块是与特定页面模板绑定在一起的,移动模块的本质是在新页面的模板中调用原模块的代码

适用场景: 将首页的某个模块(如“合作伙伴”)移动到“关于我们”页面。

操作步骤:

核心思路:

  1. 在源页面(如首页)找到模块的代码。
  2. 将这段代码复制到目标页面(如“关于我们”页面)的模板中合适的位置。

详细步骤:

  1. 找到源模块的代码

    • 进入织梦后台,点击 【模板】 -> 【首页默认模板管理】,点击首页模板(如 index.htm)的 【修改】 按钮(这次用代码模式)。
    • 在代码中找到你想要移动的那个模块,织梦的模块通常被 {dede:loop}{dede:arclist} 等标签包裹,并且外面可能还有一个 div 容器。
    • 选中这段完整的代码,从 <div class="module-name"> 开始,到 </div> 结束,包括里面的所有标签。
      <div class="fl index_hot">
          <div class="mt">
              <h2 class="f_l">热门文章</h2>
              <div class="f_r"><a href="/hot">更多...</a></div>
          </div>
          <div class="mc">
              {dede:arclist typeid='0' titlelen='48' row='10'}
              <li><a href="[field:arcurl/]">[field:title/]</a></li>
              {/dede:arclist}
          </div>
      </div>
  2. 编辑目标页面的模板

    • 假设你要把模块移动到“关于我们”页面,你需要知道“关于我们”页面使用的是哪个模板。
      • 如果是单页文档,可以在 【核心】 -> 【单页文档管理】 中找到该页面,查看其使用的模板。
      • 如果是栏目页,可以在 【频道】 -> 【栏目管理】 中找到该栏目,查看其列表页模板。
    • 进入目标页面的模板编辑器(同样是 【模板】 -> 【相应模板管理】 -> 【修改】)。
    • 在你希望模块出现的位置,粘贴你刚才复制的源模块代码。
  3. 调整和保存

    • 检查路径:粘贴的代码中可能包含相对路径(如 /hot),如果目标页面和源页面不在同一层级,可能需要调整这些链接路径。
    • 保存模板:点击保存按钮。
    • 更新HTML:和第一种方法一样,到后台的 【生成】 -> 【更新相应页面HTML】,更新目标页面以及可能受影响的首页。

优点

  • 灵活性极高,可以实现跨页面的模块复用和移动。
  • 可以对模块代码进行深度定制。

缺点

  • 操作相对复杂,需要一定的HTML和织梦标签知识。
  • 容易出错,比如路径问题、标签冲突等。

通过模块管理中的“调用代码”功能

这是一种介于方法一和方法二之间的方法,适用于将系统内置的模块(如“DedeCMS留言板”、“会员登录”)快速添加到其他页面。

操作步骤:

  1. 获取模块代码

    • 在后台,点击 【模块】 -> 【模块管理】
    • 在模块列表中,找到你想要使用的模块(会员登录”),点击 【调用代码】
    • 系统会弹出一个窗口,显示该模块的调用代码(通常是一个{dede:...}标签)。
  2. 将代码添加到目标模板

    • 复制这个调用代码。
    • 像方法二一样,打开你想要添加模块的目标页面的模板文件,将代码粘贴到合适的位置。
  3. 保存并更新

    保存模板,并到后台生成页面HTML。

优点

  • 适用于快速添加系统内置模块。
  • 代码简洁,不易出错。

缺点

  • 只能调用系统预设的模块,无法移动自定义的复杂模块。

总结与建议

方法 适用场景 优点 缺点
可视化拖拽 同一页面内调整模块顺序 最简单、最直观、最推荐 无法跨页面移动
复制粘贴代码 将模块从一个页面移动到另一个页面 灵活,功能强大 操作复杂,需要技术基础
调用代码 快速添加系统内置模块到其他页面 代码简洁,方便 只能使用系统预设模块

给你的建议:

  • 90%的情况,你只需要使用 方法一(可视化拖拽) 就能解决问题,这是最安全、最高效的方式。
  • 如果确实需要将模块移动到其他页面,再考虑使用 方法二(复制粘贴代码),操作前,建议先备份一下源模板和目标模板,以防出错。
  • 方法三 通常用于网站建设初期,用来快速搭建页面。

希望这个详细的教程能帮助你顺利地在织梦中移动模块!

分享:
扫描分享到社交APP
上一篇
下一篇