个人主页网站源码（ins的个人主页网站）

投稿用户 • • 阿里云主机 • 阅读 197

如下是我的个人网站 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
赞 (0)
投稿用户
0
上一篇 2022年5月18日 14:10:05
下一篇 2022年5月18日 14:30:05

相关推荐