dede全站做移动跳转+适配,精通dede和PHP的来!

dede全站做移动跳转+适配,精通dede和PHP的来!,第1张

设置手机自动识别跳转

<!--以下这段粘在网站的头部head里面-->

<script type="text/javascript">

var mobileUrl="你的手机网站首页",

mobile = (/mmp|symbian|smartphone|midp|wap|phone|xoom|iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/itest(navigatoruserAgenttoLowerCase()));

if (mobile) {

windowlocation = mobileUrl;

}

</script>

<!--这段粘在网站的头部head里面-->

申请域名和主机空间,完成绑定;

用FTP上传工具将建站程序上传到主机空间的相应目录;

登陆网站,根据安装提示操作即可快速搭建网站。

有时候可能需要事先更改程序的一些项目,可以参照程序里的介绍文件。

考虑到中小型网站中Dedecms使用概率较高,今天我们特地邀请了百度站长社区版主—洪石陈来为大家做Dedecms移动适配分享。

第一步:安装Dedecms移动站点的两种方式

(1)下载新版本直接安装使用,Dedecms版本:V57SP1正式版(2015-06-18)该版本包含旧版本所没有的移动站点功能。

(2)老版本升级(仅针对增加移动站点功能),下载最新版本(注意网站编码需与原站一致),复制压缩包中以下文件到原站对应目录下:

注意:如果原站有非默认模板,如某栏目模板为/templets/defaultst_default_newshtm,可将/templets/defaultst_default_mhtm复制一份改名为list_default_news_mhtm。

即:pc端网站模板需有对应的移动端网站模板,后者文件名为前者文件名后“_m”。

安装或升级dedecms完成,此时应该就可以进行移动跳转适配了,但,dedecms20150618版本提供的移动站点功能在使用过程中发现一些问题,需要进行修改后才可正常使用,所以有了下面的dedecms修改步骤…

第二步:修改Dedecms

(1)原站如做了将DATA移到根目录外的安全设置,需修改/m/indexphp代码:

if(!file_exists(dirname(__FILE__)'//data/commonincphp'))

{

header('Location:install/indexphp');

exit();

}

将其中//data/commonincphp改为///data/commonincphp,或直接将以上5行代码删除。

(2) 移动站点首页在会第一次访问时自动生成首页静态文件,前提是/m/目录需设置为可写权限,否则将无法正常更新。之后更新首页静态文件需登陆后台手动更新:在“更新主页HTML”中将“选择主页模板”改为“default/index_mhtm”,将“主页位置”改为“/m/indexhtml”,再生成主页静态文件。

注:该版本号称“自动生成HTML版”,但默认移动站模板里却有<ahref="indexphp">的动态首页链接,需替换为<ahref="indexhtml">静态链接形式。

※如觉得使用静态页面麻烦,想将首页设置为动态浏览,可修改/m/indexphp:

$row['showmod']= isset($row['showmod']) $row['showmod'] : 0;

if ($row['showmod'] == 1)

{

$pv->SaveToHtml(dirname(__FILE__)'/indexhtml');

include(dirname(__FILE__)'/indexhtml');

exit();

}

else {

$pv->Display();

exit();

}

以上代码替换为一行:$pv->Display();

第三步:首页“图文资讯”部分的url为pc端链接,修改为移动端链接:

搜索模板/templets/default/index_mhtm中所有<a href="[field:arcurl/]"> ,替换为<ahref="viewphpaid=[field:id/]">

第四步:通用头部含有搜索框,搜索跳转至pc端搜索页面,建议删除:

在/templets/default/header_mhtm中删除以下代码:

<form class="am-topbar-form am-topbar-leftam-form-inline am-topbar-right" role="search"action="{dede:globalcfg_cmsurl/}/plus/searchphp">

<input type="hidden" name="mobile"value="1" />

<input type="hidden" name="kwtype"value="0" />

<div class="am-form-group">

<input name="q" type="text"class="am-form-field am-input-sm" placeholder="输入关键词">

</div>

<button type="submit" class="am-btnam-btn-default am-btn-sm">搜索</button>

</form>

第五步: 移动站点默认使用二级目录,但目前移动适配需要使用二级域名(前段时间是可以使用二级目录的,但目前已调整,不能再提交二级目录),所以我们要设置移动站可通过二级域名访问,解析二级域名至网站所在服务器ip,并在服务器/空间上将二级域名绑定到/m/目录。

成功设置二级域名后,通过二级域名浏览网站会发现均无法显示,原因是路径有误——路径为“/uploads/x/yjpg”

相对根目录路径形式,在pc站页面中显示正常,因为pc站域名下存在该目录,而二级域名绑定的是二级目录,其中并不存在该目录,

所以访问会返回 404错误。对此,有多种解决方案,下面提供两个思路(示例pc站:wwwnt090com;移动站:mnt090com):

(1)URL 重写(推荐)

将对http://mnt090com/uploads/的访问重写 至http://wwwnt090com/uploads/,apache环境下,在/m/目录中的htaccess(如无则需新建)中增加以下代码即可:

RewriteEngine on

RewriteCond %{http_host} ^mnt090com [NC]

RewriteRule ^uploads/()$ http://wwwnt090com/uploads/$1 [L]

iis环境下类似规则。

(2)修改模板路径

在所有移动端模板中的<head></head>中增加:

<base href="http://wwwnt090com" />

再将代码中的

“<a href="listphp”改为完整路径“<a href="http://mnt090com/listphp”

“<a href="viewphp”改为完整路径“<a href="http://mnt090com/viewphp”

另:需将根目录下的/images/defaultpicgif(缩略图默认)复制到/m/目录下,否则列表页中如存在无缩略图的文章,对应缩略图位置会无法正常显示。

其他:

1、如有栏目不想在首页下方列表区域或通用头部显示,可在后台对应的栏目管理/常规选项中设置隐藏。

2、为了更好的实现pc端和移动端匹配效果,可在pc端模板增加类似如下代码:

首页

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

栏目页

<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

文章页

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}">

<script type="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex') !=-1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

代码中的{dede:globalcfg_mobileurl/}部分要替换为包含“http://”的二级域名(即:http://mnt090com),如不想修改模板里的相关代码,也可修改/include/commonincphp中的$cfg_mobileurl变量赋值为二级域名。

以上代码为dedecms新版模板所使用,第一行<meta>标签代码为百度发现跳转适配关系的方式(可同时使用)之一——“Meta标记”,下面几行javascript代码的功能是识别是否移动端设备访问,如是则将当前pc端页面自动跳转到匹配的移动端页面。

另外,还可使用<link>标签以便于百度更好地发现PC站和移动站的移动适配关系,在模板的<head></head>标签内加入如下代码:

PC站首页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://mnt090com" >

PC站栏目页模板:

<link rel="alternate" media="only screen and(max-width: 640px)"href="http://mnt090com/listphptid={dede:fieldid/}" >

PC站文章页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href=" http://mnt090com/viewphpaid={dede:fieldid/}">

移动站首页模板:

<link rel="canonical"href="http://wwwnt090com/ "/>

栏目页模板:

<link rel="canonical"href="http://wwwnt090com{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}"/>

文章页模板:

<link rel="canonical"href="http://wwwnt090com/{dede:fieldidrunphp='yes'}$id=@me;@me='';$url=GetOneArchive($id);@me=$url['arcurl'];{/dede:fieldid}"/>

至此,移动站架设基本成型。

提交移动跳转适配

URL对应关系示例:

PC站和手机WAP站数据同步的要素:数据表共通。

一,如果是只建立一个站点,手机和PC端使用不同的模板的话

网页上加跳转代码,检测是不是手机访问。手机访问现实模式A,不是手机显示模式B

二,做两个网站:

A网站用采集方式,自动采集B网站内容。

三,如果是建立两个网站用同一个数据库:

调用的表一样就好。

织梦网站的建站的一般步骤,用自己的话简要说明下

1、要有虚拟主机、mysql数据库和域名

2、上传dedecms程序到虚拟主机根目录,安装dedecms,安装过程中需要填写数据库账户、密码等信息。

3、安装dedecms后,就需要调试dedecms模板了。

织梦cms如何建站

织梦站总结篇,小编将会把整个仿站的思路进行理清并讲解:

1服务器准备

如果是学习测试,小编建议:使用本地软件模拟即可。下载phpstudy在本地搭建环境,模拟服务器环境,需要修改步骤:

1找到phpstudy下相应的WWW下的网站目录文件设置

2打开apache和MySQL(可以设置相应的版本)

3数据库的密码账号设计,即可打开网站

2准备采集器

下载需要模仿的网站的资料(css\js\img\html等),放在设置的WWW下的文件里

3织梦标签生成器

下载一个织梦标签生成器,也可以使用在线版

4准备一个网页html编辑器

进行网页代码的修改,修改的部分也是比较少的,最主要的是嵌入织梦的后台调用数据代码

5到织梦官网下载一个基础后台

6安装织梦模板,安装地址:www域名/install

7修改相关的模板文件页面,类似于:\\list_等网页

最后修改完成,记得生成;注意文件的备份

用dedecms仿站,详细的步骤有哪些?

1、找到目标网站,分析一下结构

2、用工具将需要仿的页面down下来,包括html文件和和css以及js文件等等

3、用dreamweaver编辑html文件,将织梦模板特有的标签套用进去

4、标签都替换好之后,将其替换到织梦的模板文件中

5、模板都做好之后,后台生成下静态文件,就ok了。

随着现在网络的快速发展,越来越多的行业开始与网络挂钩,而且网络的优势也是非常明显的,可以快速的提升效益,那么怎么创建自己的网址?下面由不二网具体介绍一下。

怎么创建自己的网址

怎么创建一个自己的网站

第一个方面:网站的内容。

一个网站,你要以什么样的内容展示给客户,你用什么样的方法来注册会员,你对这些人有什么喜好与要求。这都从你的网站内容来展示给客户。我见过很多人,想建一个网站,结果没有内容给受众,那么没有办法,只有这个网站摘抄点内容,那个网站摘抄点内容。这样的网站,其实是没有访问量的,算不上一个成功的网站。还有一些人,画了一些画,写了点文章,就想建一个自己的网站,结果把他的这些作品都整理上去,也排不满一个页面。这样的网站,只能供自己欣赏。

所以,你要建设一个自己的网站,你一定要想到,你要提供什么内容给访问者。

第二个方面:网站的代码。

这部分不仅仅是网站的代码,还包括网站的页面设计,网页美工。等等,这部分是你有内容了,大概是想表达一个什么样的内容给网友,然后自己写代码或找人写代码。网站上所有的内容,都是用代码表现出来的。所以我称之为网页的代码。这些代码包括很多内容。包括,网页的前台页面,网站的后台页面,网站的广告,网站的数据库,网站的等等。是由几百个或几千个文件组成的。这样花很长时间去完成并测试。

第三个方面:网站的域名服务器等等。

内容有了网页代码也有了,(一大堆的文件)。有了这些,你就要申请一个域名。域名就好比是你家的地址。等你有了地址后,你就要租一个服务器或购买一个网络空间。把你编写的那一大堆的网页代码放在网页空间里。然后你要一个数据库空间,让你动态的数据资料可以记录在数据库里。

怎样自己创建网站

你需要一个域名,域名就相当于手机号码,没有域名只能输入IP访问,我相信访客都不愿意吧!你可以去百度注册个域名。

你需要服务器,可以把自己的电脑作为服务器,不过架设麻烦,而且不稳定,去百度云租,便宜又简单,远程控制。

特别提醒以上的2个步骤都需要钱,你可以绑定银行卡支付。

备案,按照国家规定,建立网站必须备案,备案就是向当地通信管理局提交些网站和你本人的一些信息,你可以通过百度云的备案系统提交。

程序,网站必须要程序,程序就是网站的内容,你可以自己学习PHP、JSP、HTML5等语言自己写,也可以网站搜索程序,网上很多自助建站程序,傻瓜式建站,就相当于你创建你的百度博客一样。

怎么创建自己的网址

教你如何搭建自己的网站

1确定网站的样式

网站的类型需要根据自己需要或者企业的业务需求来选择,但是最主要的要考虑到功能的需求,所以在做之前,需要具体的来分析,做一个前期的规划,可以先根据一个模板来进行内容规划,然后进行选择。

2选择和购买域名、主机和服务器

这三样东西都是在网上的平台上进行操作,如果有什么不懂的地方可以在平台上咨询客服或者打平台的电话进行咨询。

域名:可以理解为网络系统的一个名字,它不存在重复的情况,它是由若干个字母和数字组成的,无论你怎么来取名字,只要符合域名的要求和不重复就行。

主机和服务器:我们个人可以用虚拟主机,它是一种在单一主机,实现多网域服务的方法,可以运行多个网站或服务的技术。它同样可以在购买域名的平台上进行购买。

3平台推荐

这里我们推荐使用织梦(DedeCMS),即开源网站内容管理系统。目前在国内很多企业都有用到,他的功能方面比较全面,总的来说它更适合个人和中小企业来搭建。

购买域名和主机这些都很简单,难点在于搭建网站,你需要懂一定的代码基础,例如HTML,DIV+CSS,懂这些你才可以进行网站中东西的修改替换和删除,关于代码的知识需要大家自己进行学习或者上网查。

通过以上不二网的介绍我们了解了怎么创建自己的网址的相关内容,要想创建自己的网址,首先要有域名,然后找到合适的服务器就可以创建网址了。

怎么创建自己的网址创建自己的网址

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dede全站做移动跳转+适配,精通dede和PHP的来!

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情