不懂技术 我是如何制作博客模板的

  前几天又有朋友给我留言说想要我博客的模板。其实跟我要模板的人以前也有不少,但我给的人却不多。并不是我舍不得,而是我的模板一般人真的是用不了。别人跟我要模板,我总是跟他们说,我的模板是自己改的,非常乱,除了我自己几乎没人能用。

  但是,既然是喜欢我这个模板的,不管我怎么说,他们肯定还是想要。

  尤其是朋友,我不得不给。模板给了他,结果三两天又来问我这里怎么回事,那里怎么改。这就是我最怕的事,往往要模板的人,都是对模板不太懂的人。我是真没时间帮他们查代码,因为很多地方因为时间太久我自己都忘了怎么弄,但还是要硬着头皮帮忙解决,因为我不想因为这点小事让朋友不开心。

  所以呢,为了节省大家和我的宝贵时间,我决定还是专门写一篇文章来教大家如何自己制作模板,比直接送我这个乱模板要好得多。

  我做模板的方法很简单,人人都可以学会。严格的说,我的方法不是制作模板,而是改模板,把别人设计好的模板修改一下,背景颜色改一下,加入自己喜欢的一些元素就行了。

  说实话,我的博客模板根本不能算好看,因为我根本也不懂什么设计、也不懂复杂的代码。我记得大概十年前的一天,我站在书店里看了几个小时的电脑入门书,那上面教人怎么拨号上网,怎么用word和windows的画图程序,最后又介绍了一点HTML的基础知识,我的有限的关于网页代码的知识就是那天学到的一点皮毛。我觉得代码方面,我们完全不必做到精通,只要会现用现查就行了。

  我以前(z-blog1.8)的模板是修改于“心诺的红色cms主题”,现在(z-blog2.1)的模板是修改于“卢松松的主题”,之所以这次选择卢松松的主题,是因为我觉得卢松松本身在博客运营方面是专家,因此会比那些只懂设计的人多考虑很多用户体验方面的细节,而且卢松松在主题的下载页中已经说明,允许下载者随意修改主题信息。

  我在原模板的基础上改动很小,只改了几处而已。高手可能一小时就能搞定,但是我最后却用了大概一周的时间。原因是每一个地方我都会试着换各种颜色来看一看效果,有时候改了后面又觉得跟前面的不太协调,再返回来调整。

  很多时候我测试了十多种不同效果,最后发现其实就是第一种才是最好的,这时候有些人可能觉得这十多种测试是多余的,是在浪费时间。其实完全不是的,没有这些“多余的”测试,我们怎么能证明第一种是最好的呢?

  我觉得,为自己的博客或者网站设计一个心仪的模板,花上一周甚至更长点的时间是值得的。我们虽不能满足所有人的审美观,但至少自己看着是舒服的,以后我们给博客添加内容才会更有动力,更持久。付出越多,才会越珍惜,才会更努力把它做好。

  下面开始讲我改模板的方法,如果你也不愿意用跟别人一样的千篇一律的主题,想让博客哪怕有那么一点点自己的个性,那么,请跟我一起来学习如何用最简单的方法让博客变得与众不同吧!

  一.选主题

  我们不可能从0开始完全自己设计一个主题,那对我们来说难度太大了,最佳的方法应该是下载一个现成的主题,然后我们在这个现成主题的基础上进行修改。

  你的博客可能是z-blog,也可能是wordpress或者别的,不管是什么博客程序,出于安全和规范方面的考虑,我建议大家只用官方验证过的主题,乱七八糟网站提供的免费主题尽量不要安装,要防患于未然。

  有时候我们很难选到一套完全让自己满意的主题,没关系,那就选一套相对比较满意的吧!别太纠结细节问题,以后可以慢慢完善。

  二.改颜色

  把下载的主题安装好,预览一下,如果显示都正常,我们就可以开始对主题进行“手术”啦!

  首先要“开刀”的,也是最重要的部分,就是改变主题的整体颜色。

  大家看我现在的这个模板,看上去是不是跟卢松松的博客差很多,如果我不说的话,可能一般人也看不出是修改至卢松松的模板。

  虽然跟原模板反差非常大,但我改动的地方其实很少。之所以变化这么大,最重要的就是改变了整体色调。就像我们穿的衣服,如果你只是在衣服上绣了几朵花,别人还是能看出是原来那件衣服,但如果你把原来的白衣服染成黑色的,别人就很难看出还是同一件衣服了。所以说,制作个性模板最重要的一步就是——改变模板的主色调。

  现在大部分的模板网页,颜色等各种属性都是由CSS控制的,我们想改颜色,又不太懂CSS该怎么办呢?我给大家推荐一个好用的工具。

  遨游、Chrome、火狐这些浏览器在网页上点击鼠标右键都有一个选项叫“审查元素”,我修改模板的秘密武器就是它。(我最喜欢用遨游)

  “审查元素”的作用是帮助我们定位网页元素,并且可以直接调整和修改这些元素,网页上会同步显示修改后的效果。

  我们在网页想要修改的地方右键选择“审查元素”,在出现的窗口中,就会看到控制这个地方的所有CSS属性,试着把属性后面的“对号”去掉,看看页面发生了什么变化,这样就可以知道各元素的功能是什么了。

  在网页背景的地方使用“审查元素”功能,很容易就可以找到设置背景颜色的CSS值。双击后就可以修改。

  多换几种不同颜色,看哪种颜色自己最喜欢(如果不懂颜色代码,可以百度搜索一下“颜色代码表”)。选好颜色后,我们再进入博客后台修改模板,因为刚才我们只是在网页的“审查元素”中修改的颜色,而没有修改模板文件。所以我们要打开模板中的CSS文件,把测试好的颜色在CSS中修改一下,这回就大功告成了。

  同样的方法,我们还可以把博客头部,文章列表,侧栏等区域的颜色进行修改。

  三.调整字体和段落

  有些人喜欢让文章中的字体大一些,行与行之间的间距大一些,让文章看起来更清爽干净;当然也有人喜欢小一些的字体,或者其他特色的文字和链接颜色。这些也都可以通过“审查元素”进行调试,调试好后再进入博客模板中的CSS文件进行修改。

  四.修改图片

  博客的LOGO和一些广告图片,根据自己的喜好修改一下吧!

  五.增删模块

  博客的侧栏是很重要的一个区域,一般我喜欢在这里加上QQ订阅列表和重要的广告。也有人喜欢在这里推荐电子书和重要的文章列表。你喜欢在侧栏放置什么模块,就去博客后台设置一下吧!新版的z-blog修改侧栏很方便,不用改代码,直接拖拽就行了。

  六.调试

  以上的每一步,都不是一气呵成的。每改动一个地方,就要刷新预览一下,这样如果出现什么错误可以当时就发现。别怕麻烦,看着自己的博客一步步变成自己理想中的样子,其实是件挺有趣的事。

  经过以上的几个步骤,你的博客模板应该会变得连原作者都不认识了。洗根黄瓜,然后坐下来慢慢欣赏自己的杰作吧!

  我介绍的,其实是很笨的方法,只适用于跟我一样不懂设计,不懂代码,又想让自己的博客与众不同的人。有人可能会说,直接花钱找专业的人做一个不就行了。其实找别人做,跟你下载网上的模板是一样的,可能很好看,但还是没有你自己的个性。如果再来回沟通修改,时间成本就更高了。

  “审查元素”这个功能绝对是站长的好帮手,大家在以后修改自己的网页和“抄袭”别人的网页时,一定要多加利用。

  (男儿国博客原创http://blog.nanerguo.com/post/465.html 欢迎转载。如转载不注明出处,作者将保留生气的权利)

时间: 2024-09-08 15:36:30

不懂技术 我是如何制作博客模板的的相关文章

PS设计教程之制作WordPress新闻博客模板

通常在第一次制作新闻博客模板,很难把握方向.这篇教程将为你提供如何在Adobe Photoshop中制作WordPress新闻博客主题的参考.该主题包括页眉区,图片轮换区域(包含特色文章,最近消息,按照分类显示,侧边栏,widget).如果你是初学者,跟着本教程一步一步来就可以.如果你有一定基础,亦可从本教程中获得新的收获. 点击图片,进行全屏预览. 本教程需用到的资源 · Search · 社交图标 第1步:创建文档 在PS中创建一个1200像素 x 1700像素的文档 标尺工具在本教程中非常

PS设计制作WordPress新闻博客模板

通常在第一次制作新闻博客模板,很难把握方向.这篇教程将为你提供如何在Adobe Photoshop中制作WordPress新闻博客主题的参考.该主题包括页眉区,图片轮换区域(包含特色文章,最近消息,按照分类显示,侧边栏,widget).如果你是初学者,跟着本教程一步一步来就可以.如果你有一定基础,亦可从本教程中获得新的收获. 点击图片,进行全屏预览. 本教程需用到的资源 · Search · 社交图标 第1步:创建文档 在PS中创建一个1200像素 x 1700像素的文档 标尺工具在本教程中非常

PS制作时尚博客模板

在今天的教程中,我们将展示给大家如何用Photoshop制作时尚博客模板.如果你也有兴趣,不妨跟着我们的步骤,一步一步的来完成看看. photoshop教程最终效果: 下面是具体的制作步骤介绍: 第一步: 创建一个新文件:1024像素*1200像素的文件. 第二步:虚化背景效果: 你可以在这里下载这个图片或者是根据这个教程自己设计一张背景. 第三步:设计好一个布局: 分类: PS入门教程

博客模板商业化:企业品牌网络营销的试验田

博客做为个人媒体的一种典型应用,将汇聚起千百万网民的个性诉求,打造一个以自我展示传播,并交互联络的网络空间. 做为WEB2.O的典型应用,博客在中国网民中的普及率已甚为可观: 根据中国互联网络信息中心(CNNIC)公布的<2007年中国博客调查报告>.显示,截止到2007年11月底,中国博客空间已达7282万个,博客作者人数达4700万,平均近每4个网民中就有一个博客作者. 如此可观的博客用户数量,必将成为广告主网络营销的一种选择方式. 目前国内的BSP市场基本呈现三类并存的形式.一类是独立运

LOFTER模板设计:轻博客模板设计过程

文章描述:个人觉得LOFTER首先是个好用的工具,然后才有可能成为一个好的社区.LOFTER必须简单易用,有一个简洁的发布操作端口(电脑页面及移动客户端),和精美的展示空间(博客模版和Timeline页面):是的,精美的展示空间--博客模板. 负责LOFTER模板设计工作已有一些时间,一直没机会写写总结,趁此机会写些文字供大家观赏! 或许大家听的比较多的一句话是:"若把传统博客比喻为一本书,微博就是一份街头小报,而轻博客就像是一本杂志.与传统博客相比,轻博客的方式更简洁". 个人觉得L

为什么有些技术人员不写博客?

常有人跟我讨论我在blog上发布过的博文,有时候他们还希望我来撰写某些文章.在讨论的过程中,我几乎总是会问为什么你自己不开一个博客,或者为其他人的博客做些贡献呢?当我在引导他们为技术类的主题写一些博文时,极少有人对此感兴趣. 我的母亲总是告诉我(以及她的学生们)每个人都有自己的故事.她说,写作可能是一种你不曾想到过的非常有益处的行为,直到你写的东西获得了其他人的 喜爱和赞同.就像软件开发者为他们的用户开发软件一样,作家为他们的读者而写作.从来都没有什么论断说技术人员无法成为激励他人学习并乐于同他

Asp.net如何制作博客中的热门标签排名和搜索?

问题描述 各位高手大侠们,我是个处涉此道的新手,从事Asp.net开发时间不长.能不能有哪为前辈教教晚辈,现在类似博客网中的那些日志的热门标签的排名都是怎么做的啊?有人告诉我是直接从数据库里搜索,然后读出来并记数,那是不是效率太低了?比如说日志表中有100万条数据,每条数据都有0--5个标签不等,而且这些标签可能重复.那如果直接从数据库里读,是不是效率太低了?现实中的做法应该是怎么样呢?盼望有前辈能赐教!谢谢了!或者有什么例子请您不吝赏给在下wangdaojiufu@126.com小的在这里谢过

秋色园QBlog技术原理解析:博客一键安装工具技术实现[附源码下载]

曾经在:秋色园QBlog V2.5 后台管理系统源码发布下载 一文中,有网友 parabeyond 留言: 秋天哥问下 秋色园将完了吗  可以介绍下 一键安装工具 是怎么实现的吗 想学 本人答复: 引用parabeyond:秋天哥问下 秋色园将完了吗  可以介绍下 一键安装工具 是怎么实现的吗 想学 想学啊,好,改天写一篇文章分享下源码和知识!   既然答应了,今天就为大伙分享一下 路过秋天版博客一键安装工具.exe 的技术原理.   一:秋色园QBlog 一键安装工具的界面   1:web.c

利用SEO技术搭建营销型博客网站

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 长沙SEO:上次的文章<合理利用百度HI空间推广自己的网站>讲了利用百度HI空间推广自己的网站的大体思路,这次主要谈论如何通过SEO手法使自己的博客在百度上获得较好的名次.下面分步骤来讲述我的这次实战操作. 1.博客程序的选择:我选择z-blog来搭建我的营销型博客网站,z-blog支持伪静态,并且全站的标签调用比较清晰,非常方便