基于wordpress开发博客网站.docx
《基于wordpress开发博客网站.docx》由会员分享，可在线阅读，更多相关《基于wordpress开发博客网站.docx（25页珍藏版）》请在冰点文库上搜索。
基于wordpress开发博客网站
摘要
题目：
基于Wordpress实现个人博客网站的开发
摘要:
博客记载了日常发生的事情和自己的兴趣爱好，把自己的思想和知识和他人分享与交流，WordPress博客模板能够满足一般的个人需求，开发简单，易于维护。
而且WordPress本身也是开源免费的，能够大大减少了网站开发成本。
本文先对博客网站设计方案进行了简要介绍，叙述了实现博客网站的几个相关技术，重点介绍了wordpress中的数据库结构和目录文件结构结构，基于Wordpress技术开发个人博客网站的方法及利用CSS+DIV、PHP、MySQL、XAMPP等框架整合开发过程。
并针对个人博客网站的功能需求进行详细分析，在此基础上，给出了设计方法，包括博客模板的设计，个人博客方案，后台的管理。
关键词：
博客Wordpress网站开发
Abstract
Title：
BasedonWordpresstoachievepersonalblogwebsite
development
Abstract：
Theblogcanrecordeverydayoccurrencesandourownhobbiesandinterests.Wecanshareourownthoughsandknowledgewithothersthroughit.TheOrdpressblogtemplatecanmeetthegeneralindividual'sdemands.Wecaneasilydevelopitandmaintainit.Moreover,Wordpressitselfisalsofreeandopensourcewhichgreatlyreducesnetworkdevelopmentcosts.Thistext,first,makesabriefTheblogcanrecordeverydayoccurrencesandourownhobbiesandinterests.Wecanshareourownthoughsandknowledgewithothersthroughit.TheOrdpressblogtemplatecanmeetthegeneralindividual'sdemands.Wecaneasilydevelopitandmaintainit.Moreover,Wordpressitselfisalsofreeandopensourcewhichgreatlyreducesnetworkdevelopmentcosts.Thistext,first,makesabrief.
Keyword：
Blog,Wordpress,networkdevelopment
目录
1.引言1
1.1背景1
1.2项目的意义1
2.需求分析2
2.1注册博友的操作功能2
2.2普通用户的操作功能3
3.设计思路和采用的相关技术5
3.1设计原则5
3.2运行架构5
3.3Wordpress软件的功能及特色7
3.4CSS+DIV技术8
3.5数据库技术8
4.系统功能实现9
4.1博客模板设计9
4.2个人博客方案13
4.3后台管理15
结束语19
致谢19
参考文献：
20
1.引言
1.1背景
博客（Blog）网站是致力于为广大博客提供优质博客页面服务的商业网站。
每个博客都希望借助自己的博客页面宣传自己，而博客数量越多，网站的点击率越高就越能够吸引广大的企业客户选择该商业网站作为媒介，将自己的产品展现给客户。
可以说，对这些博客网站而言：
为博客提供良好的服务就意味着为网站带来更多的商业客户。
因此，在具体设计实现一个博客网站时，以下功能是应作为主要因素来考虑的。
✓博客的注册、登录验证功能
✓网络用户通过关键字搜索博文功能
✓最热门博客页面推荐浏览
✓文章详细内容及相关评论显示
✓博客页面访问量统计
✓博客个人文章管理维护功能
✓博客个人友情链接维护功能
✓博客个人基本信息管理维护功能
✓博客图片上传及个人相册管理
✓网络用户写留言，博主查看留言。
1.2项目的意义
不同的Blog选择不同的内容，收集和整理成为很多人关注的专业Blog，目前越来越多的人获取信息的来源是一些固定的Blog。
随着博客人数的增加，Blog作为一种新的生活方式、新的工作方式、新的学习方式已经被越来越多的人所接受，并且在改变传统的网络和社会结构：
网络信息不再是虚假不可验证的，交流和沟通更有明确的选择和方向性，单一的思想和群体的智慧结合变的更加有效，个人出版变成人人都可以实现的梦想，Blog正在影响和改变着我们的生活。
使用WordPress开发博客网站，是因为它是一个功能非常强大的博客系统，插件众多，易于扩充功能，安装和使用都非常方便。
目前WordPress已经成为主流的Blog搭建平台。
2.需求分析
Blog网站主要是实现注册用户登录、管理相关信息、博文及相关评论、查看留言、友情链接、及图片的上传和图像的播放而为上网用户提供按博文主题搜索，查看注册用户的博文及提出相关评论，并为注册用户写留言，游览注册用户的相册、注册等功能的系统。
以下详细列出博客网站的各项需求。
2.1注册博友的操作功能
一般博克网站在首页中出现登录，需要填写用户名和密码，这样才能执行一些相关操作，不然就是普通用户，只能查看一些信息，而不能发表博文。
注册成功的博友可以在管理页面上添加博文的分类，可以上传图片和游览自己的相册，在上传过程中可以将一张图片定义为自己的签名，在个人管理页面中注册用户还可以修改自己的个人信息。
博文管理，友情链接管理及博文分类管理。
图2-1博客管理页面的用例图
在博客主界面中发表博文时可以选择博文类型，这样可以更好管理自己的博文。
并查看和删除网友对自己的博文的一些评论、查看和删除网友留下的一些留言，提供与其他网友交流的空间。
更好交流，在信息时代人们通过个人空间沟通也用来但不能在自己的博客主页面中提交评论和留言。
这样在本系统中就可以为博友提供更多的个人色彩。
在管理页面中添加和删除友情连接。
这样博友可以在自己空间中快速定位自己的关心的网站。
这样还可以让网友看到自己的一些信息。
友情链接及网页访问量统计显示：
在博客的个人页面中还提供了推荐给普通网络用户的相关友情链接，此外，对个人页面的访问量也在随时进行统计，并在个人页面中进行直观的显示。
图2-2博客主页面的用例图
2.2普通用户的操作功能
在博客注册页面注册成为博客的注册用户，才可以拥有自己独立的空间，进入某一博客页面查看相关文章信息时，可以随时对自己所感兴趣的文章发表评论，同时也可以查看到其他人针对该博文的评论。
普通用户在阅读博文时可以在最后留下自己的一些评论。
他也可以留下更多的信息，这样他可以写留言。
这样他留下的信息就更快地被博友所看到。
图2-3上网博友在博客主页面的用例图
普通网友可以搜索自己关心的一些数据。
并且在搜索结果中提供在结果范围内再次搜索。
这样就可以将范围缩小。
首页向注册用户提供登陆模块，注册用户在博客网站首页跟上网网友一样可以查看博客和博文推荐。
上网网友可以注册成为博客用户，拥有自己独立的空间。
这一模块的用例图如图2-4所示：
图2-4注册用户和上网用户共有功能
3.设计思路和采用的相关技术
依据系统需求，在进行系统实现之前，要确定出整个项目的整体架构，包括系统的选型、运行环境的确定及系统结构设计。
3.1设计原则
根据软件系统开发的最初环节，一般都需要进行系统的选型的原则，在基于系统功能的实际需求前提下，选择合适的开发工具及软件架构。
以下是本项目设计中所遵循的原则：
✓为了在更短的时间内实现博客网站，我采用wordpress软件进行开发，WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设自己的网志。
也可以把WordPress当作一个内容管理系统（CMS）来使用。
它有许多第三方开发的免费模板，安装方式简单易用。
不过要做一个自己的模板，则需要你有一定的专业知识。
比如你至少要懂的HTML代码、CSS、PHP等相关知识。
✓WordPress是世界上目前最先进的weblog程序之一。
目前开发的程序大多都是根据它仿造的。
它更能把握搜索引擎，在使用WordPress并掌握几种插件后，对于优化将不用过多的操心，它会为我们想的更多。
✓利用现存框架可以更快开发系统，所以用Wordpress作为blog的开发工具是个比较好的选择。
3.2运行架构
网站部署是一桩很繁琐复杂的工作，如安装Apache服务器是件不容易的事情，如果还想添加MySQL、PHP和Perl，那就更难了。
但XAMPP完全整合了上述部件的安装过程，它是一个包含MySQL、PHP和Perl的Apache发行版，且易于安装，只需下载，解压缩，启动即可。
XAMPP面板见图3-1：
图3-1XAMPP面板
到目前为止，XAMPP共有以下四种版本：
适用于Linux的版本（已在Ubuntu、SuSE、RedHat、Mandrake和Debian下通过测试），
适用于Windows98、NT、2000、2003、XP、Vista和Win7的版本，
适用于SolarisSPARC的测试版（在Solaris8环境下开发并测试），
适用于MacOSX的测试版。
XAMPP1.7.7已发布！
更新：
Apacheto2.2.21
MySQLto5.5.16
PHPto5.3.8
phpMyAdminto3.4.5
3.3Wordpress软件的功能及特色
Wordpress主要有以下功能：
✧文章发布、分类、归档、收藏，统计阅读次数。
✧提供文章、评论、分类等多种形式的RSS聚合。
✧提供链接的添加、归类功能。
✧支持评论的管理，垃圾信息过滤功能。
✧支持对样式CSS和PHP程序的直接编辑、修改。
✧在Blog系统外，方便的添加所需页面。
✧通过对各种参数进行设置，使Blog更具个性化。
✧静态html页面生成。
✧通过选择不同主题，方便地改变页面的显示效果。
✧通过添加插件，可提供多种特殊的功能。
✧支持Trackback和pingback。
✧支持针对某些其它blog软件、平台的导入功能。
✧支持多用户。
Wordpress主要有以下特色：
✧所见即所得的文章编辑器。
✧统一的链接管理功能。
✧为搜索引擎而优化的永久链接（PermaLink）系统。
✧支持使用扩充其功能的插件。
✧对于文章可以进行嵌套的分类，同一文章也可属于多个分类。
✧TrackBack和Pingback的功能。
✧能产生适当的文字的格式和式样的排版滤镜。
✧生成和使用静态页面的功能。
✧多作者共同写作的功能。
✧可以保存访问过网志的用户列表。
✧可以禁止来自一定IP段的用户的访问。
✧支持使用标签（Tags）。
3.4CSS+DIV技术
CSS+DIV是网站标准（或称“WEB标准”）中常用术语之一，CSS+DIV是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。
XHTML是TheExtensibleHyperTextMarkupLanguage（可扩展超文本标识语言）的缩写。
XHTML基于可扩展标记语言（XML），是一种在HTML基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。
在XHTML网站设计标准中，不再使用表格定位技术，而是采用CSS+DIV的方式实现各种定位。
CSS—层叠样式表（CascadingStyleSheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。
网页设计者必须掌握的技术之一。
3.5数据库技术
数据库技术是现代信息科学与技术的重要组成部分，是计算机数据处理与信息管理系统的核心。
数据库技术研究和解决了计算机信息处理过程中大量数据有效地组织和存储的问题，在数据库系统中减少数据存储冗余、实现数据共享、保障数据安全以及高效地检索数据和处理数据。
随着计算机技术与网络通信技术的发展，数据库技术已成为信息社会中对大量数据进行组织与管理的重要技术手段及软件技术，是网络信息化管理系统的基础。
MySQL是一种开放源代码的关系型数据库管理系统（RDBMS），MySQL数据库系统使用最常用的数据库管理语言--结构化查询语言（SQL）进行数据库管理。
MySQL的主要技术特点：
作为一个开源的数据库，开源是它最大的特色，因为它所有的源代码都是公布于众的。
每天在MySQL网站上有超过5万次的下载，有那么多用户用MySQL，而且大家在使用过程如果发现BUG或者有一些需要改进的地方可以很快的反馈到MySQL公司，使得能够帮助产品有一个进一步的优化。
另外，MySQL一直在三个方面不断的努力，首先是它的性能。
MySQL是一个非常快的数据库系统。
第二个就是它的可靠性，因为它是开源的，希望借助开源的方式增强可靠性。
第三个就是MySQL的易用性，MySQL能够保证任何没有接触过数据库的人在15分钟之内就学会用MySQL，就是非常简单易用。
4.系统功能实现
4.1博客模板设计
博客模板开发分为基于函数和基于空白框架的开发。
基于函数的模板开发，就是WordPresss开发者通过官方提供的基本的函数来设计模板，只能在主题代码源开始编程。
就像盖楼一样，从打地基一样，一点一点创建。
而基于空白框架的模板开发，就是WordPresss开发者通过已经创建好的主题源码开始设计主题。
所谓的空白框架，就是提供WordPress模板的基本代码，只需要设计人员，添加自己的设计就可以轻松完成。
因为主体框架比较灵活，修改起来也容易，所以在这里，我采用基于空白框架的模板开发，可以从Wordpress官网下载了主题。
进入网站后台后找到主题菜单，选择“添加主题”。
这里可以看到搜索结果，这里都是wordpress官网提供的一些主题，用户可以根据自己需求找到合适的主题，而我在这里找到了主题：
Fastfood，直接点击安装就行了。
图4-1安装主题界面
主题安装完成后，需要对博客页面进行模板上的修改变动。
对WordPress侧边栏模板,开发者一般需要确保它是支持小工具（Widget）的，这里要明确如何在侧边栏显示小工具里设置以及需要添加什么内容。
图4-2外观选项下拉菜单
进入“外观”下的“小工具”选项，直接拖动需要添加的内容，这里我选择了一些常用的模块，包括：
日历栏，搜索框，评论栏，链接表，标签云。
图4-3小工具应用界面
4.2个人博客方案
因为原本的主题模板，如此，网站的首页大体上的模块设计已经可以确定了。
接下来需要进行一些网站的基本设置：
Ø用户设置
图4-4用户选项下拉菜单
进入用户菜单，找到“我的个人资料”，对其进行个人设置，这里默认有个用户名admin是不可更改的，还有两个必填的项目：
昵称，这里设为steam；电子邮件，填入steam419@。
而默认的个人设置一般不需要改动，例如这里选择可视化编辑器，管理界面配色方案选择了灰色，在浏览站点时显示工具栏等。
这里还需设置一下登录密码，会有提示你的密码强度，资料都填完后，点击更新个人资料就完成了我的个人资料设置。
图4-5设置密码
Ø常规选项设置
这里主要设置的就是博客网站的站点标题及副标题，时区统一为UTC+8，站点语言选择chinese，最后保存更改。
图4-6常规选项设置
Ø网络设置
包括运营设置：
设置网站在网络上的名称，这里称之为“且行”，还需填写以下管理员的电子邮件地址；注册设置：
设置允许新站点注册。
图4-7网络设置
Ø阅读设置
这里我根据网站首页的大小和版式，将将“博客页面至多显示”设置为1篇文章。
图4-8阅读设置
Ø背景图片设置
此项功能的方便用户自定义博客的背景图片。
图4-9外观菜单下背景选项
在下载的主题里默认会提供多个背景作为选择，当然也可以自己上传本地文件里的背景。
这里我是选择了本地文件的背景，可以先RemoveImage去除默认的背景，然后点击“浏览”选择背景图片，Upload上传即可。
图4-10删除/上传背景图
这里还可以对背景图片进行一些属性设置：
Position（图片位置）默认为Left、Top；Repeat默认为TileHorizontally（水平平铺）；Attachment默认Fixed；Color#DBE8F9。
Ø顶部设置
顶部设置是对网站顶部模板的背景进行设置，和背景图片设置类似，有默认图像也可以上传本地图像，需将使用图像裁剪为848*120像素，上传完以后可以预览样式。
这里我将文字颜色换成与背景相对称的白色系。
图4-11顶部背景设置
主页设计为下图：
图4-12首页
管理员拥有对本系统的一切控制权限，还可以设置允许新用户注册。
下图为管理员登陆界面：
图4-13管理员登陆界面
用户注册的步骤（进入登陆界面下有注册选项）：
图4-14用户登陆界面
图4-15注册步骤
左下角红色区域是采用js技术产生的效果，这边可以看到文章的分类目录：
图4-16分类目录
主页右侧栏分别是搜索，日历，评论，标签，链接几栏内容。
右下角同样是采用js技术，实现让页面返回顶部或底部的功能：
图4-17侧边栏模块
4.3后台管理
进入后台，在功能菜单栏下可以进行各功能设置，包括撰写文章，插入媒体文件，添加链接，管理员及用户的资料填写等：
图4-18后台菜单栏
因为本网站的主题是从网上下载的，所以有些地方自己还要有所改动。
更改可以进入主题下面的“编辑”菜单，主要是对主题的style.css样式表进行适当修改：
图4-19编辑代码界面
这里仅对顶部模板简单描述一下，left设置标题靠左，italic设置字体倾斜，padding设置补白。
图4-20style.css代码区
撰写文章：
图4-21文章选项下拉菜单
找到文章菜单，选择“写文章”，进入撰写页面。
一般写文本文章都选择可视化界面，而要插入媒体视频或是音乐的时候可以转为HTML界面，将网上的相关链接输入就行了。
文章类型有：
标准，相册，日志，状态。
图4-22撰写文章的界面
对文章分类也是很重要的，分类目录是将网站信息系统地分类整理，提供一个按类别编排的网站目录，在每类中，排列着属于这一类别的网站站名、网址链接、内容提要，以及子分类目录。
图4-23分类目录
这里我做的分类有：
骑行知识，一路骑行，骑行相册。
山地车、风景属于骑行相册的子目录。
这里还有个未分类目录，是默认情况下文章归入的目录。
作为一个博客网站，插件功能也是必不可少的，各种不同特色的插件可以让网站建设变得更简便，也能让网站界面更有特色。
图4-24查看插件页面
图4-25插件搜索窗口
进入插件页面，点击“安装插件”，这边输入需要用的插件的名字或是关键字，找到插件，一般会有多个版本选择需要用的即可。
图4-26插件菜单
另一种安装插件的办法是进入插件菜单选择“InstallaPlugin”。
这里是先在官网找到需要的插件，将其链接复制下来填入URL：
框，点击Install安装；还可以先将插件的安装包从官网下载到本地，然后“浏览”从本地上传，点击Install安装。
图4-27安装插件来自网络/本地
具体安装插件时采用哪种方法还得视情况而定，这里介绍下我用的几个比较常用的wp博客插件：
Akismet：
是应用广泛的一个垃圾留言过滤系统，是WordPress默认安装的插件，其使用非常广泛，设计目标便是帮助博客网站来过滤留言spam。
有了akismet之后，基本上不用担心垃圾留言的烦恼了。
AllinOneSEOPack：
是WordPress一个非常强大SEO插件，利用它，你可以给每篇页面添加独立的关键词和摘要，还可以防止存档页面被抓取以免被Google降权。
GoogleXMLSitemaps：
使用该款插件，当发表或修改博客内容后，它将为WordPress博客自动创建/更新GoogleSitemap格式的XML文件，它支持所有的WordPress发表的内容，以及自定制。
BatchCat：
是一个批量修改文章分类的插件。
OneClickPluginUpdater：
满足在线安装官方插件以外的插件，还能在线安装网络上任意位置的插件和主题。
Ozh'AdminDropDownMenu：
它可以把Wordpress后台的菜单链接集成到一个下拉菜单中,也就是说你可以通过下拉菜单一次点击就直达其它页面。
WordPressDatabaseBackup：
一个网站的数据的安全才是最重要的，这个插件可以实现wp网站数据库的自动备份，发邮件到邮箱。
Wp-DBManager：
数据库辅助管理插件。
可以对数据库进行优化、修复、备份、恢复，还能对数据库进行一些操作，比如删除备份的数据，删除无用的数据表，最重要的功能是支持数据库定时备份，定时优化。
Wp-PageNavi分页导航：
由Lester“GaMerZ”Chan开发的文章分页插件，给你的WordPress博客主题页面导航来个独一无二的升级，替代传统的“旧文章/新文章”，就像DIGG样式的页面导航。
图4-28页面导航界面风格
结束语
经过这几个月的努力，毕业设计论文终于完成，在整个设计过程中，出现过很多的难题，但都在辅导老师的帮助下顺利解决了，在不断的学习过程中我体会到：
写论文是一个不断学习的过程，从最初刚写论文时对待问题的模糊认识到最后能够对该问题有深刻的认识，我体会到实践对于学习的重要性，以前只是明白理论，没有经过实践考察，对知识的理解不够明确，通过这次实际设计，真正做到理论知识与实践相结合。
通过毕业设计,我深刻体会到要做好一个完整的事情，需要有系统的思维方式和方法，对待要解决的问题，要耐心、要善于运用已有的资源来充实自己。
同时我也深刻的认识到，在对待一个新事物时，一定要从整体考虑，完成一步之后再作下一步，这样才能更加有效。
这次的毕业设计只是对个人博客网站的开发进行概要设计，并在本地环境下进行了模拟，网站中其他的问题，如上传服务器测试和域名设置等都未能在本文中涉及。
网站建设后的效果尚需实际实施后检验。
致谢
在论文结束之际，首先要感谢我的指导老师陈容华老师，在我的论文设计以及实现过程中均给了我大量的帮助和指导，他严谨的敬业精神和治学态度给我留下了深刻的印象。
从他身上，我学到了许多能使我受益终身的东西，再次对陈老师表示衷心的感谢。
感谢南京信息职业技术学院领导以及老师给我
升级会员 