站点搭建从零開始（七） WordPress站点的完好

1、WordPress站点前后端经常使用语言简单介绍和执行过程

通常一个站点的整个构建过程中须要大量的技术支持，尤其是用到非常多种计算机语言。站点的构建主要分后端和前端两部分，后端代码在server上执行。而前端程序源代码则通过网络传输到用户的浏览器，由浏览器执行。WordPress站点的页面属于动态页面，也就是说页面是程序动态生成的，不同的人、不同一时候刻訪问同一个网址相应的页面，看到的内容是不一样的。和动态页面相对的是静态页面，静态页面的扩展名通常是html。不须要后端语言动态的生成网页。

后端语言PHP

实现站点后端的语言有非常多。如PHP、ASP、Python、Java、Node.js等。

以WordPress为例，主要是用PHP完毕的，訪问数据库会用到一些SQL语言。

PHP在WordPress中一方面负责后端数据处理逻辑，还有一方面负责前端动态页面代码的生成。PHP能够非常easy的嵌入到HTML中，实现PHP和HTML等语言的混合编程。

比如：

<html>

	<head>

		<title>PHP</title>

	</head>

	<body>

		<?php echo '<p>Hello World</p>'; ?>

	</body>

</html>

将其保存为php扩展名的文件，放在配置了PHP环境的server中，并用浏览器訪问此文件，就会运行PHP部分代码。生成对应的Html页面（即前端代码），并传输到浏览器中，由浏览器运行。

更具体的PHP知识能够訪问w3school。或者查看PHP官方给出的手冊。

后端语言SQL

WordPress訪问数据库时会用到SQL语言。SQL语言号称第四代编程语言，语法非常接近自然语言，基本操作学习起来不是非常困难。

前端语言HTML、CSS

HTML是浏览器使用的最基本的语言。HTML通过标签表示各种元素，即站点的内容。

CSS为层叠样式表，即站点的风格。如文字大小、颜色、排版位置等。

眼下主流站点一般主要都是採用HTML和CSS实现界面。对于静态站点页面，能够直接将HTML、CSS等文件保存在站点server供用户訪问。更新页面时直接对网页文件进行改动。

HTML和CSS的语法不是非常复杂。学起来也比較easy。

严格来说不算编程语言。仅仅是描写叙述性语言。

学习的时候须要慢慢熟悉各种标签、属性等。不熟悉的常常查阅资料做參考。

前端语言JavaScript与jQuery程序库、Ajax技术

JavaScript是网页中使用许多的一种程序语言，可用来实现各种动态效果，运行一些简单的数据操作等。比如注冊账号时推断用户填写的邮箱格式是否正确，网页版的计算器等。

jQuery不是编程语言，而是用JavaScript实现的程序库，能非常轻松的实现非常多经常使用功能。

比如非常多站点为了加快网页载入速度，使用jQuery实现图片的延迟载入。仅仅有在訪问到图片文件时，图片才会被载入，否则不载入图片，提高了用户体验。

Ajax是一种交互式网页技术。用于实现网页的异步更新。比如我们在訪问QQ空间网页时，滚动到最下方，就会载入很多其它内容，动态更新网页，而不须要跳转页面。

网页訪问大致的执行流程

訪问WordPress站点时，用户浏览器发出的网址请求被server接收到，server就会找到对应的页面，通过运行PHP生成HTML页面。这个过程是server完毕的。然后将HTML页面通过网络发送到浏览器。

而浏览器则能够打开HTML、CSS，然后运行JavaScript等语言对页面进行一些改动等操作，然后页面就被显示出来。当用户进行一些操作，比如点击特定的button时。JavaScript中设置的监听器函数就会运行，完毕响应的操作。比如打开弹出窗体，显示用户登录信息（当然这个不一定都是用JavaScript实现）。

2、网站的完好

本文主要是介绍WordPress网站的完好，前面对WordPress网站所涉及语言的简介。是由于非常多操作须要涉及自己改动源码。

对所用到的程序语言和技术有所了解，改起来就不至于像我一開始那样不知所措了（从对网站毫无了解到一瞬间看到各种全然陌生的语言混合在一起，可能会有点接受不了）。

这里我要做的介绍，主要是列举一个WordPress网站的完好可能须要考虑的东西并简介，而不正确具体的操作进行具体分析，由于网上有非常多相关的文章能够參考，不是必需再写。

2.1 基本功能

确定好合适的主题

站点搭建好后。假设你须要比較多的自行定制内容，推荐选用一套合适的主题。然后就固定下来不再随便改动。由于非常多定制内容都是通过改动主题源代码实现的，假设更换主题全部定制的内容就都没了。

网上有一些高手制作的主题功能很强大，当中有些是收费的。也有一些免费的。可是可能别人制作的主题不是你想要的风格，比如我用的主题就是知名博主知更鸟做的，可是个人更喜欢清新简洁的风格，这个时候就能够通过CSS进行改动。偶尔也须要对HTML和PHP进行少量改动。

当然。使用别人的主题，应该尊重原作者的成果，注明原作者和作者的站点链接。

以下所说的非常多东西。差点儿都能够直接通过改动主题实现，也能够安装插件实现，而有些主题本身就集成了非常多强大的功能，不须要自己进行加入。我更推荐直接改动主题实现，由于使用插件会拖慢站点速度，有可能插件和主题之间冲突，并且不同插件显示效果和主题不匹配。最后看着比較乱。一个个插件去改动太麻烦（插件代码也能够改动，可是插件一般更新比較频繁，更新后对插件所做的改动所有失效了）。

站点图标、标题、简单介绍

这个不用多说，站点肯定是要有标题的，并用一句话作为简单介绍，概括站点的核心内容思想等，这样有利于訪问者高速了解站点。比如不少站点会以类似“关注互联网创业”“中国最大的***站点”这种格式来写。

另外站点能够做个小图标。这样放在收藏夹里也会好看一点。

版权信息

个人创办的站点，一般不希望别人随便的盗用里面的原创文章，版权信息当然不可缺少。

你能够安装Add Post URL插件，或者直接改动主题。

另外站点底部一般也会有“版权全部”之类的声明，假设有备案，还会有备案号。这个能够直接改动主题的footer.php文件里的HTML代码。

图片自己主动加水印

DX-Watermark能够直接在发表文章上传时，自己主动给图片加上指定的水印。以免任意盗图。只是依据我的实际经验，感觉给图片加水印效果不好。图片大小不同。加的水印大小也不一样；还有水印的颜色假设比較浅，尺寸比較小，有些图片上根本看不见。尺寸过大。或者颜色太深了，比如非常深的大红色，会严重影响用户体验。最后我还是决定取消了图片水印。

邮件发送

有的server不支持邮件发送，导致WordPress默认的邮件发送工作不正常，导致非常多问题，比如用于注冊时无法收到登录password。这时能够通过插件配置邮箱进行发送。可參考下文

WordPress通过插件发送邮件

http://www.hainter.com/wordpress-send-email-via-plugins

编辑器插件

WordPress自带的文章编辑器功能比較少，你能够安装插件加强编辑器功能。CKEditor for WordPress就比較强大。只是似乎配置有点麻烦，还有点兼容方面的问题不想麻烦，后来我改用TinyMCE Advanced。自己编辑文章主要还是用为知笔记，然后离线公布上传的。所以用编辑器主要也仅仅是偶尔进行文章的改动了。

2.2 用户交互

分享、喜欢button

好的文章。希望读者分享到社交站点。让很多其它的人看到并添加站点訪问量和知名度。能够使用JiaThis插件实现。或改动主题。喜欢button也能够插件或改动主题进行实现。

社交化登录、用户模块

你能够考虑让用户直接通过QQ登录你的站点发表评论，很方便。

关于社交化登录、用户评论方面的东西。能够參考我的还有一篇文章：

WordPress的用户系统总结

http://www.hainter.com/wordpress-user-module

评论框表情

同意用户在评论框使用表情。能够提高用户体验。让评论内容更加丰富。表情图片也能够通过改动主题自行定义，替换掉WordPress自带的不太好看的表情，详细方法请自行搜索。

读者留言板

留言板就是一个能够发表评论的页面，在后台新建页面。命名为留言板就可以，并设置显示在菜单中。便于让訪客看到。有不论什么问题都能够在留言板进行评论留言。

訪问量统计

訪问量统计是各种社交站点和博客站点的标配。

能够看到文章的訪问数量，对写博客来说算是一个反馈，知道有多少人訪问过，还能制作热门排行的側边工具栏。能够用WP-PostViews，并结合主题的改动实现。

2.3 用户体验

面包屑导航栏

面包屑导航栏有助于用户了解当前处于站点的什么位置。能提高用户体验。一般通过改动主题实现。

移动主题切换

移动设备訪问站点时。站点应该能对移动设备进行优化，假设你的主题是响应式的。能自己主动调整，那样挺好。

假设不是，你能够考虑对电脑和移动设备甚至平板，使用两套以上的主题。并用WordPress Mobile Themes插件自己主动切换。

新窗体打开外部链接

个人觉得假设文章中有超链接，比較合适的做法是。站内链接直接在当前窗体打开，站外链接则在新窗体打开。可是每次编辑超链接都自己设置太麻烦了。

External Links插件就能实现新窗体外链打开功能，并在外链右側插入一个小图标提醒读者。链接打开的将会是一个外部链接，注意上网安全。

代码语法高亮

假设你做的站点有技术类文章，文中经常少不了程序代码，语法高亮能方便看懂程序。能够选用WP-Syntax插件实现。

2.4 加速和优化

图片压缩

图片压缩能够加快网页载入速度。同一时候节约server空间和流量。

WP Smush.it能够轻松的压缩图片。既能在上传时自己主动压缩。也能够压缩已有图片。而Compress PNG for WP则利用TinyPNG站点的API实现了对PNG图片很好的压缩。

优化数据库

WP-Optimize是一款非常好的数据库优化插件。每隔一段时间。对数据库优化一下，删掉不须要的东西。加快了站点速度。

站点加速技术

WP Super Cache是一款站点页面缓存插件，大概意思是缓存一些页面，免得每次訪问的时候都动态生成。加快网页訪问速度。有关站点加速的技巧，之后我会再写一篇文章进行更具体的介绍。

2.5 安全

垃圾评论拦截

你能够用Akismet插件拦截垃圾评论，比如恶意广告，病毒等评论。

站点的安全

BulletProof Security是一款比較强大的安全插件。最好还是试一试。尽管刚建立的小站预计也没人会攻击。可是防患于未然总是好的。

禁止非管理员用户进入后台、禁止用户注冊

有些人不希望普通用户注冊登录后能进入WordPress后台界面，或者觉得存在安全隐患。也有观点觉得用户注冊可能会导致安全问题，由于WordPress的站点管理员和普通注冊用户的唯一差别是权限不一样，假设居心不良的人注冊用户并突破了权限成为管理员，就能任意改动站点内容。

可是禁止用户自行注冊似乎有点不妥。而禁止普通用户进入后台会影响注冊用户的体验。比如默认的注冊password是随机生成的，普通用户能通过后台改动password方便记忆，假设禁止进入后台，就无法达到这个目的了。

2.6 SEO

站点SEO

SEO是搜索引擎优化的意思。也就是通过优化站点的一些内容，让搜索引擎更快更准确的收录你站点中的东西，这样有利于被很多其它人訪问到。

站点SEO实际上比較复杂，而且有专门的人进行研究。甚至成了一门学科，成了一种工作职业。这里我也了解非常少，没法做很多其它介绍，可是推荐一款插件SEO Ultimate。有兴趣能够好好研究下。我用到的这个插件最多的功能是Code Insertor，有时站点验证须要在网页中插入一些代码，可是又不想随便改主题，刚好用这个功能就能够直接插入代码了。

Robots訪问记录

一个站点能被搜索引擎搜索到，是由于搜索引擎的网络爬虫（又叫做Robots）訪问了你的站点并收录进了搜索引擎的数据库。wp-log-robots能够记录Robots对你的站点页面訪问的记录，从而进行SEO优化。而对于新手建站，虽说不一定有非常大作用，至少能够满足一下好奇心吧。

站点地图

站点地图也是SEO的一种手段，通过建立一个固定的页面，记录了你的站点全部页面的地址、更新时间等信息，引导Robots对你的站点页面进行收录。

推荐使用Google XML Sitemaps，百度也有站点地图插件。可是似乎不会自己刷新。不知道是不是我配置不正确。

Ping更新服务

在站点发表一篇新的文章后。你能够通过设置Ping提醒搜索引擎及时收录你的文章。

在设置-撰写-更新服务中。加入百度Ping的链接http://ping.baidu.com/ping/RPC2。就能够实现了。

固定链接设置

文章发表后会有一个链接地址，为了方便被搜索引擎索引到，一般能够设置成固定链接，链接能够用一些英文或拼音缩写表示。最合理的格式网上不同的人意见不一样。个人比較喜欢的是最简单的“站点URL+缩写”的方式。详细能够自己主动搜索了解。

本文首发自我的个人主页，转载请注明来源：http://www.hainter.com/website-primer-7