目录
- 第一部分:准备工作
- 什么是DedeCMS WAP模板?
- 准备工作:环境、软件和账号权限
- 第二部分:寻找和下载免费WAP模板
- 推荐的模板资源网站
- 如何选择合适的模板?
- 下载后需要做什么?(解压和文件结构认识)
- 第三部分:安装WAP模板
- FTP上传安装(最常用)
- 后台直接上传安装(部分模板支持)
- 第四部分:配置和修改WAP模板
- 如何在后台切换模板?
- 如何修改网站标题和Logo?
- 如何修改首页内容?
- 如何修改栏目和文章?
- 第五部分:进阶技巧与常见问题
- 如何修改模板的颜色和风格?
- 常见问题与解决方案
第一部分:准备工作
什么是DedeCMS WAP模板?
WAP模板是专门为手机等移动设备设计的网站模板,它的特点是:

(图片来源网络,侵删)
- 布局简单: 通常采用单列或两列布局,结构清晰。
- 字体大: 方便在小屏幕上阅读。
- 图片小: 加载速度快,节省流量。
- 导航便捷: 大按钮、易于点击的菜单。
准备工作
在开始之前,请确保你已经具备以下条件:
- 已安装的DedeCMS网站: 你需要有一个已经可以正常运行的DedeCMS后台。
- FTP/SFTP工具: 用于将模板文件上传到你的服务器,推荐使用 FileZilla(免费且功能强大)。
- 文本编辑器: 用于修改模板文件,推荐使用 Notepad++(Windows)或 VS Code(跨平台),它们能高亮显示代码,方便查找和修改。
- 管理员账号密码: 你需要拥有DedeCMS后台的管理员权限。
第二部分:寻找和下载免费WAP模板
推荐的模板资源网站
- 织梦之家:
dede58.com- 老牌的DedeCMS资源站,模板资源非常丰富,包括大量免费的WAP模板。 - 源码之家:
downcodes.com- 也是一个综合性的源码下载站,搜索“DedeCMS WAP模板”可以找到很多。 - DedeCMS官方论坛:
bbs.dedecms.com- 官方社区有时也会发布一些官方或用户贡献的模板。
如何选择合适的模板?
- 看截图: 优先选择截图美观、符合你网站定位的模板。
- 看演示: 如果有在线演示网站,一定要先去体验一下,看看手机端的实际效果。
- 看说明: 仔细阅读模板的说明文档,了解它是否支持你当前的DedeCMS版本,是否需要特殊配置。
- 看评价: 看看其他用户对该模板的评价,了解是否存在已知的bug。
下载后需要做什么?
下载的模板通常是一个 .zip 或 .rar 压缩包,你需要:
-
解压文件: 将压缩包解压到你的电脑上。
-
认识文件结构: 解压后,你会看到类似下面的文件夹和文件,这是DedeCMS模板的标准结构:
(图片来源网络,侵删)/templets <-- 这是DedeCMS存放所有模板的根目录 /default <-- 默认模板文件夹 /wap_muban <-- 你新下载的WAP模板文件夹(名字可能不同) /images <-- 存放模板用到的图片 /style <-- 存放CSS样式文件 /js <-- 存放JavaScript脚本文件 index.html <-- 首页模板文件 list_*.html <-- 列表页模板文件 article_*.html <-- 文章页模板文件 ...核心文件:
index.html: 首页模板。list_*.html: 栏目列表页模板。article_*.html: 文章内容页模板。style/main.css: 主要的样式文件,控制模板的样式。images/: 存放Logo、背景图、图标等。
第三部分:安装WAP模板
安装模板的本质就是将你下载的模板文件夹上传到DedeCMS的 templets 目录下。
FTP上传安装(最常用、最稳定)
- 连接服务器: 打开你的FTP软件(如FileZilla),输入你的服务器IP、FTP用户名、密码和端口,连接到你的服务器。
- 找到模板目录: 在远程服务器文件列表中,找到并进入
网站根目录/templets/文件夹。 - 上传模板文件夹:
- 在你的电脑本地文件列表中,找到解压后的WAP模板文件夹(
wap_muban)。 - 将整个文件夹拖拽到FTP软件的远程服务器区域,等待上传完成。
- 在你的电脑本地文件列表中,找到解压后的WAP模板文件夹(
- 完成安装: 上传成功后,你的
templets目录下就会出现一个新的WAP模板文件夹。
后台直接上传安装(部分模板支持)
- 登录DedeCMS后台。
- 进入 “系统” -> “系统基本参数” -> “核心设置”。
- 找到 “模板引擎开关”,确保它是“是”。
- 有些模板提供了后台上传功能,但为了通用性,强烈推荐使用FTP方法,因为它更可靠。
第四部分:配置和修改WAP模板
模板上传成功后,你需要在后台告诉DedeCMS使用这个新模板,并进行一些个性化修改。
如何在后台切换模板?
- 登录 DedeCMS后台。
- 进入 “模板” -> “默认模板管理”。
- 你可以看到所有已安装的模板,找到你刚刚上传的WAP模板(
wap_muban),点击其右侧的 “设为默认” 按钮。 - 重要提示: DedeCMS有PC端和移动端(WAP)之分,你刚才设置的是PC端的默认模板,要设置WAP端的默认模板,你需要:
- 进入 “模板” -> “手机版模板设置”。
- 你可以选择WAP首页、列表页、文章页等分别使用哪个模板,找到你上传的WAP模板中的对应文件进行设置。
如何修改网站标题和Logo?
- 修改网站标题:
- 进入 “系统” -> “系统基本参数”。
- 在“站点信息”部分,修改“网站名称”和“网站LOGO”。
- 注意: 这里的修改会同时影响PC端和WAP端,如果你的WAP模板Logo是单独的,可能需要下一步操作。
- 修改Logo图片:
- 通过FTP进入你的WAP模板文件夹,
templets/wap_muban/images/。 - 将你的新Logo图片(建议尺寸参考模板说明,如 200x50 像素)上传到这个
images文件夹,覆盖掉原来的logo.png或logo.jpg。 - 如果Logo名称不同,你需要打开模板文件(如
index.html),找到<img src="images/logo.png">这一行,将logo.png修改成你自己的文件名。
- 通过FTP进入你的WAP模板文件夹,
如何修改首页内容?通常由DedeCMS的“首页调用”标签生成,你可以通过两种方式修改:
-
方法A:后台修改(推荐,最安全)
(图片来源网络,侵删)- 进入 “首页” -> “HTML更新”。
- 点击 “更新主页HTML”。
- 在弹出的页面中,你可以直接编辑首页的HTML代码,找到你想修改的文字或图片,直接进行修改。
- 修改完成后,点击“保存”或“生成”。
-
方法B:直接修改模板文件(适合高级用户)
- 用文本编辑器打开
templets/wap_muban/index.html文件。 - 找到类似
{dede:arclist row='5' titlelen='24'}这样的标签,这是调用文章列表的标签,你可以修改row='5'来控制显示的文章数量。 - 找到
{dede:global name='cfg_webname'/}这样的标签,这是调用网站名称的。 - 修改完成后,通过FTP重新上传覆盖原文件,然后再到后台“更新主页HTML”生成一下。
- 用文本编辑器打开
如何修改栏目和文章?
- 栏目: 在后台 “栏目” 中管理,添加、修改、删除栏目,这些操作会自动反映到WAP端的列表页。
- 文章: 在后台 ” -> “普通文章” 中管理,发布、编辑文章,这些会自动反映到WAP端的首页和文章页。
第五部分:进阶技巧与常见问题
如何修改模板的颜色和风格?
主要修改 templets/wap_muban/style/main.css 文件。
- 用文本编辑器打开
main.css。 - 搜索类似
background-color,color,border等CSS属性。 - 修改它们的值(
background-color: #333;改为background-color: #f0f0f0;)。 - 修改完成后,刷新手机端网站查看效果。
常见问题与解决方案
-
问题1:WAP页面显示错乱,和PC端一样。
- 原因: 没有正确设置WAP端的默认模板。
- 解决: 检查 “模板” -> “手机版模板设置”,确保所有WAP页面都指向了你的WAP模板文件。
-
问题2:上传了模板,但在后台“默认模板管理”里看不到。
- 原因: FTP上传时,文件夹放错位置了。
- 解决: 确保模板文件夹位于
网站根目录/templets/下,而不是其他地方。
-
问题3:修改了首页内容,但刷新后没有变化。
- 原因: 只修改了模板文件,但没有重新生成HTML。
- 解决: 进入后台 “首页” -> “HTML更新”,点击 “更新主页HTML”。
-
问题4:图片不显示或路径错误。
- 原因: 图片路径不正确,DedeCMS模板中的路径最好使用绝对路径或 相对路径。
- 解决: 检查模板文件中的图片路径,
<img src="{dede:global.cfg_cmspath/}/templets/wap_muban/images/logo.png">或<img src="../images/logo.png">。
制作和配置DedeCMS WAP模板并不复杂,核心步骤可以概括为:
- 找: 找到一个心仪的免费WAP模板并下载。
- 传: 用FTP工具将模板文件夹上传到
templets目录。 - 选: 在后台“手机版模板设置”里选择并应用这个新模板。
- 改: 通过后台参数或直接编辑模板文件,修改网站标题、Logo、内容等。
希望这份详细的教程能帮助你顺利搭建出属于自己的移动网站!如果在操作中遇到任何问题,可以随时提问。
