转载

WordPress建站指南(1)

写在前面:

3月份用10天零碎时间火速完成了建站,后台95%的工作都交给了WP(WordPress)。如果想偷懒的话,WP是一个绝好的选择,估计有个小半天就建完收工了。

想有片自己的小花园,可是不会PHP这样的东西,也不太了解CSS,对HTML也知之甚少?这都没关系,CMS + 前端框架,一会会儿就好,需要自己动手的地方真的非常少。

P.S.一直没时间出建站系列,今天被WP气坏了,几乎从头重建了一遍,只好先把用到的东西记下来,免得以后再找

一.建站条件

首先,需要一些硬件方面的东西:

  1. 服务器空间:最便宜的方式就是用SAE或者其它的“免费”空间;经济实惠的方式是租个虚拟主机;嗯,比较伤钱的方式是租个云服务器。三者任选一个就好,看钱包说话。
  2. 域名:租空间一般会给个免费域名,但你肯定不喜欢。可以再去找个免费的,比如.tk等等;也可以花点儿小钱租个域名,.com/.cn/.net之类的都很便宜,关键是看着舒服。
  3. 域名证书:也就是所谓的“备案”,如果是免费的域名肯定是不用这么麻烦的,自己租的域名需要备案,有它就“合法”了。一般域名提供商会给备案指南,只需要自己跑跑腿照照相片寄过去就好了。
  4. FTP工具:装一个FTP工具,以后就可以往自己的空间里塞东西了

当然,如果想把网站做得称心如意的话,还需要一些知识技能:HTML, CSS, JavaScript, PHP/ASP之类的服务端语言,SEO/语义化之类的常识

笔者的配置:

88/年的150M虚拟主机 + 55/年的.net域名 + FileZilla

二.方案选择

具备了硬件条件,先别着急动手写HTML,我们选选方案

后台:

如果时间精力充足,而且技能树点得比较宽,可以考虑自己搭后台:数据库设计 + 分层设计 + PHP/ASP编码实现

如果时间有限,或者没点多少技能,就可以用CMS,比较好的有:

  • WordPress,据说有很好的SEO,海量模版,伪静态页面
  • 织梦CMS,据说简单容易上手,真静态页面,而且,名字好听
  • 帝国CMS,比织梦要难上手一些,不过据说也更强大

P.S.CMS就是帮你打理后台的工具,支持基本的发布、查询、修改、删除信息,还有RSS生成,自动语义化/SEO等等其它好处,有了它,基本的后顾之忧就没了

前端:

如果CSS经验不是很丰富,可以考虑选个前端框架,比如:

  • Bootstrap,很强大的响应式布局,当然因为是响应式的,所以不支持[IE7-]
  • YUI,全浏览器兼容,很全很强大也很“重”
  • EasyUI,全浏览器兼容,比YUI要“轻”些

可以用这些框架轻松构建好看的页面,如果有CSS基础,或者想锻炼页面设计能力还是自己捏的好,不一定好看,但看着顺眼

笔者的方案:

WordPress + JQuery

三.快速建站

第一步,测试服务器空间

弄个简单的html或者php/asp文件用FTP工具传上去,试试能不能访问。当然,如果域名还没有和空间绑定的话要先去绑定。一般不会出什么问题,如果出现问题就去找卖家客服理论,他们会帮你搞定的。

第二步:安装CMS

把下载到本地的CMS上传到服务器,再按照CMS的指南一步步安装,一定要确保这个过程没有差错

第三步:进入CMS后台管理

登入CMS后台,随便写点什么,添个页面,发篇文章什么的,试试CMS的功能

四.WordPress相关问题

1.如何在首页只显示摘要?

WP默认是在首页显示全文的,一篇两篇还好,文章多了就受不了了,特别特别长的滚动条,看着也不舒服。可以只显示摘要,具体做法如下:

  1. 进入后台管理页面/外观/编辑
  2. 在右侧列表找到content.php,点击之后就可以在线编辑(网上说是改index.php,在新版本中没有用的)
  3. Ctrl + F搜索"entry-content",把这个div里面的代码改为:
<?php //comment in chinese is invalid  if(!is_single()){ the_excerpt(); } else{ the_content(__('(more…)')); } ?>

注意前后的<?php,?>别弄丢了,可以先把文本框里的内容备份一下,以防不测

2.如何修改页脚的WordPress小尾巴?

一般会有“自豪地采用WordPress”,“又一个WordPress站点”之类的小尾巴,可以很容易地修改:

  1. 同上
  2. footer.php
  3. 搜索"<?php printf(",把"<?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?>"改为自己的页脚即可,改完之后可能是这个样子:
<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>">Powered by WordPress</a>

页眉的改法一样,在header.php里面找就好了

3.如何使用Markdown?

Markdown是个好东西,WP没有原生支持,不过可以去找插件,后台管理/插件/安装插件,一搜一大堆,看人气挑一个就好了

4.如何过滤恶意评论?

在评论框中可以输入js脚本,这很不科学,不过据说WP自带了脚本过滤,不过默认不对管理员使用,我们可以自己开启脚本过滤:

后台管理/外观/编辑/functions.php

在第一块注释下方插入代码:

/*comment filter*/ function code_escape( $incoming_comment ) { $incoming_comment = strip_tags($incoming_comment, ENT_QUOTES);//filter php, html and xml tabs return $incoming_comment; } add_filter( 'comment_text', 'code_escape' ); add_filter( 'comment_text_rss', 'code_escape' );

这样就可以过滤脚本了,比如输入评论,<script>alert('XSS attack')</script>,提交之后会变成XSS attack文本

5.如何同步更新微博,微信?

前辈给了 方案 ,很好用。当然,这个方案是一种思路,不仅限于解决分享问题,还可以用来更新自定义页面,比如发布博文时同步更新某个角落的某个文件,非常不错

P.S.今天刚刚完成了同步更新日历功能,示例请看 黯羽轻扬 左上角

6.需要注意的问题

  • 修改php文件的时候千万不要下载-修改-上传,尽量 直接在线编辑 ,因为下载之后本地编辑可能会出现奇怪的编码问题,BOM符号等等
  • 修改的代码中 不能有中文注释 ,因为会出错,向fonctions.php里随便添个中文注释马上就出错了,而且WP的报错没什么用,折腾了一天,最后选择删掉重来一遍

后话

简单的建站相关内容就这些了,目前还在修修改改,用到的WP的功能其实还比较少,对WP也处于一知半解的阶段,等摸索熟悉了再介绍其它功能与解决方案

正文到此结束
Loading...