织梦dedecms PC移动端同一后台

最近花了几天时间研究了一下关于织梦统一后台的功能。

百度了许多方法都不灵验。在自己尝试了几种方法后，目前这种可行。

两个参考链接：https://blog.csdn.net/linhui03/article/details/78536485 || https://www.jb51.net/cms/491933.html

首先前提是：在已经做好的PC端上增加手机端

1，把移动端的css、js文件放到根目录下m文件夹下，或者/m/assets文件夹下

(建议移动端的图片和pc端的图片放在同一个文件夹便于管理)

调用：<link href="{dede:global.cfg_mobileurl/}/css/phonestyle.css" rel="stylesheet"> 或者

{dede:global.cfg_mobileurl/} 表示m文件下夹面

2，把pc端的和手机端的模板放在一个文件夹下，手机端页面后缀_m (与default同级 )

3，在套移动端的摸板时，跟PC端的区别，其他都一样：

很重要的说明！！！

最重要的一点查看/更改手机端的样式要在后台切换到手机模板(模板不正确更新是无效的) 这个很坑！！！

一键更新手机模板:https://blog.csdn.net/a772116804/article/details/81631097

当我们用手机访问网站时，会自动跳转到手机模板，这需要在pc模板中添加跳转的js代码。

全部加在pc模板头部<head></head>添加代码。

1)首页跳转js

2)列表页跳转js

3)内容页跳转js

也可以直接采用js在pc端头部判断是否为手机端：

<script type="text/javascript">
		var is_iPd = navigator.userAgent.match(/(iPod|iPhone)/i) != null;
		var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|win ce)/i) != null;
		if(is_mobi && window.location.search.indexOf("mv=fp")<0)
		{
			window.location.href="/m/";//因为织梦的手机端在m文件夹下跳转
		}
	</script>

然后也可以跳到m下。很开心，可以解析

pc模板添加上面代码后，手机访问网站时，就会自动跳转到手机网站模板了。

移动端命名：header_m.htm,footer_m.htm,index_m.htm

调用头部尾部:

{dede:include filename="header_m.htm"/}

{dede:include filename="footer_m.htm"/}

总结一下最重要的：

1，采用js判断加载移动端，m文件夹下面

2，所有css，js文件放到根目录下m文件夹下，或者/m/assets文件夹下

(建议移动端的图片和pc端的图片放在同一个文件夹便于管理)

手机模板的设置

刚才说过了手机网站访问的是网站根目录的m文件夹下的index.php，list.php，view.php ，手机网站是访问动态页面，而不像pc站中的静态页面。

手机模板制作时，有两个地方和pc模板不同。

一、栏目超链接不同

在手机模板中，如导航栏，栏目超链接调用如下：（手机端上跳列表页的链接）

{dede:channel type='top' row='10'}
<li><a href='list.php?tid=[field:id/]' [field:rel/]>[field:typename/]</a></li>
{/dede:channel}

手机模板调用列表超链接代码如下：（手机端上跳详情页的链接）

{dede:arclist row='10' }
<p><a href='view.php?aid=[field:id/]' >这是文章标题：[field:title/]</a></p>
{/dede:arclist}

织梦dedecms PC移动端同一后台

猜你喜欢