站点搭建从零開始(七) 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

时间: 2024-08-04 12:07:59

站点搭建从零開始(七) WordPress站点的完好的相关文章

站点搭建从零開始(五) WordPress的安装

前面说了非常多废话.如今最终转到正题.WordPress的安装. 1.WordPress安装非常easy 假设你的server能通过应用中心一键安装WordPress,这一节就非常轻松了,基本上不须要做什么.可是考虑到那种新手的方式,以后假设换了server可能就不能进行安装了.而且有些需求还是不能用那种方式实现,所以学一下也好(主要是配置数据库.FTP,然后上传文件.过程相当简单). 仅仅要server支持php而且配置了数据库和FTP,安装WordPress是非常easy的. 前面我们配置好

站点搭建从零開始(二)server空间

前面介绍了域名相关知识.这里介绍server,也经常被叫做空间.也就是站点数据实际保存的地方. 1.整体介绍 依据国家相关规定,国内server空间须要进行备案.也就是到相关的机构进行登记.详细方法能够网上找.域名也有备案一说.国内域名不备案可能会被禁用. 国外的域名和server.一般就不须要备案了. 国外server的一大缺点是速度一般比国内server慢,有些甚至差点儿没有速度. (1)自己搭建server server事实上也就是配置比較高的电脑.装了适合做server的操作系统,安装了

《PHP 5.5从零開始学(视频教学版)》内容简单介绍、文件夹

<PHP 5.5从零開始学(视频教学版)>当当网购买地址: http://product.dangdang.com/23586810.html <PHP 5.5从零開始学(视频教学版)>源码.教学视频下载地址: http://pan.baidu.com/s/1zt9hW 内 容 简 介 本书循序渐进地介绍了PHP 5.5开发动态站点的主要知识和技能,提供了大量的PHP应用实例供读者实践.每一章节都清晰讲述了代码作用及其编写思路,使读者能在最短时间内迅速掌握PHP的应用开发技能. 全

从零開始学Swift之Hello World进化版

上节课,也就是昨晚啦,我们学习到从零開始学Swift之Hello World.那一节仅仅有一句代码,大家会认为不够过瘾. 那么这节课,就给大家来多点瘾货吧! 先上图! //var 代表变量的类型, start 代表变量的名称. "Hello" 代表变量的值. var start = "Hello" var dot = " , " var end = "world!" // let 是什么意思呢? let total = sta

Spring 从零開始-01

因为学习需求,近期突然通知须要学习Spring.可是因为之前非常少使用Java.所以感觉还是有点慢,花了大约两周,弄懂了主要的结构也编了点小程序.还是万事开头难啊,网上总是非常难找到学习spring的指引资料.学习一个东西最主要的还是学习他的思想.还有就是一个可靠地学习建议,这东西会让你事半功倍,学习一定要依赖于书本,网上再好的资料都不如一本书.这个是本科+研究生的经验总结,spring学习能够參考<spring实战>,这本书写得非常精彩.可是就是须要有点高度,假设你从零開始那将会有一些困难,

从零開始搭建微信硬件开发环境全过程——1小时掌握微信硬件开发流程

笔者决定在嵌入式企鹅圈2016年的首篇文章中,发表微信硬件物联领域极具实践价值的文章,它将能指引和帮助不论什么有兴趣于物联网开发的童鞋们高速掌握微信硬件开发流程.仅仅需一个小时.而再不须要通过揣摩微信硬件浩瀚的文档资料来完毕艰难构建. 笔者之前以前撰写过一篇文章<基于微信硬件公众平台的智能控制开发流程>介绍微信硬件开发的流程,但该篇文章是理论性的描写叙述.而本篇文章是全然可操作实践的,请结合两篇文章理解.技术咨询请发邮件至[email protected] 本篇文章的目的是高速搭建微信硬件开发

从零開始开发Android版2048 (二)获取手势信息

今天是尝试開始Android版2048小游戏的第二天.在今天,我主要学习了怎样获取用户在屏幕滑动的手势,以及对布局进行了一些小小的完好. 获取用户操作的手势(比方向左滑.向右滑等)主要用到了GestureDetector.这个类能够帮助我们获取一些常见的用户对屏幕的操作.比如单击.双击.按压.拖动等.详细的使用说明.大家能够查API也能够去百度,或者看我之前有一篇使用GestureDetector实现的小样例(http://blog.csdn.net/xiapinnong/article/det

《从零開始学Swift》学习笔记(Day5)——我所知道的标识符和keyword

?? Swift 2.0学习笔记(Day5)--我所知道的标识符和keyword   原创文章,欢迎转载.转载请注明:关东升的博客 好多计算机语言都有标识符和keyword,一直没有好好的总结,就是这种用着,如今小小的整理一下Swift中的标识符和keyword. 什么是标识符呢? 标识符就是给变量.常量.方法.函数.枚举.结构体.类.协议等由开发者指定的名字. 事实上.构成标识符的字母是有一定规范的,Swift中命名规则是: 区分大写和小写.Myname与myname是两个不同的标识符: 标识

从零開始写游戏引擎(一) - project创建以及文件夹设置还有版本号控制

一句话提要 好的開始等于成功了一半. 创建文件夹结构 project文件夹下最好分为以下几个文件夹 Docs - 开发文档,设计文档 Assets - 角色,动作,模型和音效等 Source - 代码,project文件或者makefile也放在这里,假设有引用第三方的lib,在里面建立一个3rdParty的文件夹,放在里面. Temp - 用于防止编译生成的文件 Lib - 放置编译好的lib文件,将source编译成lib能够更好地保护源码. Game - 用于放置release buid,