4. 个性化自己的网站

在前面的文章中，我们从服务器、域名，到安装Wordpress博客网站，到发布博客文章，进行了一系列介绍。目前，我们已经可以访问自己的网站。但是现在的网站页面是WordPress默认的布局和色彩样式，那我们如何自定义我们的网站样式呢？如何构建一个全新的页面布局？在这篇文章，我们将通过安装主题和插件，来个性化自己的网站。

本篇文章是建站系列教程中的第四篇，点击下面的链接访问之前的文章介绍。

普通人如何从0到1搭建个人网站：

1. 购买云服务器和域名

2. 搭建最简单的博客网站

3. 发布第一篇博客文章

4. 个性化自己的网站

4.1 我们需要什么样的网站布局

如果我们对默认的网站布局和色彩样式不满意，我们可以设计自己的网站布局和色彩样式，并通过相关的插件实现页面的构造。但是，实际上，很多人都不知道自己需要什么样的网站布局，这时候你就需要一点过来人的建议。

我建议，大家不要挤破脑袋思考自己网站的布局，因为大家对网站都是刚上手，而所有人对网站的基本概念是需要时间来理解消化的。

现在很多优秀的主题提供的默认模版，非常简洁美观，对于我们个人网站而言，已经完全够用了。我们首先使用这些默认的网站模版，再往里面填充自己的必要（比如发表文章等）信息即可。

4.2 安装必要的主题和插件

根据许多国内外使用WordPress用户的建议，我们推荐使用Astra这个主题和Elementor这个页面可视化构建器。这两个都是付费的，但是都提供免费版本（已经够用了）。

因为WordPress.org经常拒绝国内云服务器的访问，我们选择手动上传主题和插件的方法。我们打开Astra和Elementor的下载页面，先下载这两个安装包：

Astra下载页面：https://wordpress.org/themes/astra/

Astra: The Most Lightweight & Customizable WordPress Theme

Elementor下载页面：https://wordpress.org/plugins/elementor/

Elementor: The World’s Leading WordPress Page Builder

如果你的电脑不能访问上面的网址，多试几次。如果还是不行，那就挂上番强（谐音）软件再试试，FQ软件下面我有一个推荐的，可以点击购买使用，买15块钱一个月的就行。WordPress居然还是没解决国内云服务器访问的问题，苦啊。

番强服务推荐

现在我们已经将Astra和Elementor的安装包下载到了本地电脑上，下面我们进行安装。

4.2.1 主题的安装-Astra

我们进入网站后台，点击左侧外观>主题，点击左上角添加，页面跳转后再点击左上角的上传主题，点击选择文件，在弹框中选择我们刚下载的astra安装包，点击现在安装，安装完成后，点击启用。

若这一步忘记启用，也可以返回主题页面后再点击启用主题。至此我们完成了Astra主题的安装。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zZk540HC-1592822265920)(https://img.jiqianhanre.com/wordpress-手动安装主题-astra.gif?imageslim)]

现在我们再去网站主页看一下，会发现网站的样式变化了，这是因为我们的网站主题从默认的二零一九变成了Astra主题。别忘了我们说过的，主题就是控制网站长什么样，主色是什么，附加色是什么，布局怎么样等等功能的。

默认二零一九主题的网站主页效果

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HZTtWblc-1592822265924)(https://img.jiqianhanre.com/二零一九主题的主页效果.png?imageslim)]

启用Astra主题之后的网站主页效果

4.2.2 插件的安装-Elementor

插件的安装也类似，进入网站后台，点击插件>安装插件，点击左上角上传插件，点击选择文件，在弹框中选择我们下载的elementor安装包。等待安装完成后，点击启用插件，网页会自动跳转到Elementor激活页面。是一个Youtube上的插件使用指导视频，有条件的可以看一下挺好的，我们直接点击右上角的X号关闭即可。bilibili上应该也有elementor的相关介绍，英文好又有FQ条件的，建议直接去Youtube上搜索elementor查看教程，毕竟软件是外国人写的，而且老外用WordPress的牛人很多，都愿意视频分享。

4.3 如何个性化自己的网站

4.3.1 利用主题自带功能个性化自己的网站

进入网站后台，我们点击外观>主题，在已启用的Astra这个主题模块上，点击自定义，网页自动跳转至主题自定义页面。在这个页面，我们可以自定义字体，网站颜色及其他功能。

4.3.2 利用Elementor构造自己的网站页面

Elementor是一个可视化页面编辑器，可视化的意思就是你在页面编辑过程中所做的操作，都直接反映在网站页面上，而不是传统的后台页面编辑，最后在跳转另一个页面预览那种。

我本来想做一个Elementor的构建网页的视频，但是思考了一下还是没有必要。对于一般的网站使用者，使用Astra的默认主题就够用了，对于特别需求的博主，可以自行搜索Elementor教程。

Elementor这个东西也不难。主要有两种功能：

可以自由选择网站组件，比如图片，图标，文字，幻灯片，联系表单等等，所有这些组件构成了一个网站页面；
有一些预置的页面模版，如果你喜欢，可以直接插入自己的网站，免去了自己一步步从头建立网页的麻烦；

下面还是简单演示下elementor的使用：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0EmGzt7h-1592822265933)(https://img.jiqianhanre.com/elementor操作简单演示.gif?imageslim)]

总结

这篇文章里，我们安装了Astra主题，可以通过后台自定义设置网站的颜色、字体、布置样式、标题栏和页脚等等，我们还安装了Elementor插件，当有特殊需求，比如建一个特定布置的网站的时候，我们可以使用Elementor来实现页面的建设。

读完这篇文章，我们的建站系列教程就完结了。从现在开始，我们已经是一名实至名归的网站站长了，希望大家在将来的站长之路上越走越远。分享自己的经验，不装逼，不埋怨，不懈怠，持续为社会贡献自己的价值。

普通人如何从0到1搭建个人网站

1. 购买云服务器和域名

2. 搭建最简单的博客网站

3. 发布第一篇博客文章

4. 个性化自己的网站

如果有任何问题，欢迎在网站上留言。今天是鼠年大年十五元宵节，因为冠状病毒的事情，一直窝在家里。这份教程我用了四五天的时间构思，撰写，着实花了不少心思，希望能对大家的建站之路有帮助。这里需要写一下声明，文章中的购买链接有返利佣金，我到时候看看够不够买服务器的==、

谢谢大家

4.个性化自己的WordPress网站 | Astra主题Elementor插件相关推荐

10多个WordPress团购主题和插件
如今,团购是在线购物领域中最热门的趋势之一. 而为什么不呢! 如此众多的网站以令人难以置信的低价提供大量交易 ,因此每个人都想成为获得更好交易的聪明人-这就是为这些网站带来如此丰厚利润的原因. 因此, ...
Astra Pro - Astra主题高级插件 v3.9.0
Astra Pro 是WordPress Astra主题的功能增强插件,该主题是一个美丽的多用途WordPress主题,可用于任何类型的网站.在所有类型的设备上,主题的性能都非常出色,它经过专业优化, ...
为什么WordPress网站应尽量避免使用过多插件
前几天,我们在给一个客户优化其企业网站时,发现其网站使用了太多的WordPress插件.WP插件可以扩展网站的功能:然而如果使用不当,也会给网站带来一些负面的影响.在这篇文章中,WPChina.org ...
Modown收费资源下载 WordPress 1.7主题+Erphpdown插件
介绍: Modown是模板兔基于Erphpdown wordpress下载插件开发的一款全新的针对收费付费下载资源的WordPress主题,一款为erphpdown而生的wp主题. 网盘下载地址: h ...
Wordpress 网站设计文件管理器插件
推荐一款WordPress文件管理器插件File Manager 平时我们大多数站长都是通过ftp来管理站点文件,现在 WordPress 有一款文件管理器叫做 File Manager,安装之后即可 ...
WordPress网站备份与还原
WordPress网站备份与还原这篇文章我们介绍WordPress网站备份和还原.我们的网站建在云端,万一出现意料不到的问题(比如有人恶意攻击或者植入病毒),或者自己操作不当导致网站崩溃,这时候自己 ...
20. WordPress网站备份与还原
WordPress网站备份与还原这篇文章我们介绍WordPress网站备份和还原.我们的网站建在云端,万一出现意料不到的问题(比如有人恶意攻击或者植入病毒),或者自己操作不当导致网站崩溃,这时候自己 ...
超详细宝塔面板搭建和安装wordpress网站图文教程(附案例)
宝塔面板添加WordPress站点一.建站准备条件条件1:阿里云服务器一台.原则上有台服务器就好了,不过我一般喜欢用大品牌,稳定和安全. 条件2: 阿里云域名一个.在哪家买的服务器,就用哪家的域名 ...
零基础创作专业wordpress网站06-制作主页（elementor）
这节课,我们来介绍简单快速并且非常方便的做法来制作主页: image 进去之后,会有一段上节课添加的文字和一个侧边栏,我们不需要. 我们希望做一个全页面宽的页面. 隐藏标题和侧边栏所以我们先回到页面 ...

4.个性化自己的WordPress网站 | Astra主题Elementor插件