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

  • 相关阅读:
    用户使用调查报告
    Beta阶段敏捷冲刺五
    Beta阶段敏捷冲刺四
    Beta阶段敏捷冲刺三
    Beta阶段敏捷冲刺二
    Beta阶段敏捷冲刺一
    软工网络15团队作业8——Beta阶段敏捷冲刺
    Beta阶段Scrum 冲刺博客合集
    软工网络15Alpha阶段敏捷冲刺博客集合
    项目复审——Beta阶段
  • 原文地址:https://www.cnblogs.com/jhcelue/p/6917606.html
Copyright © 2020-2023  润新知