目录
  1. 一、准备工作
  2. 1. 安装Elementor插件
  3. 2. 安装主题
  4. 3. 安装辅助插件
  5. 二、导入模板
  6. 三、可视化编辑
  7. 1. 修改网站logo和标识
  8. 2. 修改内容
  9. 3. 修改布局
  10. 4. 添加段
  11. 四、修改网页导航

一、准备工作

1. 安装Elementor插件

进入wordpress后台,搜索插件Elementor进行安装。

如果安装失败,可以在官网下载安装包,手动上传安装,安装方法参考此篇文章 下载地址:https://cn.wordpress.org/plugins/elementor/

2. 安装主题

这里以Astra主题为例,进入wordpress后台,搜索主题Astra进行安装。 安装主题

3. 安装辅助插件

根据不同主题的要求,可能需要安装不同的辅助插件,才能导入网站模板。Astra主题需要的插件是Starter Templates。 安装辅助插件

二、导入模板

点击外观-Starter Templates,可以看到Astra的一些网站模板。在这里我们可以选择一个符合自己网站主题的模板(点击详情可以预览网页),导入到我们的网站中。 二、导入模板 二、导入模板 (2)

三、可视化编辑

1. 修改网站logo和标识

(1)进入自己的网站界面,点击上方的使用Elementor编辑,进入Elementor的编辑界面。 修改网站logo和标识 (2)点击左上角进入站点设置-网站标识,可以修改网站的Logo和标识。 修改网站logo和标识 (2) 修改网站logo和标识 (3) 修改网站logo和标识 (4)

2. 修改内容

Elementor是模块化的编辑器,它将网站从上到下按不同段进行拼接,每个段内部分成一个或多个栏,可以填加不同的功能模块。 (1)修改文字:将鼠标放在要求改的文字上,单击可以直接修改,或者在左侧编辑菜单中修改。 修改内容 (2)更换图片:点击要修改的图片,可以看到左侧编辑菜单出现了相应的选项,此处可以更换图像,图像可以选择媒体库中已存在的图像,也可以上传图像。同时下方能够修改图像的尺寸和对齐方式。此外还可以在高级设置中进行更多的设置。 修改内容 (2) 修改内容 (3) (3)更改图标:还是点击要求改的图标,以Read More→的→为例,在左侧可以选择图标库中已经有的图标,也可以自己上传图标。 修改内容 (4) 修改内容 (5)

3. 修改布局

(1)点击段上方中间的按钮,在左侧可以更改此段的布局(边距、对齐)、结构(分栏数)等。 修改布局 (2)点击段内部各个栏的左上方的小窗子,可以修改内部各栏的布局。 修改布局 (2) (3)修改段的位置,点击Elementor编辑菜单下方的导航器。可看到右侧出现了网站的大纲列表,直接拖动对应的段即可直接排序。 修改布局 (3) 修改布局 (4)

4. 添加段

(1)翻到页面最下端或者点击某段上方的+,可以添加段 添加段 (2)添加新段:选择分栏的方式数目,然后从左侧Elementor的编辑菜单直接拖动需要的功能模块至各栏即可。 添加段 (2) 添加段 (3) (3)使用Elementor的模板,这里可以在左上角选择模板的分类,比如我要添加About的相关模块。选好后直接插入即可。 添加段 (4) (4)有些主题也有自己内置的模块,添加方法类似。 添加段 (5)

四、修改网页导航

网页导航就是网站最上方的一排导航按钮,在wordpress后台的外观-菜单中可以修改。可以选择不同的页面添加到导航菜单中,也可以修改导航菜单的顺序,或者修改页面之间的从属关系,实现下拉菜单的效果。 四、修改网页导航 四、修改网页导航 (2)