dedecms企业宽带类网站模板分享

模板首发:文武双全个人网站(http://www.jicker.cn

模板下载地址

http://pan.baidu.com/s/1c0phwOS

制作时间

从2014年9月份开始制作,网站于2014年11月份上线。网站上线运营一个月后,代码比较完善后,于2014年12月4号放出模板。

模板参考

1,首页参考了电信官网,列表页参考了我原来做的一个企业网站(www.qm2014.com),文章页参考了a5的新闻页面,栏目页就比较简单了。

模板特色

a,使用此模板网站打开速度极快。全站使用HTML+CSS设计,使用的JS较少,全站仅2个js。

b,符合百度SEO优化需要:全站图片加alt属性,无iframe,有xml格式百度网站地图文件。

 效果预览

dedecms企业宽带类网站模板效果预览

Continue reading »

解决dedecms标题过长显示不完整,实现截断标题加省略号的方法

选项——文档标题最大长度。默认是60,改为你要的长度(我这里改为了250,不要问我为什么。)

第二步:

登陆phpmyadmin,寻找网站数据库,改数据库表dede_archives表里面的title字段,原默认是60,(这里同样改为250)。

特别备注:UTF-8编码中,1个汉字占用的是3个字节;GBK编码中,1个汉字占用的是2个字节。我们在dedecms里调用文章列表的时候,会发现titlelen如果设置为30,那么最多只显示11个汉字。

第三步:

进入dedecms后台,在“模板管理”中的“标签源码管理”,找到arclist.lib.php。点击“编辑”,搜索“$titlelen = AttDef($titlelen,30)”这条语句。把里面的30,改为60或者你想要的数值。

第四步:

修改网站的CSS样式表,修改a标签的全局样式;

a{ text-decoration:none; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

overflow:hidden;   overflow 属性规定当内容溢出元素框时发生的事情。hidden值规定,内容会被修剪并且其余内容是不可见的。

text-overflow:ellipsis;  text-overflow 属性规定当文本溢出包含元素时发生的事情。ellipsis值规定,显示省略符号来代表被修剪的文本。老版本的firefox不支持这一属性,目前来说所有主流的浏览器,包括最新版的firefox都支持这一属性啦。

white-space: nowrap;  white-space 属性设置如何处理元素内的空白。值nowrap规定,文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。正是因为有了这个样式,文本才会溢出元素,才会触发text-overflow和overflow属性。才导致文本内容被截断,以及显示省略号。

这样,仅仅通过a标签的全局样式的修改,我们就实现了自己想要的效果。

第五步:

文章列表样式的修改,必须给列表增加{display:block;}样式,并且为li元素设置宽度;

display:block;  display属性规定元素应该生成的框的类型。值block规定,元素将显示为块级元素,此元素前后会带有换行符。

上文提到white-space:nowrap,会导致文本占用一整行,直到遇到<br>标签为止。如果不加display:block,会导致文本无法结束。text-overflow和overflow根本就不知道文本时在那里结束的,也就必然无法生效了。

给li元素加上display:block,会自动给li元素结尾加上<br>。white-space: nowrap,遇到<br>会在这里停止。text-overflow和overflow属性知道文本在那里结束,也就生效了。

在这里,不得不佩服CSS开发者们,真的是巧夺天工的设计思路啊。这样来写CSS,真的感觉自己是个艺术家哈。O(∩_∩)O哈哈~,不小心又自恋了一把。

第六步:

修改调用的文档列表的长度,titlelen其实就是title的length的缩写,翻译成中文就是标题的长度。

<ul>
{dede:arclist titlelen=’60’ row=’8′ typeid=”37″}
<li><a href=”[field:arcurl/]”>[field:title/]</a></li>
{/dede:arclist}
</ul>

样式设置好以后,你的titlelen只管往大的设置。但是记得a的宽度,千万不能少于li的宽度,只能比li的宽度大才行。所以只管把这个值往大的设吧,反正再大也都会截断的。相反,太短太细,就没有效果了。

Continue reading »

给公司做的网站终于完工了,无耻的来写个软文!

or: #ff0000;”>后续工作

实际上11月17号,我还搞了一个sitemap.xml的东东;

11月18日,来了把400.html,401.html,403.html,404.html,500.html,503.html这些报错页面给加上去了。为了赶时间,直接上的wdcp的文件。看了下这些页面的源代码,wdcp非常有良心的在里面里加了nofollow属性,瞬间觉得wdcp又高大上了。

网站的特色

1,网站没有采用伪静态,全站直接生成HTML纯静态文件;

2,访问速度极快,配合公司30M带宽的独立服务器,速度杠杠的啊。首次打开网站首页不到1秒,缓存后打开网站首页不到0.5秒;

3,网站结构侧重于SEO,除了首页图片多一点,内页只有一个Banner,每个栏目及子栏目都有新闻列表。感觉做的不是企业网站,像是门户网站;

4,网站上线以前,所有栏目和文章页的title,keywords,description全部写好,或者把生成规则写好;

5,所有图片全部手写alt属性,主要链接加了title,站外链接全部加nofollow;

6,用了dedecms自带的html站点地图,又用了dedecms的自由列表功能,写了百度的XML网站地图;

7,网站模板文件的html代码和CSS样式,全部手写;结构合理,代码清晰,可维护性较高;

8,js仅仅用了一个滚动播放,用了百度官方的CDN库,加载速度也较快;

360搜索收录极快

网站周五上线,11月17号礼拜一来看,发现360搜索已经收录了最新的首页。并且一些核心关键词诸如:企业宽带,上海企业宽带,企业宽带资费,已经有了不错的排名。一些关键词甚至排到了360搜索引擎的第一名,不得不说360对于新站的收录速度是极快的。为了跟百度竞争,360对于收录新站这方面确实下了很大的力气。

百度收录新站较慢

网站改版以后,老站的链接包括首页的快照,变化是很慢的。内页的收录,就更不用说了。还需要按部就班的去发外链,优化网站内容。这又是一场漫长而艰苦的斗争啊,要从百度获得流量,确实越来越难了。虽然百度推出了站长工具和百度云观测这些对SEO有帮助的工具,但是实际上对于优化网站帮助并不大。百度的SEO,还需要按部就班、一步一个脚印的来啊。

文武双全今年用dedecms做的第一个网站

前些年一直沉迷于国外的开源程序,总觉得老外的东西高大上,老外的代码写的优雅、写的艺术。用wordpress建了大量的个人网站、企业网站,结果几年下来wordpress各种蛋疼。有GWF的问题,当然也有wordpress自身的问题。事实证明,本土化的东西才是最适应本土市场的。

连续用dedecms建了几个网站,深深的觉得其实国产的开源程序,也没有那么垃圾。实际上在我眼里,wordpress才是彻底的垃圾。dedecms合理的使用,绝对甩wordpress几条街。

dedecms绝对是一套极其强大的开源CMS

dedecms虽然已经很老很老了,但是他的开发理念至今依然不落后。HTML,CSS,javascript,php一直在变,但是你使用开源CMS开发网站的模式始终未变。dedecms的功能也非常的强大,毫不夸张的说wordpress能做到的网站,dedecms也都能做到。而且同样的网站用dedecms生成纯静态网站,速度秒杀wordpress几条街。

wordpress只是开源社区的玩具,dedecms才是真正商业化的大杀器。

新站上线感言

按照惯例,文武双全要发表“获奖感言”。感谢公司的网管兼Java程序员罗XX,为了感谢他我把后台地址改成了他的名字,于是这里就只能用罗XX来代替它的名字。还要感谢公司的美工兼高级设计师晶晶,她的优秀设计绝对是网站的点睛之笔。还要感谢不嫌弃我新站,给了我第一个友情链接的SEM专员王敏。当然,最应该感谢的是给我机会做网站的张总。

最后的最后,我必须要感谢我的父母,把我生下来抚养我长大。最最不能忘记的是我的老婆,深海乌龟。这段时间,她比较少发脾气,是我能够安心工作的坚实基础啊。

Continue reading »