商务风背景-又多文字又少的PPT,如何设计才有商务风?
dedecms模板更换方法一将新模板覆盖templets下的文件最简单的更换模板的方法是直接覆盖templets目录下的所有文件,但是这样会导致原先的模板被覆盖。dedecms模板更换方法二通过后台管理,使DEDECMS去寻找模板目录还有一种就是更换整个网站的模板目录。系统管理 -- 站点设置 -- 默认模板风格 设置为目录名字比如下载了一个新的模板,新模板目录为newtemplet那么设置为 /newtemlet/default 这样基本模块的模板就会去该目录下寻找。dedecms模板更换方法三修改特定页面的模板还有就是修改单独网页的模板,那么就去频道管理 -- 网站栏目管理 -- 高级选项里选定模板地址充分利用 / 这样的上级目录跳转到模板的目录下。dedecms模板更换方法四修改源代码改变模板目录发现另一种方法,更为直接:修改include目录下的config_basephp下找到$cfg_templets_dir = $cfg_cmspath'/templets';只需要把这个修改为新的目录名字,然后HTML更新一下,所有的模板风格都改变了。这种方法不推荐,不过你要是为了防止模板被盗到可以还有个方法:把新模板直接上传到templets/default目录里,然后再点击栏目管理,在栏目高级参数那里选择新模板。
参考下面方法
首先,打开后台——模板——默认模板管理——indexhtm
看到有一句,
rel="stylesheet" media="screen" type="text/css" />说明,模板是根据这个 CSS 来布局网
页的,于是就打开网站目录下面的templets\style\dedecmscss然后来分析一下CSS的构成。
根据主页的调用,来研究 CSS 这样容易理解。打开主页模板,找到:
那么 w960 center clear mt1 都定义了什么呢?打开 DEDECMSCSS 找打相关的定义。
center{
1 margin:0px auto; 定义了CSS 模块的边缘位置都是 0,也就是这个center 的层
距离上右下左都是 0px;
2 }
3 w960{
4 width:960px; 定义了整体的宽度为 960px;
5
6 }
7 pright infos_userinfo {
8 margin-bottom: 0px; 定义了首页右部下的互动中心的下面边缘为 0px;
9 }
10 mt1{
11 margin-top:8px; 定义了mt1 的顶部边缘为8px;
12 }
13 pright mt1{
14 margin-top:0px; 定义了pright 下面的mt1 顶部边缘为0px;
15 }
16 mt2{
17 margin-top:16px; 顶部边缘为16px;
18 }
19 clear{
20 overflow:hidden; 如果clear 层里面的内容超出了 层的范围 就隐藏起来。
21 }
这个pleft 的定义没有在dedecmscss 中,但是会发现一句
话
@import url("layoutcss");
@import url("pagecss");
这说明,在dedecmscss 中引用了 pagecss 和layoutcss 这两个样式表,于是就在
pagecss 中找到了pleft 的定义
pleft{
width:712px;定义了宽度
float:left;该层向左浮动
overflow:hidden;超出范围则隐藏
}
在该层下面调用的是新闻头条的内容,看看它的 css
index bignews{
width:424px;
height:400px;
float:right; 向右浮动
border:1px solid #DFF2F5;表示边框线用 #dff2f5 的实体颜色填充
background:url(/images/headbg-topgif) repeat-x;背景为 headbg-topgif 并且横
向平铺
overflow:hidden;超出则隐藏。
}
所以,看到头条的这部分是在 flash 幻灯片右边显示,并且加上了浅蓝色的边框线。
再来看看 onenews 是如何定义的。
index bignews onenews{
margin:0 3px 0 3px; 左右外边距分别空3 个像素
padding:7px 6px;上左内边距分别空7,6 个像素
border-bottom:1px dashed #EBEBEB;下边框加一个 #ebebeb 的虚线
}
所以看见头条的文章左右都有一定的距离,并且下面还有一个虚线显示
这个下面调用的是以往的头条,默认的有 4 篇文章,调用了d1 d1arc 2 个css
index bignews divd1{
padding:6px 10px;
clear:both;这句话是清除浮动,如果不加它,大家可以试试看,是不是 d1 这个层就跑到 头条的
右边了。
width:406px;
overflow:hidden;
}
index bignews divd1arc{
margin-right:12px;
width:190px;
float:left;因为此时要调用4 篇文章,改文章是 22 排列的,如果不加这个属性,新闻就应该垂
直排列了(因为刚才用 clear:both 清除浮动啦),大家试试看是不是这样的。
height:24px;
line-height:24px;行间距,即字体最底端与字体内部顶端之间的距离
overflow:hidden;
}
最新文章
下面看看 newarticle 这个css 吧,还是拿快学网的首页举例子,上面的这句是用来显示 “最近
更新”那几个绿颜色字的,看看它是怎么定义的。
index bignews divnewarticle{
height:24px; 高度
background:url(/images/new-articlegif) 8px 3px no-repeat;背景在x 轴8px 和y 轴
3px 出出现
font-size:0px;
color:#fff;
} 所以,能看到那个最近更新并且还有一个横条,其实它是个,大家右键另存为
看看就知道了
这里面调用了 c2 和ico1 两个 css
index bignews ulc2{
width:416px;
padding:0px 4px 0px; 内边距为 上0 右4 下0
clear:both;清除浮动 和上面的意思一样
overflow:hidden;
}
ico1 这个css 在layoutcss 中了。
ico1 li{
padding-left:16px; 指的是 新闻列表左内边距为 16px
background:url(/images/ico-1gif) 7px 11px no-repeat; 背景在7px,11px 处出现,所以看到最新文章的列表左边都有一个小黑点,这个小黑点就是 ico-1gif
}
到此,中部的头条新闻和最近更新已经分析完了。
看看flash 的 css 定义
index flashnews{
width:280px;
height:192px;
overflow:hidden;
float:left;这句决定了,flash 的新闻列表在 头条的左边显示。如果把 bignews 和flashnews
的float 属性互换一下应该是上面结果呢?大家试试看。
}
这边是特别推荐调用的样式,还是来看看 css
index latestnews{
width:280px;
height:200px;
margin-top:8px;
float:left;
}
index latestnews dl dd{
padding:2px 5px;
}
index latestnews ul a{
color:#555;
} 这里面就不用解释了吧,可以和上面的对照一下就能明白上面意思了。关键 dl dt dd 要弄明白
是什么意思。
dl 内容块
dt 内容块的标题
dd 内容
可以这么写:
标题
内容1
内容2
在layoutcss 中找到 tbox 的相关定义,其他的都不用罗嗦了,只有一句大家注意看一
下
tbox dt strong{
height:26px;
line-height:26px; !important;line-height:25px; 这一句是为了兼容 IE 和FF,比如
font-size: 12px !important;
font-size: 13px;
在 IE里面,由于 IE不理解 !important,则字体大小按照最后设定的 13px 展示
而FF 里面, !important 为提高优先级别,则字体大小按照 !important标记的12px 展示
某些css 某些代码在这两类浏览器里的显示是有差别的(注意这也是使用!important 的主要原因
所在),比如height: 21px;,在 IE6 和(IE7,FF)里显示就有差别,后者(IE7,FF)会比前
者(IE6)少一个像素。
padding-left:22px;
padding-right:4px;
display:block;//变成块级 ,因为strong 是内联元素,必须强制转换,不然的话是没有办法
定义padding 的。大家可以百度一下 内联元素看看。
float:left;
color:#397CBE;
background:url(/images/fbicogif) 5px 6px no-repeat;
letter-spacing:1px;
}
抖音为什么会有商业的标签
对于商业产品而言,变现是逃不开的课题,本文将在对抖音现有商业化行为总结的基础上,大胆猜测抖音未来可能的商业化道路。变现手段首先总结抖音目前肉眼可见的变现手段。feed流广告广告是头条的强项,抖音的feed流广告除了从算法上匹配用户外,还有一些比较有意思的小尝试,想简单谈谈。(1)通过A/Btest确定广
关于商业产品而言,变现是逃不开的课题,本文将在对抖音现有商业化行为总结的根底上,斗胆猜想抖音未来或许的商业化路途。
变现手法
首要总结抖音现在肉眼可见的变现手法。
feed流广告
广告是头条的强项,抖音的feed流广告除了从算法上匹配用野外,还有一些比较有意思的小测验,想简略谈谈。
(1)经过A/Btest确认广告按钮长度。不知各位有没有发现,抖音广告中转化按钮的长度经历过几回改变——从开端的巨细变为通栏长度,最终变为现在的款式,背面包含的应该是同内容挑选机制相同的A/Btest思路,即经过测验找到点击率最高的按钮长度。
(2)经过随机“变色”的按钮引发用户猎奇心。相同是广告按钮,刚进入广告时,每个按钮都是通明色,过几秒后会变为不同色彩,如第一个广告中的按钮会变为蓝色,第二个广告中的按钮会变为橙色,运用用户对按钮色彩的猎奇心思,在为产品供给趣味的一同,延伸广告观看时长。
电商导流
商家能够经过短视频直接将用户导流至自己的商品销售页面。
尽管头条前段时间推出了自己的电商渠道“值点”,但现在肉眼可见的电商导流大部分仍是指向天猫和淘宝。一方面或许由于抖音的用户画像与值点差异较大,另一方面或许由于值点现在还在试水阶段,不宜大规模导流。
定制品牌广告
运用应战活动与资料,协助大品牌定制广告并从中获利,如#应战的定制广告——oppo应战赛”本来你是酱紫的”,贴纸的定制广告——必胜客贴纸等。
直播分红
猜想仅仅一般性的功用跟进,运用本身已有的、特点及意图与直播用户相似的用户直接进行变现。与其他直播渠道没有太大差异,不做赘述。
DOU+速推
DUO+速推是抖音近期上线的广告办法,可针对某一视频进行投进,且移动端即可操作。
投进办法包含:
根底定向投进,向限制性别、年纪、地域的人群进行投进;
指定粉丝相似的账号,向指定账号的粉丝人群进行投进;
邻近商圈投进,指定直径规模进行地域投进。
以上便是抖音现在肉眼可见的商业化手法,接下来猜想抖音未来变现的发力点。
变现发力点
个人认为抖音未来的变现发力点依然是“广告”与“导流”。
广告
据悉,抖音未来1年广告收入或许破百亿[1],很难想象这样大的一块蛋糕不能构成抖音往后的着重发力点。
除此之外,今天头条锻炼出的广告功力也是抖音广告路上很好的支撑。比方抖音在头条投进的根底上,接连了测验试验思路,供给“智能投进”。在这种投进办法下,抖音会先用一部分投进经费进行小规模测验,找到投进作用最好的人群后再进行规模化投进,以到达推行作用最优(注:可拜见DOU+速推第一条挑选项,DOU+唤出办法:恣意视频点击“转发”按钮即可)。
最终,抖音广告好像并不那么令用户恶感,为抖音供给了在不伤用户前提下挣钱的或许。其间,“不那么恶感”或许归功于以下几点:
(1)广告风格贴合产品特点
抖音是文娱型产品,所以抖音中的广告也简直都是文娱风格。
一方面,从AppGrowing供给的陈述来看[2],抖音“游戏”广告的占比很高,而游戏本身的文娱化特点又十分贴合抖音的产品调性,所以在抖音上进行游戏投进,作用甚至或许胜过资讯类的今天头条。
另一方面,抖音内的非游戏广告内容制造也都在尽量贴合文娱特点,搞怪的、赋有构思的、甚至鬼畜的,如苏菲的构思广告其时也收成了一片好评[3]。
(2)标明”广告”字样,越过本钱低
抖音中的广告都标有“广告”字样,且越过本钱很低,与看到不感爱好的视频相同,直接上滑即可越过。
(3)可人为下降推送频次
对广告屡次点击“不感爱好”后,推送频率显着下降。跟朋友一同做过试验,自己作为对照组,不对广告进行“不感爱好”点击,朋友作为试验组,频频对广告进行“不感爱好”点击。7天后,我刷不到十条内容就会呈现广告,而朋友接连刷几十甚至上百条都不会呈现广告。
综上,收入高、才能强、不伤用户的变现手法“广告”应该是抖音未来的着重发力点。
但与此一同,抖音的广告好像还有优化空间,关于广告与用户匹配度给出以下两条小主张:
1)进步对“视频广告内容”的剖析才能
尽管现在广告主可在投进时挑选广告及用户类型,但这未必是最优的匹配办法,究竟“人”在匹配算法上或许并没有“机器”更了解用户。假如“视频内容”能够被机器读懂,选用相似图文广告的优化办法进行优化,并为广告视频制造者供给牢靠主张,想必广告作用还会更上一层楼。
2)创立并进一步丰厚用户“商业化标签”
用户商业化标签或许与用户爱好标签有所差异,比方喜爱萌宠的人并纷歧定有购买宠物或宠物用品的需求。或许抖音现已存在相似标签,但就现在的运用感触而言,好像还有不小的进步空间。
若上述两点得到进步,结合抖音现有的挑选及分发才能,信任抖音的广告在体会及收入方面还会有所突破。
导流
电商导流也是抖音收入来历的一部分,从AppGrowing供给的陈述来看[2],现在“天猫”和“淘宝”占有流量较大部分。
但抖音的野心好像未停步于此,“同城”板块下的分类模块是不是似曾相识美食、景点、玩乐等等,咦这不是群众点评在做的工作吗故此猜想,抖音未来“导流”的发力点将不只限制在电商,更会向生活服务方面不断扩展。
那么这件工作的可行性有多高呢形似并不低:
(1)视频表现力更强
比较群众点评的图文办法,抖音的视频办法更利于引起用户爱情共识,影响消费。想想每次夜里对着抖音美食流口水的自己,是不是也曾静静记下谈论中的店名并前往一试了呢。
(2)社区打卡文明优秀
我们对视频标题中、谈论中随处可见的“打卡网红店”是不是还有形象呢,摔碗酒、冰淇淋、天空之境,在视频烘托出好玩、好吃、好美的气氛中,不少用户前往全国各地进行消费并发布“打卡”视频,而一些没条件出远门的用户只能静静点赞。不过在抖音上线了为用户引荐自己邻近“网红店”的功用后,是不是更进一步鼓舞了这种气氛,让生活服务分发成为或许呢
(3)外部环境较好
不知我们有没有感觉,横竖我出了一次远门后,现已开端搜索群众点评外的其他生活服务评分软件了。跟着营销气氛的延伸,群众点评的公信力好像也在逐步式微,这样的外部环境是不是为抖音发明了一个时机呢
综上,背靠本身巨大的活泼用户群,抖音经过直接为商家导流构成的生活服务分发才能,很或许构成另一个变现发力点。
不过要做好生活服务分发,直接对接各个商家,抖音好像还有很长的路要走,相同提出以下几点小主张:
若想打好“公信力”这张牌,前期不可防止需求做些人力开掘的“重活”,包含优质商家的开掘、人工实地勘探及审阅等。或许搜集”特征“商家是个好办法。一方面防止同群众点评在“群众商家”维度竞赛,另一方面,特征也愈加契合抖音用户的品尝。
相应功用稳步跟进,或许纷歧定是“评分”,打卡、热度等具有相同说服力的功用甚至“视频集”,都能够协助用户进行优质商家挑选。
操控好变现节奏,在公信力与商业化的平衡中稳步前行。
以上仅为个人观点,文中说到的相关参阅文章见下,感谢我们的宝贵时间。
[1]抖音未来1年广告收入破百亿但MCN在渠道仍赚不到钱
[2]国内首份抖音广告剖析陈述,游戏职业广告投进占比最多
[3]苏菲尝鲜抖音视频信息流广告,网友惊叹给满分
CEndC
作者:lilyblood,微信号与大众号:lilyblood,欢迎沟通~
商业运营
转载请说明出处
知优网_抖音的商业化及其趋势(抖音的商业化及其趋势分析)
分享到:
上一篇
2020:规模化增加需求顶层规划下一篇
使用规划:单列/双列规划的差异
虚拟主播C位出道,二次元经济商机凸显(虚拟主播发展)
人人都是合作伙伴,总有人帮你定位
“双十一”能给影院运营哪些启示
发表评论
您需要登录后才能发表评论
验证码()
特价VIP一年仅需99元VIP免费下载
开通SVIP永久299元
立即开通
相关内容
人人都是合作伙伴,总有人帮你定位
“双十一”能给影院运营哪些启示
虚拟主播C位出道,二次元经济商机凸显(虚拟主播发展)
最近发表
自动建站一键极速建站云建站系统源码云端模版(最新一键自助建站程序源码)
表白墙吐槽墙心愿墙微信留言板程序源码(表白墙发帖)
MibewMessenger开源在线客服系统源码v310中文版
赚qian软件下载站积分墙源码带完整数据(积分赚钱软件下载)
最新全开源解密版个人发卡网带三方支付接口(发卡网源码对接码支付)
完整可运营的人人夺宝程序源码
PHP直销软件会员管理系统90版本源码(php会员管理系统源码)
全开源版NFine快速开发框架C#源码
PHP新闻文章资讯小偷采集器VIP版源码集广告位
JAVAEEMVC架构研发餐饮点餐系统餐饮管理程序源码(javaweb餐饮管理系统源码)
热门文章
银河麒麟操作系统常用问题及解决方法(银河麒麟操作系统常见问题)
绿色动态扁平化简洁商务PPT模板下载
卡通儿童教育年终工作总结暨新年计划PPT模板
Win10转移激活授权到新电脑的方法教程(win10激活转移到另一台电脑)
唯美自然风景背景的商务PPT模板下载(简约商务风ppt背景图)(商务风ppt背景高清)
风闻苹果将在2022年头推出带有ProMotion高刷的27英寸iMac
Zblog网站导航源码,技术导航,QQ导航高级版(zblog导航网模板)
蓝色唯美星空背景的商业融资计划书PPT模板(蓝色星空文案)
中国古典图案背景PPT模板下载(古典文化ppt背景)(古典的ppt背景)
DEDECMS相关文章不相关的解决办法
标签列表
模板下载
企业
网页模板
公司
模板
网站
类
源码
WORD
苹果
响应式
LINUX
PYTHON
DISCUZ插件
手机
梦
PYTHON
脚本之家
人工智能
带
织
自
适应
端
WORD文档模板
1687
会员总数(位)
198472
资源总数(个)
247
本周发布(个)
今日发布(个)
1303
稳定运行(天)
一个令你着迷的主题!
查看演示官网购买
PoweredByZ-BlogPHP172
这种灰色的ppt背景怎么用ps做出来?这种属于低面建模风格,一般都有专门的制作工具,也有在线生成器,你搜“lowpoly在线生成器”就有,
我自己给你做了一张,大致一样
又多文字又少的PPT,如何设计才有商务风?关于太多的PPT,这次再补充一点新的设计思维。
那么对于太多的PPT,如果你没有思路或许只能这样简单的将和文字排版一下,比如下图这种效果。
对于这种效果显然不是我们想要的,老板有时还会要求“高大上”。
是不是很苦恼,不着急,分享一些方法。
对于多的PPT,认为至少要在4张及以上,下面举个例子。
先来看一下对于4张图的PPT应该如何排版设计,才能让其有设计感!
比如下面这页PPT,这样设计的效果是不是感觉很司空见惯。
这时就需要使用其他元素对其装饰设计,比如为了让其他部位显示出来,同时增加页面的丰富度,使用这种半蒙版的方式。
为了快速完成,同时插入4个形状,然后全部选择对其统一处理,如图所示。
除此之外还可以借助图标来突出主题,同时使用形状让版式平衡,这种效果也不错。
再比如还可以改变排版的类型,使用这种横向的排版方式,同时用蒙版和图标对其装饰设计。
如果想让整体的视觉效果再好一点,将排版成下面这种效果,整体视觉就会非常丰富。
除此之外要想让视觉效果再强一点,还可以将调整为全屏的效果,一样很精彩,如图所示。
最后还可以设计成这种叠加的效果,同时再给添加阴影,也很丰富。
怎么样,对于多图的排版也是有套路的,继续!
对于5张图的排版设计,道理也是相同的,就以下面的实际例子为主。
上面这页PPT显然很单调。
这时可以将放大,同时在下方增加形状来突出文字。
这里需要注意一下,这三个间距要保持等分,这样PPT会显得更精致一点,如图所示。
除此之外还可以为其添加一个大的形状进行装饰,目的是为了保持页面的上下平衡。
再比如,借助和形状设计成这种多格的效果,要注意和形状的大小要等分。
除此之外,再换一种思维,将有色的形状变成灰色的,这种设计效果是不是也不错。
再跟大家分享一个补充的思维,什么意思呢
比如页面只有5张图,如果设计成下面这种效果,页面会给人一种缺失感。
这时可以根据内容为其添加一个形状来补充页面的不足之处,页面就会显得很饱满,如图所示。
除此之外也可以设计成这种全图的效果,页面一样很精彩,如图所示。
那么对于6张图的排版设计又该怎么做呢
举个例子,比如下面这页PPT,这样设计仍然显得不够精彩。
其实套路和方法跟之前的排版设计是一样的,比如借助图标和形状进行设计。
再比如使用大面积的形状作为背景对其衬托,再使用图标对主题点缀突出,如图所示。
除此之外,将添加蒙版,然后将图标和主题文字放在上面,也能达到想要的效果。
最后,同理设计成这种全图的效果,对其分隔排版,视觉效果也很突出,如图所示。
关于太多的PPT设计方法,就分享这么多。
更多精彩内容,下期见!
1、到各大dedecms模板站下载你需要的模板或者到官方论坛区找
2、解压下载好的模板压缩包
3、把模板文件夹 上传至你的网站\templets\ 目录内
4、登陆你的网站后台-系统-系统基本参数 -模板默认风格: 表格中修改成你上传的模板文件夹名
5、生成-更新主页HTML -选择主页模板:表格中填写你上传的模板文件夹名/indexhtm
6、点击 下方 更新主页HTML 按钮
成功~
考虑到中小型网站中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对应关系示例:
对于大多数想做网站的朋友来说,做网站首先想到的就是下载cms系统来做,但是cms系统很多,怎么选择呢根据百度权重和指数(反映用户数量)排名,下面收集国内最知名的几个cms建站系统。
一、PageAdmin
PageAdmin和动易、dede一样都是国内很老牌的cms系统,要明确分出谁好谁坏没有什么意义,每个系统都有自己的特点,pageadmin一向以高扩展,灵活性著称,在dedecms和phpcms的团队陆续解散,动易放弃免费用户后,pageadmin目前已是国内用户最多的cms系统,尤其在当前安全性要求很高的环境下,pageadmin载企业市场这块占据很大的份额。
二、帝国CMS
帝国cms以功能齐全而闻名,其他cms有的功能,帝国cms基本上都有,唯一缺陷是后台的体验比较差,界面还是10年前的,前台默认模板还是table,td结构。由于功能的齐全,主要用于资讯平台类网站的搭建,负载和扩展也是可圈可点,安全性也不错。
三、DEDECMS
DEDECMS从一开始就免费使用的策略上将用户量做到了最大,同时DEDECMS也是媒体曝光率最高的一家CMS,但创始人IT柏拉图离开后,DEDECMS几乎没有任何更新了,新的团队目前基本已经不打算维护,dedecms差不多5年没有更新过,安全性一直是诟病。如何如何解决系统的安全问题,只能看使用者的二次开发能力。
四、PHPCMS
在传世人淡淡风黯然离去时,很多的站长都在问失去了钟胜辉的PHPCMS还有多少价值,phpcms被酷六团队收购后,基本已经被边缘化,目前和dedecms一样处于无团队维护的地步。
五、动易
动易曾经是中国CMS行业的领跑者,中国的站长估计无人不知动易,动易系统模块很多,功能非常强大,但是动易因DLL的限制和系统的稳定性差,使得免费版差不多成鸡肋,随着其他cms的飞速发展,动易的用户量迅速下降。
目前动易主要专注于商业市场,动不动一个网站就是10几万,所以对于普通站长来说,动易已经不在选择中。
六、JTBC
在整个CMS行业里,JTBC提供的技术版本是最牛的,JTBC提供ASP版、PHP版和NET版下载,这样给用户的选择余地比较大,并且采取了“语言/代码/程序”两两分离的技术模式,纳入了模块安装文件的概念,全面的使用了模板包与语言包结构,极大的提升了二次开发的便利,但是JTBC从2004年做到现在,用户量依然还很小。
建站建站系统做模版文件只需要修改以下几个文件就可以了
indexhtm、list_articlehtm、article_articlehtm文件
修改好后,把templets--->default中的文件覆盖掉就可以了
0条评论