会员模板的核心目录结构
当你安装 DedeCMS 后,会员相关的模板文件主要存放在 /templets/ 目录下,默认情况下,会有一个 default/ 文件夹,里面存放着官方默认的会员模板。
/templets/
├── default/ # 【核心】会员模板默认文件夹
│ ├── index.htm # 会员中心首页模板
│ ├── reg_new.htm # 新用户注册模板
│ ├── login.htm # 用户登录模板
│ ├── password_find.htm# 找回密码模板
│ ├── space/ # 【核心】会员个人空间/资料页模板文件夹
│ │ ├── index.htm # 个人空间首页
│ │ ├── profile.htm # 编辑个人资料
│ │ └── ... # 其他个人空间页面
│ └── ... # 其他会员相关页面
└── plus/ # 公共模板文件夹
└── ... # 一些公共的页面模板,如评论、留言等
最重要的文件夹是 templets/default/ 和 templets/default/space/。
核心模板文件详解
会员中心首页:/templets/default/index.htm
这是用户登录后看到的主页面,通常包含个人信息、我的文章、我的评论、我的收藏等功能模块。
如何修改?
直接编辑 templets/default/index.htm 文件,它是一个标准的 HTML 文件,里面嵌套了 DedeCMS 的模板标签。
常用标签示例:
{dede:global.cfg_webname/}:获取网站名称。{dede:global.cfg_weburl/}:获取网站网址。{dede:memberinfos}:获取当前登录会员的信息。[field:uname/]:会员用户名[field:rank/]:会员等级[field:scores/]:会员积分[field:face/]:会员头像
{dede:arclist}:获取会员发布的文章列表。typeid='':指定栏目IDrow='10':获取10条titlelen='30'长度30字符
{dede:sql sql="SELECT * FROMdede_member_tjWHERE mid=~userid~"}:执行自定义SQL,获取会员统计信息(如发布文章数、评论数等)。
注册页面:/templets/default/reg_new.htm
这是新用户注册的页面,你可以自由设计表单布局和样式。
如何修改?
编辑 templets/default/reg_new.htm,注意,表单的 action 属性和各个 input 的 name 属性不要随意修改,因为后端 PHP 文件(member/reg_new.php)是依赖这些名称来接收和处理数据的。
登录页面:/templets/default/login.htm
与注册页面类似,这是用户登录的入口,同样,表单的 action 和 name 属性需要保持原样。
个人空间/资料页:/templets/default/space/
这个文件夹下的模板用于构建会员的个人空间页面。
space/index.htm:个人空间首页,展示会员的详细信息、动态等。space/profile.htm:编辑个人资料的页面,同样,表单字段不能乱改。space/article.htm:查看自己发布的文章。space/feedback.htm:查看自己的评论/留言。
如何自定义你的会员模板(实操步骤)
假设你想创建一套全新的会员模板,命名为 mytheme。
步骤 1:创建新的模板文件夹
在 /templets/ 目录下,复制整个 default 文件夹,并将其重命名为 mytheme。
/templets/
├── default/ # 官方原版,建议保留
└── mytheme/ # 你的自定义模板
步骤 2:修改模板文件
你可以打开 mytheme 文件夹里的所有 .htm 文件,用你喜欢的 HTML/CSS/JS 代码进行重新设计。
- 设计首页:修改
mytheme/index.htm,设计一个全新的会员中心布局。 - 设计注册/登录页:修改
mytheme/reg_new.htm和mytheme/login.htm,使其与网站整体风格统一。 - 设计个人空间:修改
mytheme/space/下的所有文件。
步骤 3:让 DedeCMS 使用你的新模板
这是最关键的一步,你需要修改数据库,告诉系统使用 mytheme 这个模板。
- 登录你的网站后台。
- 进入 【系统】 -> 【系统基本参数】 -> 【核心设置】。
- 找到 “会员模板目录” 这个选项。
- 将其默认值
default修改为你的新模板目录名mytheme。 - 点击 “保存”。
完成这一步后,所有新注册的用户或者访问会员中心的用户,都会自动调用 mytheme 文件夹下的模板。
进阶技巧与注意事项
公共模板目录 /plus/
一些页面,比如评论列表、留言板等,它们的模板可能存放在 /plus/ 目录下,评论列表模板是 /plus/feedback_templet.htm,如果你需要修改这些页面的样式,也需要关注这个目录。
模板标签的局限性
DedeCMS 的模板标签功能相对固定,如果你想在模板里使用复杂的 PHP 逻辑(if...else 判断、循环等),可以使用 PHP 原生代码,但需要用 {dede} 标签包裹。
{dede}
<?php
if ($this->Fields['typeid'] == 1) {
echo "这是文章栏目1";
} else {
echo "这不是文章栏目1";
}
?>
{/dede}
CSS 和 JS 文件的位置
- 默认的 CSS 文件通常位于
/templets/default/style/目录下。 - 默认的 JS 文件通常位于
/include/js/目录下。
在你修改模板 HTML 时,如果需要引入新的 CSS 或 JS 文件,或者修改默认的路径,请确保路径正确。
响应式设计
DedeCMS 5.7 的默认模板可能不是完全响应式的,如果你想让会员中心在手机上也能良好显示,你需要:
- 在
head部分加入viewportmeta 标签。 - 使用 CSS3 的媒体查询(
@media)来为不同屏幕尺寸设置不同的样式。
修改 DedeCMS 5.7 的会员模板,核心思路就是:
- 找到文件:定位到
/templets/default/及其子目录。 - 复制备份:在修改前,务必先复制一份
default文件夹作为备份。 - 编辑HTML:用你自己的代码替换默认模板文件中的内容,但要保留关键的 DedeCMS 标签和表单字段名。
- 更新设置:在后台的 “系统基本参数” -> “核心设置” 中,将 “会员模板目录” 修改为你自定义的文件夹名。
通过以上步骤,你就可以打造一个与网站完美融合、功能强大的个性化会员中心了。
