SEO技术博客dede教程 ↬ 正文dede教程

织梦手机移动端真静态生成插件下载及安装使用教程

深山2019-06-24 19:03dede教程快速评论

dedecms简单易操作,功能也很强大,很多初学cms建站的站长朋友肯定都先选择的dedecms。但是使用dedecms建站之后,织梦cms手机移动端是动态路径,如果我们需要把织梦手机移动端静态生成怎么办呢?今天深山个人博客就分享一款插,织梦手机移动端静态插件。

织梦手机移动端静态化之后,利于seo优化,做移动适配也可以!!!

织梦手机移动端静态插件安装

1.下载织梦手机移动静态页生成插 - 免费版.zip(下载地址在末尾),解压到本地,包含GBK和UTF-8版本。

PS:免费版:每次发完文章需要手动生成。收费版:发完文章之后则自动生成,无需手动,包括移动端和pc端均自动生成。收费版可以联系深山获取,QQ7654906

下载织梦手机端静态插件

2.登录dede网站后台,依次找到【模块】-【上传模块】-【选择文件】选择和你网站编码一样的插件,点击下方【确定】

上传模块

上传织梦手机端静态插件

3.点击【安装】之后选择【覆盖】-【确定】

安装织梦手机端静态插件

安装织梦手机端静态插件

4.安装完成之后在右侧【模块】中可以看到【手机静态页生成】,至此,织梦cms手机移动端静态插件安装完成。

织梦手机端静态插件安装完成

5.织梦静态手机移动端生成设置:模块-手机静态页生成-更新设置,如图设置好之后保存。

生成织梦手机端静态html

6.织梦手机移动端静态生成设置:模块-手机静态页生成-一键更新手机网站-更新所有-开始更新,等待更新完成即可,最后不要忘了生成手机端首页。

生成织梦手机端静态

自动更新网站设置

PS:自动更新收费版插件带,免费版插件跳至下一步!!!

1.织梦cms网站后台-系统->系统基本参数->性能选项,将“发布文章后马上更新网站主页”,“发表文章后马上更新相关栏目”“发表文章后马上更新上下篇”三个都选择是,然后最下方【确定】保存。

织梦移动端自动更新设置

2.将“自动生成手机版静态”文件夹中的内容上传安装手机移动端静态插件的网站到根目录覆盖。

覆盖文件

3.覆盖后,下次PC发布文章时,PC端和移动端都会自动更新网站html,包括内容、栏目、首页都自动生成了。PS:对新发布的文章有效,如果是修改文章,则需要手动生成!

发布文章之后自动更新网站

织梦手机移动端静态插件设置教程

①虚拟主机绑定移动端二级域名请看《虚拟主机如何绑定移动端m.二级域名

②所需工具:notepad++

③修改模板文件前请做好备份!

1.将移动端的模板文件下载到本地(PC模板_m是移动端模板,例如index_m.htm就是移动端首页),在dede后台的【系统】-【系统基本参数】-【模板默认风格】看一下网站模板存放的文件夹,再到:根目录/templets文件夹下找到对应的文件,下载移动端模板到本地方便修改。

2.用notepad++批量打开模板文件,全选之后,右键使用notepad++打开全部文件

批量打开模板文件

3.notepad++界面按Ctrl+F,选择【替换】利用notepad++的替换批量替换功能,先修改列表页,将织梦cms移动端列表页动态链接替换为静态;

/list.php?tid=[field:id/]

替换为

[field:typeurl/]
修改移动端列表页

4.修改内容页动态链接,和步骤3相同

/view.php?aid=[field:id/]

替换为

[field:arcurl/]
修改织梦移动端内容页

都修改完之后,Ctrl+S 挨个保存,再上传替换修改前的移动端模板文件,重新生成手机端静态,刷新网页即可看见效果。

5.如果之前的栏目生成还是动态,则要改调用方式,调用方式参考下列代码

<ul>
<li><a href="/m/">首 页</a></li>
{dede:type typeid='1'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
{dede:type typeid='50'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
{dede:type typeid='8'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
{dede:type typeid='5'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
{dede:type typeid='48'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
{dede:type typeid='12'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
{dede:type typeid='16'}<li class="bull" ><a href="/m[field:typeurl/]">[field:typename/]</a></li>{/dede:type}
</ul>

6.如果是绑定了移动端二级域名,则将所有移动端模板“/m”改为移动端二级域名即可(例如下图),同样可以利用notepad++的批量替换功能,将/m替换为你的二级域名

如:/m 替换为//m.huantonghb.cn

添加织梦移动端二级域名

至此,织梦cms移动端静态化配置完成,接下来就是最后一步:访问PC端跳转移动端对应页面

访问PC端跳转移动端对应页面

当你用移动设备访问PC网页的时候,自动跳转到移动端网页。很多朋友可能用的是uaredirect.js跳转,但是我觉得没必要,可以利用织梦cms网站原来的跳转代码改一下路径即可,原来的跳转代码如下

<meta name="mobile-agent" content="format=xhtml;url=/m/view.php?aid={dede:field.id/}">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="/m/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

1.我们只需要修改上面这则代码中的两个地方即可,第一个就是移动网址声明(这里是为了告诉搜索引擎这个网址就是PC网页对应的移动端网页地址),需要修改的代码如下:

url=/m/view.php?aid={dede:field.id/}

2.第二个就是跳转代码中的地址,需要修改的代码如下:

href="/m/view.php?aid={dede:field.id/}"

3.如何改?这里要注意列表页和内容页,改为下列字段即可(参考下图)。

列表页跳转到对应url:{dede:type}[field:typelink /]{/dede:type}

内容页跳转到对应文章url:{dede:field name='arcurl'/}

修改PC跳转移动端代码

(1)PC端列表页模板中,

将:

/list.php?tid={dede:field.id/}

改为:

{dede:type}[field:typelink /]{/dede:type}

(2)PC端内容页模板中,

将:

/view.php?aid={dede:field.id/}

改为:

{dede:field name='arcurl'/}

(3)PC端首页,直接改为移动端网址即可,因为首页是不变的。

参考网站 www.huantonghb.cn

最后还有一个问题就是移动端图片可能会不显示的问题,深山个人博客认为,最简单的方式就是将图片改为绝对路径,移动端网站的图片路径和PC端图片路径统一,具体请看《织梦网站上传图片绝对路径修改方法

学东西要活学活用,多琢磨,这篇经验如此详细,相信再小白也能看懂,如有其它疑问可以私聊深山。

织梦手机移动端静态插件下载

链接:织梦手机静态页生成插 - 免费版.zip

提取码:qm14

- END -

浏览完了?你可以点我去评论留下观点!

评论

    不发表一下观点,这个评论功能拿来做什么?
    • 全部评论(0

站点信息

  • 网站运行
  • 共有文章:77 篇
  • 标签管理标签云
  • 网站程序DedeCMS V5.7 SP2
  • 群二维码:加入SEO技术交流群