魏艾斯笔记Electrician电工是 Astra主题 demo演示站的免费模板之一，是提供电工服务的公司网站。由 Astra主题提供免费使用。这款主题属于B2B/B2C的展示性质，没有线上交易，因此布局结构比较简约。
Astra主题低至37折，Pro版本 $47/年，立即登录 参与新年优惠活动！更多Astra主题内容请看 Astra专题
学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
长期运行外贸网站选择Hostinger虚拟主机，WordPress网站速度、稳定性都很棒，性价比极高！
关于 hostinger：hostinger专题
1、部署Electrician电工demo演示站
想要成功部署这个模板就要先安装：Astra主题、Starter Templates插件。
由Astra提供免费安装使用。
然后就能导入使用demo演示站。
教程请移步如何使用Starter Templates插件免费导入完整站点
Electrician电工模板在 Astra模板 demo演示页面最下面能看到，如下图所示。
2、Electrician电工demo演示站介绍
定位到 WordPress后台 > 页面，让我们一次打开所有页面，开始学习。
先看页眉，是典型的 astra主题，在 WordPress >外观>自定义>页眉生成器中，点击添加想要的 site titl&logo，右侧添加主菜单、button 即可。
主菜单是在 WordPress >外观>菜单中添加的。
菜单来源于添加的 home、about us、services、FAQ、contact 页面。
首页蓝色的banner大图片是 section的背景图，覆盖了蓝色背景，调整透明度得到的效果。
因为图片很大，所以调整内边距把中间的内容都聚拢到一起。
内容部分是标题、文本编辑器、按钮，右侧是 WPForms Lite生成的表单，使用简码调用。
下面使用了一个图标列表。
横向的三个服务模块，使用的还是背景图片+背景覆盖，调整透明度。
下面的图标+文字介绍，在section中添加了 inner section 设计出来的。
整个首页设计的十分简洁，表现形式主要是标题、文本、按钮、图标等这几种常见元素。我们也分析过多个astra官方默认demo演示站了，老外设计网页的习惯比较简洁，较少使用国人爱用的轮播效果、动来动去的特效。
about us页面使用标签元素。
FAQ页面使用手风琴元素。
astra页脚生成器添加了几个 widget，丰富了网页底部内容。
页眉和页脚使用 Astra主题页眉生成器和页脚生成器，新手、小白也能轻松设计。
另外请大家多学习demo演示站的布局，图片、文字、按钮的位置，色彩的运用，外边距、内边距、宽度调整元素布局。
老外这么做的好处是页面占用资源较少，看着也有蛮丰富的内容和变化，不会太过于单一，值得学习。
3、总结
Electrician电工demo演示站使用 astra主题+Elementor插件即可设计完成，整体风格简约不简单。没有发布产品，适合服务型行业选用。