Wordpress-Mobile-Application
利用wordpress
作为后台,构建App
(安卓和IOS)
更新内容
2017.6.26: 文章列表页增加截图
2016.10.24: 添加底部菜单栏
2016.10.02: 升级 vue 2.0 版本
2016.05.15:支持代码高亮,支持语言PHP,JS,CSS,Java等,代码格式<pre class="lang:js">code</pre>
或<pre class="lang:js"><code>code<code></pre>
,代码高亮使用了prismjs,做了一些修改,如有其它需求可修改此插件。
定制 APP
修改主题颜色
下载本项目代码,打开css/mystyle.css最后几行有注释声明可以修改颜色值,修改颜色值即可自定义主题颜色。
修改底部菜单
在/js/app.js
中修改 nav_bar
数据可以修改底部菜单栏,其中 class
为图标样式,可选样式参考 所有图标
构建方法
安装
wordpress
为
wordpress
安装wordpress rest api
(2.0版本及以上)在
wordpress
后台:设置/固定链接设置为文章格式更改
/js/app.js
里面的name
和菜单名称和对应的id
(可在example.com/wp-json/wp/v2/categories
查看)下载安装
Hbuilder
,使用其在线打包功能,选择文件/打开目录(打开本项目代码目录),双击manifest.json
设置app
名称和id
,修改app
图标和启动图。点击发行,发行为原生应用,设置好开发者证书,然后打包。
打包成功后会自动下载到本地目录,这样一个App
就制作好了。
列表页增加图片
当前主题的functions.php
下添加如下代码即可
1 | // 添加缩略图 |
案例体验
作者的博客:奋斗的承诺
用到的技术
hbuilder:http://www.dcloud.io/
项目截图





##License
The MIT License (MIT)
Copyright (c) 2016 Zhen.Wang