随着移动适配技术的普及,多数站长已掌握其基本原理并积极应用适配工具。然而实际调研表明,部分中小型站长在具体操作中仍面临诸多困扰,尤其缺乏针对性的案例指导。鉴于Dedecms系统在中小型网站中的广泛应用性,本次特邀百度站长社区版主洪石陈,就Dedecms移动跳转适配的全流程实操方案进行深度分享,以助力站长高效解决适配难题。
Dedecms移动站点的部署可通过两种路径实现:其一为直接安装包含移动站点功能的最新版本,推荐使用V5.7SP1正式版(2015-06-18发布),该版本已集成原生移动端支持,无需额外配置。其二为针对已建站的老版本系统升级,需确保新版本编码与原站一致,随后将压缩包中的核心文件复制至原站对应目录。需特别注意的是,若原站存在非默认模板(如栏目模板为`/templets/defaultst_default_news.htm`),需将对应的移动端模板`/templets/defaultst_default_m.htm`复制并重命名为`list_default_news_m.htm`,确保PC端与移动端模板文件名通过后缀`_m`形成对应关系。
安装完成后,由于Dedecms 20150618版本移动站点功能存在部分兼容性问题,需进行必要的代码修改以确保正常运行。若原站将DATA目录移至根目录外以提升安全性,需修改`/m/index.php`中的路径判断逻辑,将`/../data/common.inc.php`调整为`/../../data/common.inc.php`,或直接删除该路径判断代码块。移动站点首页首次访问时会自动生成静态文件,此时需确保`/m/目录具备可写权限,否则静态化将失败;后续手动更新时,需在后台“更新主页HTML”中,将模板选择为`default/index_m.htm`,主页位置设置为`../m/index.html`,并执行生成操作。该版本移动端模板默认包含动态首页链接`index.php`,需替换为静态链接`index.html`,以避免动态页面影响加载效率。若需启用动态浏览模式,可将`/m/index.php`中的条件判断代码简化为直接调用`$pv->Display();`,移除静态化逻辑。
首页“图文资讯”区域的链接默认指向PC端,需修改为移动端适配形式。在模板`/templets/default/index_m.htm`中,将所有``替换为``,确保点击后跳转至移动端文章页。通用头部中的搜索框默认跳转至PC端搜索页面,与移动端体验不符,建议在`/templets/default/header_m.htm`中删除相关搜索表单代码,包括表单提交路径及输入框元素,以优化移动端交互逻辑。
移动适配当前要求使用二级域名而非二级目录(此前支持二级目录的规则已调整),因此需完成二级域名配置:先将二级域名解析至服务器IP地址,再在服务器或空间管理中将二级域名绑定至`/m/目录。配置完成后,通过二级域名访问时可能出现图片无法显示的问题,这是因为图片路径采用`/uploads/x/y.jpg`的相对根目录形式,而二级域名绑定的是子目录,其中不存在该路径,导致404错误。解决方案可通过URL重写(推荐)实现,在Apache环境下,于`/m/目录的.htaccess文件中添加重写规则,将对`http://m.nt090.com/uploads/`的访问重写至`http://www.nt090.com/uploads/`;若选择模板修改,可在移动端模板的``标签中添加``,并将所有动态链接(如`list.php`、`view.php`)替换为完整二级域名路径。需将根目录下的`/images/defaultpic.gif`复制至`/m/目录,避免无缩略图文章的图片显示异常。
对于无需在首页或头部显示的栏目,可在后台栏目管理的“常规选项”中设置隐藏状态。为提升PC端与移动端的匹配效果,建议在PC端模板中添加跳转适配代码:首页通过meta标签声明移动端跳转地址,并使用JavaScript检测移动设备后自动跳转;栏目页与文章页需传入对应tid或aid参数,确保跳转至对应移动端页面。同时,可在PC端模板的``中添加``标签(针对不同页面设置对应移动端URL),在移动端模板中添加``标签指向PC端对应页面,便于百度搜索引擎更好地发现并建立两端的适配关系。
移动站搭建完成后,需向百度搜索资源平台提交跳转适配关系。适配方式需根据URL规律选择:首页和栏目页URL无规律且数量较少,采用URL适配;文章页URL有规律且数量庞大,采用规则适配。提交规则适配时,需配置文章页的PC端与移动端URL对应规则;提交URL适配时,栏目页可利用Dedecms模板标签批量生成URL对(如通过`{dede:channel}`标签循环输出栏目URL),避免人工列出的繁琐操作。提交后需等待百度审核,若适配关系有误,将提示“校验失败”;当前校验效率已显著提升,过往提交的适配关系陆续通过审核。
本方案基于Dedecms当前移动站功能特性,虽操作简便,但存在移动端URL仅支持动态地址的局限。如需实现静态化,可通过伪静态配置或等待Dedecms后续版本优化,亦可进行二次开发实现静态页面生成功能,具体开发细节需结合实际需求进一步探索。