个人主页网站源码(ins的个人主页网站)

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

个人主页网站源码(ins的个人主页网站)

首页

环境准备

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

个人主页网站源码(ins的个人主页网站)

部署图

操作步骤

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

个人主页网站源码(ins的个人主页网站)

初始化页面

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

然后访问登录后,

个人主页网站源码(ins的个人主页网站)

设置页面

然后登录到系统里面,

个人主页网站源码(ins的个人主页网站)

完成

个人主页网站源码(ins的个人主页网站)

登录之后

个人主页网站源码(ins的个人主页网站)

可看到管理页面

开发首页

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

个人主页网站源码(ins的个人主页网站)

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制作文章、页面;

个人主页网站源码(ins的个人主页网站)

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

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

调整菜单指向

个人主页网站源码(ins的个人主页网站)

可以进入菜单进行自定义

个人主页网站源码(ins的个人主页网站)

首页静态化

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

    

使用无须实名的阿里云国际版,添加 微信:ksuyun  备注:快速云

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 cloud@ksuyun.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.hanjifoods.com/4013.html