本文作者:优唯

使用WordPress搭建个人网站

使用WordPress搭建个人网站摘要: 如下是我的个人网站 wp.my-soft.net.cn,完全基于wordpress制作。看好多公司的站点,拿来做做官网也不会太...

如下是我的个人网站 wp.my-soft.net.cn,完全基于wordpress制作。看好多公司的站点,拿来做做官网也不会太弱。这里也可以结合nginx配置一些缓存,进行加速,例如每秒钟同步下主页生成静态页面,然后把nginx指定到此静态页面。

使用WordPress搭建个人网站

首页

环境准备需要按照如下部署图的【官网建设范围】准备好环境。推荐直接使用docker来运行Wordpress,MySQL以及Nginx。

使用WordPress搭建个人网站

部署图

操作步骤搭建mysql数据库,创建对应的数据库,并设定访问的用户名,做适当授权。然后启动wordpress,浏览器访问获得如下界面。

使用WordPress搭建个人网站

初始化页面

选定语言后,设置好用户名与口令。

然后访问登录后,

使用WordPress搭建个人网站

设置页面

然后登录到系统里面,

使用WordPress搭建个人网站

完成

使用WordPress搭建个人网站

登录之后

使用WordPress搭建个人网站

可看到管理页面

开发首页这里使用基于BootStrap框架的样式ElitePress,支持如下配置:

使用WordPress搭建个人网站

ElitePress的配置项

做一个官网,通常需要有一个酷炫的首页,组成首页的几个要素通常有页眉、LOGO、导航条、广告栏、核心产品、团队、合作伙伴、最新动态等。

一般我们要先制作LOGO,然后确定色调,设计布局,确定要素在布局中的位置,然后根据要素在各个板块填充内容。

【站点身份】用来定义LOGO和网站名【颜色】用来设定网站背景色【背景图像】用来设定网站背景图片【菜单】用来设定导航栏【小工具】用来设定最顶部横条内容;以及页面、页脚空白区域的内容【主页设置】用来设置首页内容区; 这里可使用【Homepage section settings】替代【主题外观设置】用来设定主题的外观;例如基准色,以及wide还是box【页眉设置】可以用来设定页眉的搜索栏等【额外CSS】可以用来添加自定义样式,例如:html{background-color:red!important}p{color:blue!important}【Homepage section settings】用来设定主要的内容,可以设定轮播、服务、项目、动态等【Footer settings】用来设定页脚内容,例如备案之类的信息其他页面开发对于一般的页面,可直接在wordpress制作文章、页面;

使用WordPress搭建个人网站

对于一些特殊内容的页面,可以使用H5开发,然后给出链接;

按照菜单内容逐个完成页面内容的制作;

调整菜单指向

使用WordPress搭建个人网站

可以进入菜单进行自定义

使用WordPress搭建个人网站

首页静态化使用curl访问wordpress服务,或者首页内容,生成index.html;然后将nginx代理配置到此静态页面之上。

文章版权及转载声明

作者:优唯本文地址:http://blog.uvgzs.com/post/9583.html发布于 05-11
文章转载或复制请以超链接形式并注明出处优唯博客

阅读
分享
3

发表评论

快捷回复:

验证码

评论列表 (暂无评论,99人围观)参与讨论

还没有评论,来说两句吧...