网站首页效果
网站地址
- zhoufuweb.com
前言
- 需求：想给公司做一个简单的企业官网
- 最初的想法和调研：因为不会前后端，就问了别人有没有不会写代码也可以做网站的方法。还有在我的想法里，那么现代了，做个东西应该蛮简单的。问了一圈，别人说wordpress了解一下，我一看，牛啊，3成网站都是wp，我也来。
- 现在的想法：经过一个月的研究，wordpress 实在是没什么可说的，只能做最简单的静态网页，稍微复杂点的功能就可能出各种问题，对于没有报错、没有办法修改的用户，一点问题就是致命的。
- 下面介绍 wordpress 的几点。
主题
- 主题是wordpress的一个核心
- 英文主题遇到一个问题是汉化问题，一个是本地化问题。我选择了汉化版的betheme。以下功能点的实现需要该主题支持。
- avada the7 betheme enfold都可以看看
导航条
- 导航条是需要主题支持的。使用菜单这个功能可以实现主导航条。
- 页面导航条可以实用侧边栏-小工具实现，同样需要主题支持，并可以在菜单中添加子页面使得页面层级的导航能作为二级菜单在主导航显示。
- 文章目录的页面导航条，这个实现方法同上，但是会遇到一个问题就是文章页面导航这样实现后，点击进入文章，面包屑会是分类目录的面包屑。无从解决，该主题的面包屑就是这样绑定的。
页面
- 页面编辑功能如果用自带的编辑器那就是手写 html 代码了。
- wpbakery 插件应该是比较流行的可视化插件，我研究了一会，没研究明白，感觉自带的控件真的看不下去。
- 在该主题下 muffin 编辑器提供页面编辑功能的支持，通过示例网站（主题自带）可以看出该编辑器可以实现非常出色的效果。
-
使用 revolution slider 插件实现首页的幻灯片效果。
页面编辑器
文章
- 文章功能是该主题带有的功能，也是wordpress 自带的功能。
- 文章和页面其实很相近，文章应指代数量较大的新闻功能，如果是数量有限的产品介绍可以采用页面代替，能有更好的效果。
-
文章编辑器采用WP Editor.md插件带来的 MarkDown+HTML 支持，达到了现代编辑器的水平。在该主题下也可以采用 Muffin 编辑器像页面一样编辑文章。
编辑器效果 - 这个编辑器虽然有 MarkDown，但是其实就写正常新闻文章来说的确没什么用，后来改成古藤堡编辑器了，这是以后版本 WordPress 的编辑器。
- 文章有个很讨厌的效果，就是特色图片。这个我想国内的网站都不会喜欢这个效果吧，我用 CSS 屏蔽了文章的特色图片，仅作为文章缩略图用。
访问站点用户的交流功能
- 可以使用评论功能，但是会遇到丑陋的用户模块。用户管理的问题，头大。选择不开启评论功能或者关闭注册用户并且用 themeMyLogin 插件把用户注册登录等页面藏起来。这样就只允许非用户的直接评论，这种评论在最新版 WP 会遇到一个未翻译的问题，可以考虑使用知更鸟汉化的 wp或者自己修改文件。
- 也可以使用Disable Comments RB插件彻底关闭评论。
- 使用 contact form 7插件，通过生成用户反馈的表单，给用户一个反馈的机会。用户填写正确后会发送邮件到指定邮箱。发送邮件需要WP Mail SMTP插件支持。
兼容性
- 在最新版本的 chrome 和 Safari 下均有不错的效果，手机网页如果隐藏子标题会有点奇怪，其余可以接受的效果。在旧版（win7） IE 上出现不兼容问题，询问了学前端的同学... ... 表示可以接受。
扩展
- bbPress 论坛插件 无法发布主题，具体原因不详。
- WooCommerce 未尝试。
- 微信机器人 可以连接公众号，等我连接了认证版本的公众号再更新。普通版本的公众号效果就是可以发“全部文章”返回文章列表，不是很实用。这个需要安装一些库，折腾一下。
部署
- Velvet Blues Update URLs 可以更新本地资源的地址，使得其在更换网址后能够正确访问。
维护
- All-in-One WP Migration 可以做整体备份。可做迁移使用。其他也有一些数据库备份插件，可以满足基本的备份需求。
性能测试
- 使用阿里自带的性能测试，性能其实挺一般的（10并行访问，4s 内响应）。使用WP Super Cache 优化。 如果不用这个，压力一高，网站就崩溃了。用的 apache，如果用 nginx可能性能会高一点。2M 的小水管，的确并行数也不可能很高，再加上本身的性能问题。就实际来说，公司网站的访问量的确是很小的。
总结
途中遇到的 BUG的无力感，以及扩展的困难，让本来以为无限可能的 WordPress 实际只能做最基本的工作。所以，还是找个程序员吧。
未来展望
准备折腾微信公众号开发，用 wordpress 管理文章，把文章放到微信上。
