站点搭建从零開始(七) WordPress站点的无缺

一、WordPress站点先后端常用语言简单介绍和执行过程

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

后端语言PHP

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

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

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

好比:数据库

<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实现)。

二、网站的无缺

本文主要是介绍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 

相关文章
相关标签/搜索