通过Elementor设计一个只属于专属于你的Wordpress主题


在前面几节,我们提到了如何新建一个网站,有wordpress的,也有typecho的。那这节,我们来设计一个简单的wordpress主题

  1. 在此,我们假设你已经安装好lwordpress.那么还需要知道如何安装插件。你需要安装这个插件:Elementor,一款强大的可视化图形编辑器
通过Elementor设计一个只属于专属于你的Wordpress主题

在主题的插件目录在线安装就行,它是免费的,全称:Elementor page builder

2.安装完成后,需要点击启用


通过Elementor设计一个只属于专属于你的Wordpress主题

点击激活插件

3.然后使用Elementor创建一个新页面,注意,在这个位置


通过Elementor设计一个只属于专属于你的Wordpress主题

4.然后你会得到一个如图所示的页面


通过Elementor设计一个只属于专属于你的Wordpress主题

5.点击右下角的设置图标,这里你可以填写你的网站名字,也可以在下方选项中,选择隐藏。


通过Elementor设计一个只属于专属于你的Wordpress主题

6.选择页面布局。 在下方,它有三种不同的布局:默认,画布和全宽


通过Elementor设计一个只属于专属于你的Wordpress主题

默认,画布和全宽

7.主题颜色的选择在 “style”标题下侧边栏菜单中的第一个选项


通过Elementor设计一个只属于专属于你的Wordpress主题

侧边栏菜单中的第一个选项

8.选择默认字体,左上角侧边栏>选中default fonts


通过Elementor设计一个只属于专属于你的Wordpress主题

default fonts

ps: 点进去之后可以修改字体的颜色,样式等,建议不要选择奇奇怪怪的字体,免得谷歌墙

通过Elementor设计一个只属于专属于你的Wordpress主题

9.建议,字体宽度选择600左右最佳


通过Elementor设计一个只属于专属于你的Wordpress主题

你也可以根据你自己的审美,自定义设置


10.次级标题字体和文本字体没有什么特殊的区别,点进去自己设置就好。当设置完成之后,记得确认(Apply)

通过Elementor设计一个只属于专属于你的Wordpress主题

应用

11.如果你想要调整结构,你只需要从左侧边栏里面把那些相关样式拖拽到下方这个黄色框框里就行了,比如如果你要想添加一个页面标题,那么你只需要

通过Elementor设计一个只属于专属于你的Wordpress主题

页面标题


通过Elementor设计一个只属于专属于你的Wordpress主题

把左边那个标题的框框拖过去


通过Elementor设计一个只属于专属于你的Wordpress主题

或者这边都可以

ps:你可以修改文本,字体,链接,已经居中等

12.添加正文,它有许多栏目效果可以选择,你根据你自己的喜欢进行自定义就好


通过Elementor设计一个只属于专属于你的Wordpress主题


通过Elementor设计一个只属于专属于你的Wordpress主题

当然不止于此,你可以通过这个插件放置你的视频,图片,logo,菜单,按钮,地图,等等,你无需懂任何代码,只需要通过拖拽就能完成你自己的自定义网站设计。有许多的优秀的主题模板也是依托于这个插件进行设计加工的。


分享到:


相關文章: