基于wordpress开源框架的搭建的个人博客

PAGE1JIUJIANGUNIVERSITY毕业论题目个人博客的设计与实现子题目基于wordpress开源框架的搭建的个人博客院系信息科学与技术学院专业xxxxxx姓名xxx班级学号信xxxxxxxx指导教师xxx二Ｏ一五年十二月摘要随着手机、平板等手持终端访问设备的普及，越来越渗入人们的生活。跟随发展的就是个性化服务，如网络发布、签名、预约等都被极大地赋予了个人特色，越来越多的用户希望通过网络平台进行互动交流，同时展现自己的个性，传播自己的思想。著名的网站包括csdn个人博客和新浪微博等。很多人对发生在自己身边的事以及对生活的一些感悟愿意用文字或图片的方式记录下来发到网络上与他人分享交流，其中通过个人博客发布是一个使用频率较高的方式。开源软件WordPress具有强大的内容管理功能，以及跨平台、免费、主题与插件丰富、支持移动服务等优点。WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设自己的网站。也可以把WordPress当作一个内容管理系统来使用，WordPress框架的应用正在取替原本人工编码的网站设计方式。通过WordPress对于网站的设计来实现网页内容的优越性，不仅简单快捷，信息量大，而且，操作简单便捷，安全性高、成本低，维护方便，从而进一步提高工作效率。该博客基于WordPress的平台，利用Apache+Mysql+PHP为强大后台环境建造了一个对搜索引擎友好、方便管理员对博文的管理、发布和内容的更新。关键词：博客；开源软件；WordPress；PHP；目录TOC\o"1-4"\h\z\u第一章绪论 11.1研究的内容与背景 11.2博客的开发环境简介 11.2.1wordpress概况 1wordpress定义 1wordpress的功能 2wordpress搭建博客的优点 21.2.2网页制作工具 31.3开发环境搭建 31.3.1开发环境介绍 31.3.2搭建开发环境过程 4第二章博客系统的设计 52.1博客的需求分析 62.1.1主要功能分析 62.1.2功能需求描述 6博客的后台 6博客的前台 6用户管理 62.2博客的整体要求 62.2.1系统的功能要求 62.2.2系统的性能要求 62.2.3将来可能提出的要求 62.3博客的设计目标 72.4博客的总体设计 7第三章博客系统的开发 83.1管理员登录界面的修改 83.2后台菜单管理的修改 93.3主题的安装与调试 103.4博客常用的插件 123.5博客的搜索引擎优化 123.5.1博客搜索引擎优化的设置 12首页优化 12URL结构设置 13分布好博客的关键词 13Sitemap的优化 13更新你的博客 13交换有价值的链接 143.6音乐播放器的添加 14第四章网站结构与内容的管理 154.1博客基础信息的管理 154.2博客列表类栏目的管理 154.3列表类栏目发布信息 164.4评论的管理 174.5链接的管理 17第五章博客系统的实现和展示 18参考文献 18结束语 19谢词 20第一章绪论1.1研究的内容与背景近年来，以Internet为核心的现代网络技术和通信技术已经得到了飞速的发展和广泛的应用，各种网络交流互动工具也应运而生。其中以论坛、博客、社区、空间等最为受广大网民朋友的欢迎，也是目前为止发展的比较成熟的信息交流工具。随着网络技术的日渐成熟，网络博客系统在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。从互联网的兴起到现在，网民由上网浏览网络文章和查找资料以及上论坛发帖子，发展到建网站、建个人网站论坛主页，再发展成现在的建博客，一路走来，网民在网络一直打拼着建造着一个属于自己的地盘。在我国，已经有十几万个博客网站，博客数量达到100多万个，并且呈现40%的年增长进度。不知从何时起，建博客、写博客成为了众多网民网络生活的重要组成部分，与网络聊天成了并驾齐驱的热点，共同成为网民上网最关心的事情。因此，如何快速高效地为客户构建一个能满足其不同需求的博客系统，成为了当前网络技术人员应深入研究的课题。从目前看，新浪、搜狐、人民网、博客网、网易、和讯等网站，在不断推出博客服务平台以来，各自在资源整合与技术的架构上发挥了自身的特点和优势。进行博客技术开发应用，这无疑对中国互联网全面推进博客走近百姓日常生活起到了非常重要的作用。所以博客门户网站的整体架构更加完善，博客技术后台服务功能更加便利和高效。WordPress是一种使用PHP语言和MySQL数据库开发的开源、免费的博客引擎，用户可以在支持PHP和MySQL数据库的服务器上建立自己的Blog。WordPress功能非常强大，插件众多，易于扩充功能，安装和使用都非常方便。目前WordPress已经成为主流的Blog搭建平台。使用WordPress可以搭建功能强大的网络信息发布平台，但更多的是应用于个性化的博客。针对博客的应用，WordPress能省去对后台技术的担心，集中精力做好网站的内容。1.2博客的开发环境简介1.2.1wordpress概况wordpress定义WordPress是一种使用PHP语言和MySQL数据库开发的开源、免费的Blog（博客，网站）引擎，用户可以在支持PHP和MySQL数据库的服务器上建立自己的Blog。也可以把WordPress当作一个内容管理系统（CMS）来使用。WordPress是一个免费的开源项目，在GNU通用公共许可证下授权发布。wordpress的功能(1)文章发布、分类、归档。(2)提供文章、评论、分类等多种形式的RSS聚合。(3)提供链接的添加、归类功能。(4)支持评论的管理，垃圾信息过滤功能。(5)支持对样式CSS和PHP程序的直接编辑、修改。(6)在Blog系统外，方便的添加所需页面。(6)通过对各种参数进行设置，使你的Blog更具个性化。(7)静态html页面生成。(8)通过选择不同主题，方便地改变页面的显示效果。(9)通过添加插件，可提供多种特殊的功能。(10)支持Trackback和pingback。(11)支持针对某些其它blog软件、平台的导入功能。(12)支持多用户。(13)安装最简单。(14)Web标准支持非常好。(15)使用比较简单。(16)拥有大量的主题与插件。wordpress搭建博客的优点(1)轻松安装管理：WordPress是容易上手的网站程序，后台傻瓜式管理，主题，插件，都可以在可视化后台按键完成，就算你不懂任何一句代码，也能轻松安装使用。(2)模板众多：WordPress模板众多，有新的模板被制作完成并免费提供下载，WordPress后台选择模板也非常方便，切换模板一键搞定。(3)强大的插件实现页面的三大标签的优化插件allinoneseopcak，做页面导航插件paglinks，自动生成内链的wp-keywordlink等等。(4)利于搜索引擎优化，博客系统结构简单，博客的性质也决定了网站文章原创度更高，还有WordPress简单的站内优化设置，allinoneseopcak和wp-keywordlink插件，把后台设置生成伪静态，经常可以发现利用WordPress优化关键词排在搜索引擎首页的网站。(5)功能强大，可以实现信息素质教育门户实际需要的所有功能。(6)跨平台性好，可以部署在Windows、Hnux、Unix等任何支持PHP的平台上。(6)免费开源，与用其他商业系统和外包定制开发系统相比，可以节约资金。(7)主题与插件丰富，可以方便地定制显示效果，扩展现有的功能。目前已有许多开发完成的主题与插件，几乎能满足所有需求。(8)兼容性好，与W3C标准完全兼容。(9)支持多国语言，可以选择自己需要的语言，采用getext方式翻译及本地化。(10)强大的移动互联网支持，具有手机版专用网站，同时提供iphone、Android等多种客户端APP。1.2.2网页制作工具Dreamweaver是美国MACROMEDIA公司开发的集成网页制作和管理网站于一体的网页编辑器，它是第一套针对专业网页设计师特别发展的可视化网页开发工具，利用它可以轻而易举地制作出跨越平台限制的网页。Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。火狐浏览器是可以自由定制的，一般电脑技术爱好者都喜欢用。它的插件又是世界上最丰富的，下载来的火狐一般是纯净版，功能比较少，要根据自己的喜好进行定制。1.3开发环境搭建1.3.1开发环境介绍系统基于WordPress开源软件搭建，环境配置如下：（1）操作系统：CentOS5.464位。（2）MySQL：phpmyadmin3.4.5。（3）服务器：Apache。（4）wordpress开源代码：wordPress4.2.1。（5）Firefox中的Firbug插件，Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。（6）网页制作工具采用Dreamweaver、Photoshop、Firefox。1.3.2搭建开发环境过程安装FTP上传工具图1-1启动ftp连接（2）wordpress的官方网站下载wordpress安装文件，上传解压安装文件到服务器通过phpMyAdmin或者以下命令登录MySQL，创建WordPress需要的数据库，用于保存WordPress的数据。如：Mysql-Uroot-p；createdatnbatest；编辑安装目录下的wp-config-sample．php文件，修改数据库连接参数,并另存为wp-config．php。如：//**MySQL设置-具体信息来自您正在使用的主机**///**WordPress数据库的名称*/define('DB_NAME','test');/**MySQL数据库用户名*/define('DB_USER','root');/**MySQL数据库密码*/define('DB_PASSWORD','');/**MySQL主机*/define('DB_HOST','0');/**创建数据表时默认的文字编码*/define('DB_CHARSET','utf8');/**数据库整理类型。如不确定请勿更改*/define('DB_COLLATE','');随后,访问门户地址，如http//localhost，安装程序会自动开始安装，并提示设置管理员账号和密码，随后安装完成。系统会自动把用户名和密码发送到电子信箱中。程序安装成功如图1-2所示：图1-2程序安装成功第二章博客系统的设计2.1博客的需求分析2.1.1主要功能分析个人博客主要功能包括：管理员需通过帐号密码的验证方可进入后台管理。管理员在后台对文章的添加、删除、修改、删除和留言的删除等操作。在前台首页浏览者可以选择自己感兴趣的文章进行阅读、听音乐、浏览相册和进行评论。2.1.2功能需求描述博客的后台后台主要是管理员对前台页面的博文进行添加、删除、修改，并且可以对游客们的评论进行管理。博客的前台任何游客都可以进行注册，对任何文章可以进行浏览和评论、浏览相册，但是也可以不用注册，通过第三方的账号登录进行评论。用户管理管理员：后台只能是管理员才能进入，其他用户不能进入。管理员在后台进行博文的发布、修改、删除以及评论的管理。会员：会员能浏览博客首页的博文和进行评论，也能浏览别人的评论，但是无权进入后台。游客：游客的权限只有浏览博客的博文，可以选择注册登录或者直接用第三方的账号进行登录，然后进行评论。2.2博客的整体要求2.2.1系统的功能要求(1)要有独特界面设计，好的界面设计能给人好的印象，好的心情，是用户继续浏览博客的最初印象。(2)重要的是使用户操作方便。易于操作是用户选择程序的一个重要指标。(3)便用户发布信息和浏览信息。2.2.2系统的性能要求在目前机器硬件速度快的条件下人们对程序的运行速度虽然不是特别强调，但对处理速度慢的程序，等半天出不来查询结果仍是不大满意。因此，程序的运行速度也是衡量程序质量的一项重要指标。在程序设计阶段，优化代码，降低处理时间还是相当重要的。2.2.3将来可能提出的要求由于该系统的开发时间比较短。所以该系统还并不是很完善。在运行过程中可能还会遇到一些问题，所以应该在系统的设计过程中对系统将来可能需要的扩充和修改做好准备，以便一旦需要时能比较容易地进行扩充和修改。2.3博客的设计目标博客原有的精神是自由和分享。而现在博客的创意精神正在取代单纯的自由分享。许多原本不知名的博客，都因极具创意而获得网民的一致赞赏。所以基于开源程序wordpress而设计的博客正是以此为出发点，本着创新的设计，独特的风格和简单实用的目的，借鉴国内的博客发展思路，努力使自己的博客设计得更完善更实用。2.4博客的总体设计该博客采用当今比较流行的开源程序构建的博客，博客的界面设计，采用最流行的设计元素，给人一种强烈的视觉冲击，也是最具个性的代表网站，同时该博客拥有了如下的特点：(1)实用性：拥有的个人博客的全部功能。(2)操作简单：本系统应该适用于不同水平的使用者，包括有基础和零基础的不同阶层的人士。(3)代码的可读性好：使系统的维护和升级易于进行。博客主页面结构视图，如图2-1所示：首页首页首页软文归档给我留言友情链接关于站长网站声明图2-1博客主页面结构视图博客管理员应用结构视图，如图2-2所示：管理员管理员更新控制面板管理文章的添加管理评论主题与插件管理后台基本设置图2-2博客管理员应用结构视图第三章博客系统的开发3.1管理员登录界面的修改（1）后台的登录界面如图3-1所示，用户名：admin，密码：admin。图3-1博客的登录界面（2）对登陆界面进行简单修改之后如图3-2所示：图3-2修改后博客的登录界面3.2后台菜单管理的修改（1）菜单管理如图3-3所示：图3-3后台控制面板（2）修改后菜单管理如图3-4所示，使后台的菜单管理的样式改变。图3-4修改后菜单管理3.3主题的安装与调试(1)主题的安装：可用主题如图3-5所示：图3-5可用主题（3）对小工具的调试：控制面板->外观->小工具，如图3-7所示:图3-17可用的小工具3.4博客常用的插件（1）SEO：功能强大的SEO插件,它包括如自动301重定向功能，自动生成元标记，避免重复内容和针对搜索引擎优化页面和文章标题等等功能。（2）Akismet：一个反垃圾留言插件,大多数情况下可以拦截垃圾留言和评论。（3）WPNavi：一个文章底部实现翻页功能的插件。（4）GoogleSitemaps：GoogleXMLSitemaps可以自动生成WordPress的GoogleSitemaps并将其修改到robots文件中，有利于Google的索引，当然你也可以登录到GoogleWebmasters中手动提交你的GoogleSitemaps。（5）评论留言：友言是国内最专业的第三方实时社会化评论系统，“完全社交化”可将评论一键同步到各大微博与社区，同时将评论的回复与跟帖同步至使用的网站上，让网站变得更具有活力和社交性，从而为网站带来更多的回访和流量，是一个简单而强大的社会化评论及聚合平台。（6）phzoom:一个看图插件。（7）BatchCat：如何给WordPress文章批量分类与批量修改标签。（8）WordPressDatabaseBackup：装上备份插件不论对于任何人，只要你有一个独立的WordPress博客，经常备份数据总是一个好习惯。而备份方法，最简单的莫过于采用WordPressDatabaseBackup来进行自动备份。在后台的“插件”一>“添加新插件”中搜索“wp．db-backup'’，装上之后启用它，并稍加设置。以后，它就可以自动帮我们备份。3.5博客的搜索引擎优化博客为近年来较为流行的网络营销方式，主要目的是增加特定关键字的曝光率以增加网站的能见度，进而增加销售的机会。分为站外优化和站内优化两种。搜索引擎优化的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售能力或宣传能力的技术。3.5.1博客搜索引擎优化的设置首页优化利用EO插件对博客首页进行搜索引擎优化的设置如图3-8所示：有利于搜索引擎的收录的sitemap配置图3-8博客搜索引擎优化设置URL结构设置wordpress博客默认的都是动态的URL,但是我们如果想让我们博客也做多个关键词的话，我们可以通过伪静态来给每个不同的栏目命名不同的有代表意义的URL。伪静态设置如图3-9所示：3-9博客的URL结构设置分布好博客的关键词我们要做哪些关键词排名，然后有多少想要做的关键词，我们前期也是需要构思的。我的主关键词是什么，然后栏目就是一些与主题相关的关键词。Sitemap的优化对于Google搜索引擎来讲，使用Sitemap可以让搜索引擎更为有效的进行索引，安装一个名叫SitemapGenerator的插件可以自动完成GoogleSitemap的生成，然后将这个地址提交到GoogleWebmaster即可。更新你的博客经常更新并且写出高质量的内容，是搜索引擎优化中最关键的地方，写出高质量的文章，将会更容易实现搜索引擎优化的目标。交换有价值的链接交换有价值的链接，是因为与受欢迎度高的网站或者是博客交换链接是帮助最大的。3.6音乐播放器的添加（1）在虾米音乐网站制作一个音乐播放器，获取音乐播放器的代码为：<scripttype="text/javascript"src="/widget/player-multi?uid=48890095&sid=1770314933,1771669813,382776,377713,2079853,1769872306,1772105132,1771734083,143391,1771982021,&width=225&height=230&mainColor=808000&backColor=808080&autoplay=0&mode=js"></script>（2）在控制面板->外观->小工具，添加一个小工具文本，把嵌入代码添加到小工具文本中就实现了音乐播放器的添加，效果如图3-10所示：图3-10音乐播放器的效果图第四章网站结构与内容的管理4.1博客基础信息的管理后台位置：控制板->设置->常规,可以对网站的站点标题、副标题等选项进行设置，如图4-1所示:图4-1常规选项4.2博客列表类栏目的管理（1）对发布的信息栏目进行管理如图4-2所示：图4-2栏目管理（2）文章的管理如图4-3所示：4-3文章管理4.3列表类栏目发布信息（1）后台发布信息如图4-4所示：图4-4后台发布信息（2）前台显示信息如图4-5所示：图4-5前台显示4.4评论的管理网站的评论可以了解用户需求，同时也放别他人对网站信息的比较，如图4-6所示：图4-6用户评论4.5链接的管理对博客的链接管理有连接表、友情链接、百度的流量统计链接如图4-7所示：图4-7链接管理博客系统的实现和展示后台服务器的配置：网站结构：打开浏览器，地址栏里输入“/”进入个人博客系统的主界面视图，如图5-1所示：图5-1博客系统的主界面视图图5-2博客系统的软文归档图5-3博客系统的留言系统图5-4博客系统的关于站长图5-5博客系统的更新界面结束语在整个做基于Wordpress的博客设计与开发的过程中，我从中学到了许多东西，这些知识不仅仅是在上课期间老师所传授给我们的，还有一些只有通过实际的分析才能对一些知识够进一步地了解掌握。知识是无穷无尽的，如果我只是运用上课的时候所学到的知识来对一些事物的发展来进行归纳总结，只是通过简单的文字叙述来表达其内涵是远远不够