# wordpress **Repository Path**: NFUNM171061397/wordpress ## Basic Information - **Project Name**: wordpress - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-06-11 - **Last Updated**: 2021-03-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 期末应用项目开发成果展示考查 ## 一、策划文档与网站地图 #### 1，策划文档 * 网站建设目标: 通过网站建设，让用户通过互联网来加深对中山大学南方学院－文传影视工作室的了解，获取更多的潜在目标用户，让摄影爱好者欣赏我们学校文传学院师生的优秀作品，吸引更多新生报考我们的学校，文传专业。通过工作坊中老师与学生摄影作品，提升中山大学南方学院的形象，宣传文学与传媒学院。推广文传影视工作室的公众号。 * 目标用户画像: 中山大学南方学院的师生、摄影爱好者、青少年（在填报志愿中的高中毕业生）、其他学校的大学生 * 网站规划等前期策划内容： 这是我的一个个人网站，主题是摄影方面的，网站中的图文主要来源于公众号文传影视工作室。我的网站主要面向于中山大学南方学院的师生，以及互联网环境下的摄影爱好者，以及一些有意愿填报中山大学南方学院的学生等等，主要是青年人，所面向的主要地区是广东省。我的网站能给别人提供文传学院的摄影作品集以及我个人的架站流程。你想通过网站来加深对中山大学南方学院－文传影视工作室的了解，以及网络与新媒体专业中Wordpress的架站流程。网站架好之后，通过一些方式进行监控和管理，再去优化。 * 根据用户调研的结果进行目标的调整： 通过网站建设，展示更多文传影视工作室的作品，并且做好留言板与用户互动，了解用户需求，以及做好版权保护的工作。 * 使用DVF模型描述如何定义需求： 1，用户需求：浏览中大南方文传影视工作室的作品，学习一些拍摄/艺术技巧 2，可行性：作品内容建设占一半，架站流程技术占一半 3，可持续性：经常更新最新的南苑摄影作品，与公众号：文传影视工作室的同步。将网站监管维护好，持续性的将流量带往公众号。 #### 2，网站地图 ![网站地图](https://images.gitee.com/uploads/images/2019/0630/132639_ac2e503d_1831467.png "网站地图.png") 主标题为首页，子标题下为页面和文章分类目录，通过层级关系表明页面、文章、分类标签的关系。 文章偏向动态页面，而页面偏向静态页面，也可以理解为网站的主要内容为文章，次要内容为页面。 ## 二、图片的使用 #### 1，每篇文章中非原创的每张图片都有版权交代，且有超链接 ![版权1](https://images.gitee.com/uploads/images/2019/0629/235639_14985af7_1831467.png "版权1.png") ![版权2](https://images.gitee.com/uploads/images/2019/0629/235655_3526189f_1831467.png "版权2.png") [蔡力争|青春无畏，与众不同](http://akac.me/2019/06/18/%E8%94%A1%E5%8A%9B%E4%BA%89%E9%9D%92%E6%98%A5%E6%97%A0%E7%95%8F%EF%BC%8C%E4%B8%8E%E4%BC%97%E4%B8%8D%E5%90%8C/) [梁倩仪 | 用心生活尤为重要](http://akac.me/2019/06/18/%E6%A2%81%E5%80%A9%E4%BB%AA-%E7%94%A8%E5%BF%83%E7%94%9F%E6%B4%BB%E5%B0%A4%E4%B8%BA%E9%87%8D%E8%A6%81/) #### 2，图库风格及配色 ![图库1](https://images.gitee.com/uploads/images/2019/0630/010834_b0b29773_1831467.png "图库1.png") ![图库2](https://images.gitee.com/uploads/images/2019/0630/010856_26bf87eb_1831467.png "图库2.png") ![图库3](https://images.gitee.com/uploads/images/2019/0630/105523_3a618464_1831467.png "图库风格.png") 我的网站主题是“摄影”相关，我希望它是给人感觉干净简单的，因此为了使整体风格呈现出简洁的视觉体验，主导颜色我选择了白色，白色是一种非常干净简单的色彩。然后我选择了黑色作为配色，黑色的感觉是技术的，符合“摄影”的主题。我将整个网站的导航栏设置黑色的，整个页面是干净的白色，因此它能够突出页面的某些部分，这将有助于引起观众的注意。 网站内每一篇的文章的配图选择，是与文章内容相关联的。本网站的主题为“摄像”相关，若文章的主题是南苑师生的摄影作品，则文章所配的图片为摄影作品；若文章的主题是艺术教程，则在我选择配图时，会根据文章的内容，在搜索引擎输入相关的关键词，并在搜索的结果中，选择符合的图片作为配图。 ## 三、三篇云端架站的文章 * 第一篇 [架站流程1 申请education pack](http://akac.me/2019/06/17/%E6%9E%B6%E7%AB%99%E6%B5%81%E7%A8%8B1-%E7%94%B3%E8%AF%B7education-pack/) * 第二篇 [架站流程2 用DigitalOcean搭建wordpress](http://akac.me/2019/06/17/%E6%9E%B6%E7%AB%99%E6%B5%81%E7%A8%8B2-%E7%94%A8digitalocean%E6%90%AD%E5%BB%BAwordpress/) * 第三篇 [架站流程3 用Namecheap 申请处理域名](http://akac.me/2019/06/17/%E6%9E%B6%E7%AB%99%E6%B5%81%E7%A8%8B3-digitaloean%E5%92%8Cnamecheap-%E5%A4%84%E7%90%86%E5%9F%9F%E5%90%8D/) ## 四、平面设计 1，对比度与可读性 ![平面设计1](https://images.gitee.com/uploads/images/2019/0630/010505_9651a4be_1831467.png "平面1.png") ![平面设计2](https://images.gitee.com/uploads/images/2019/0630/010518_cc7270a8_1831467.png "平面2.png") 为了使整体风格呈现出简洁的视觉体验，主导颜色我选择了白色，白色会给人带来一种非常干净简洁的感觉。在网站上只坚持一种颜色会给它带来一种单调感，因此我还选择了黑色作为配色。白色作为背景，字体为黑色等深色系，使对比度提高，可读性强。字体的大小也符合人眼的视觉感受。整个页面是干净的白色，我将全局的导航栏设置为黑色，突出页面的导航栏，有助于引起观众的注意。黑色相对于白色会给人一种技术和负责的感觉，也十分符合“摄影”的主题。最后我为我的网站首页选择了一个合适的页头照片，是来自于文传影视工作室的作品，色调是粉色的，干净而活泼，使网站的布局看起来更加丰富。 2，平面设计插件运用 * Animate it! 合理使用两处 ![1](https://images.gitee.com/uploads/images/2019/0630/000627_5eca8adb_1831467.png "Animate it! 1.png") ![2](https://images.gitee.com/uploads/images/2019/0630/000641_a8222b63_1831467.png "Animate it! 2.png") 在三篇文章的页头使用了Animate it! 突出本文中的一些需要重点信息，引起用户注意，是页面显的更加活泼灵动。 * siteOrigin 正确使用三个页面或文章 ![1](https://images.gitee.com/uploads/images/2019/0630/132226_caaad793_1831467.png "1.png") ![2](https://images.gitee.com/uploads/images/2019/0630/132238_64126495_1831467.png "2.png") ![3](https://images.gitee.com/uploads/images/2019/0630/132250_ef5a210a_1831467.png "3.png") ![4](https://images.gitee.com/uploads/images/2019/0630/132301_7f2b8a88_1831467.png "4.png") ## 五、云端网站管理 #### 1，正常可用的云端架站：[南苑文创-文创影视工作室](http://akac.me) #### 2，使用wordfence进行网站安全的监控 ![1](https://images.gitee.com/uploads/images/2019/0630/004901_29670868_1831467.png "wordfence1.png") ![2](https://images.gitee.com/uploads/images/2019/0630/004911_62ba6144_1831467.png "wordfence2.png") 说明：通过此监控了解到我的网站目前处于安全状态。 #### 3，使用site24x7进行网站性能的监控，我添加了10个监控地点 ![site24x7](https://images.gitee.com/uploads/images/2019/0630/001357_07bbd695_1831467.png "site24x7 .png") ![site24x72](https://images.gitee.com/uploads/images/2019/0630/001413_7134147f_1831467.png "site24x7 2.png") 说明：通过这10个地点的监控，显示出我的网站可用性为100%，平均响应时间为0.53s，在所有行业的网站中排名前十，说明网站性能不错。 #### 4，网站备份 * 提供通过插件（BackUpWordPress）备份“数据库文件”截图 ![BackUpWordPress](https://images.gitee.com/uploads/images/2019/0630/105559_d036608e_1831467.png "插件备份1.png") ![备份结果](https://images.gitee.com/uploads/images/2019/0630/105612_e4966d15_1831467.png "插件备份2.png") * 通过wordpress后台导出工具 ![导出](https://images.gitee.com/uploads/images/2019/0630/014158_c62f3dd9_1831467.png "导出.png") ![导出内容](https://images.gitee.com/uploads/images/2019/0630/014211_dfadb062_1831467.png "导出内容.png") * 使用SSH备份wp-config.php ![备份](https://images.gitee.com/uploads/images/2019/0630/222501_8eecca0e_1831467.jpeg "备份.jpg") ![备份截图](https://images.gitee.com/uploads/images/2019/0630/224847_84892a48_1831467.png "备份截图.png") ## 六、站长工具 ### 1，战长认证 ![站长认证](https://images.gitee.com/uploads/images/2019/0630/003044_8e503b4d_1831467.png "站长工具.png") ### 百度 ![百度1](https://images.gitee.com/uploads/images/2019/0630/003350_cbe145e6_1831467.png "百度1.png") ![百度2](https://images.gitee.com/uploads/images/2019/0630/003400_16501d87_1831467.png "百度2.png") ![百度3](https://images.gitee.com/uploads/images/2019/0630/003412_d7b2a970_1831467.png "百度3.png") ### Bing ![Bing1](https://images.gitee.com/uploads/images/2019/0630/003544_d948820b_1831467.png "Bing1.png") ![Bing2](https://images.gitee.com/uploads/images/2019/0630/003557_7b10c459_1831467.png "Bing2.png") ### 谷歌 ![谷歌1](https://images.gitee.com/uploads/images/2019/0630/003806_f6aff7da_1831467.png "谷歌1.png") ![谷歌2](https://images.gitee.com/uploads/images/2019/0630/003818_6a58fe42_1831467.png "谷歌2.png") ![谷歌3](https://images.gitee.com/uploads/images/2019/0630/003831_388da2a9_1831467.png "谷歌3.png") ![谷歌4](https://images.gitee.com/uploads/images/2019/0630/003846_05ae9b25_1831467.png "谷歌4.png") ### 2，SEO优化 #### 进行SEO优化前后的数据对比 ![优化](https://images.gitee.com/uploads/images/2019/0630/234639_eb03b0f7_1831467.png "SEO优化.png") * 6月19号前网站服务器不稳定，刚开始陆续发表了几篇文章，网站点击率较少 * 6.19——6.24 网站陆续被谷歌、百度、Bing收录，点击量上升显著 * 6.25——6.28 网站没有动态，没有更新，点击量暴跌 * 6.29进行了一下三条的SEO优化，点击量开始增加，上升显著 1.为图像添加alt替换文本，alt描述使图片更容易被搜索引擎加入索引，这是图片的文字标识，告诉搜索引擎你这张是什么图片，好让搜索引擎更合理的加入到索引里。 ![替代文本](https://images.gitee.com/uploads/images/2019/0630/233819_692cde33_1831467.png "替代文本1.png") 2.尝试在我写的文章中添加一个后续的出站链接 ![出站链接](https://images.gitee.com/uploads/images/2019/0630/232408_9d1119dd_1831467.png "seo1.png") 3，对关键词进行优化，为每篇文章添加了关于这篇文章的关键词，这是SEO进行优化的重要的方法之一，可以利于浏览器的抓取和用户对于关键词的搜索。 ![关键词](https://images.gitee.com/uploads/images/2019/0630/234343_6bf737ae_1831467.png "关键词.png") ## 七、用户研究 * 用户体验地图 ![地图](https://images.gitee.com/uploads/images/2019/0630/155435_48526462_1831467.png "用户体验地图.png") * 用户访谈 受访者信息：6名中山大学南方学院的学生，来自于不同年级，不同专业 访谈目的：通过用户访谈，得到一些建议性的反馈，以此来对网站进行改进，做定制化的设计 访谈流程：受访者依次浏览网站，针对网站的各个方面说出自己的想法，并且给出一些修改提升的建议 * 用户访谈结果 1.网站的页面部分是空白的，或者是不够丰富的 2.认为本网站的内容过少，不够丰富，但是认为网站风格简洁时尚 3.用户认为网站大部分内容是原创，来源于文传影视工作室，因此应该要注重版权的问题 4.大部分访谈用户无法评论，访客需要登录wordpress才能进行评论，可以增加留言板 * 网站定制化： 1.根据用户反馈，调整了页面的布局，使用siteOrigin进行网站定制化，如下图分别为 * 修改前 ![1](https://images.gitee.com/uploads/images/2019/0630/230120_2d280e20_1831467.png "前1.png") ![2](https://images.gitee.com/uploads/images/2019/0630/230132_94fabe7c_1831467.png "前2.png") ![3](https://images.gitee.com/uploads/images/2019/0630/230142_a90bd407_1831467.png "前3.png") ![4](https://images.gitee.com/uploads/images/2019/0630/230151_07c0694b_1831467.png "前4.png") * 修改后 ![1](https://images.gitee.com/uploads/images/2019/0630/230831_d48a6400_1831467.png "1.png") ![2](https://images.gitee.com/uploads/images/2019/0630/230842_21d9108c_1831467.png "2.png") ![3](https://images.gitee.com/uploads/images/2019/0630/230851_873f06eb_1831467.png "3.png") 2.网站内容过少，增加了两篇文章，如下图为修改前与修改后的网站地图 ![前](https://images.gitee.com/uploads/images/2019/0630/235534_631e6885_1831467.png "网站地图.png") ![网站地图](https://images.gitee.com/uploads/images/2019/0630/132639_ac2e503d_1831467.png "网站地图.png") 3.安装了Contact From 7的插件，用途在于可以添加留言板，使访客可以进行留言 ![插件1](https://images.gitee.com/uploads/images/2019/0630/225111_ff84bf23_1831467.png "插件1.png") 4.安装了WP Content Copy Protection & No Right Click的插件，用途在于保护网站文章与图片的版权问题 ![插件2](https://images.gitee.com/uploads/images/2019/0630/225123_33e0143a_1831467.png "插件2.png")