布璃
布璃

Elementor编辑器使用教程

文前提示:删除线部分暂时不考虑正式实施,但不代表以后不会实施,具体实施前会提早通知

在使用编辑器前需要注意的设置

点击顶栏左上角,进入后台,即可发布文章

发布文章页面↓

  • 发布文章时,阁下要记得先添加标题,标题建议复制粘贴原作标题,方便他人搜索。
  • 在“发布”区块,阁下可以设置发布时间,位于“立即发布”右侧的编辑处,点击后可以修改发布时间。
  • 分类目录需严格参照“发布须知”,多次不遵守布璃发布规则将会取消发布权限.(刚上线暂且处罚不严厉但是一定要按照发布规则来避免分类混乱)
  • 阁下可以在“ErphpDown属性”中设置收费,支持各种各样的收费模式。(暂未上线,目前不考虑付费内容)
  • 在“引用列表”中,阁下可以直接引用布璃站内文章,并置于顶部,供他人查阅。
  • 作品来源需按照教程向导中的要求选择

elementor编辑器的进入方式

在文章发布页面点击“elementor编辑”即可进入

点击后即可进入编辑的编辑页,elementor编辑器支持实时预览,可视化编辑与拖拽式编辑,同时支持自制模板,可以随时使用

切记写好文章后一定要点击更新来进行保存

elementor编辑器页面↓

elementor具体介绍

使用模块

这个应该算是最常用的一个功能,类似于将标准编辑器的功能整合这一个模块当中,不过有部分功能被阉割了,例如H5代码,如需实现需要H5模块。

需要编写文本时,只需把文本编辑器拖拽至右边文中即可

左侧可以对内容进行修改,并且可以自定义样式,让模块变得更加丰富

模块样式修改

每个模块可以修改的样式都不同,主要是针对颜色、大小、响应、位置进行调整。

↓下方示例为按钮模块的样式

Tip:排版可以更改按钮的大小,如果选择悬停,可以修改当鼠标停留至按钮时的响应,如放大或者浮动等等。盒子影子也就是倒影,可以设置倒影凸显图标的立体感。如下方所示↓

设置文章背景

点击左下角齿轮,进入文章设置界面

特色图像就是文章的封面,阁下可以在此自定义封面。背景在样式中可以设置,点击样式,进入后就可以看到背景类型.如下图↓

背景类型选择经典,图像上传后即可在文章背景看到。位置可以选择elementor预设的位置,或者选择底部的自定义。重复建议选择不重复,除非你是适合多重显示的背景。尺寸建议选择覆盖,它会自动调整图片至完全覆盖至全屏且等比例拉伸。

图片灯箱功能

标准编辑器和文本编辑器中添加图片是没有灯箱功能的,也就是点击图片进行预览的功能,这个需要用到elementor的图片模块。另外,如果是多张图片进行展示,建议用“画廊”模块,该模块自带灯箱功能,并且对多个图片并列展示有更好的效果。

拖拽“图像”模块至右边.↓如图

上传图片,将图像尺寸设置的小一些(当然也可以不需要),方便其他阁下更快速的加载图片,然后设置链接为“媒体文件”,灯箱选择“是”.这样,其他阁下在点击图片后就可以预览原图了。如下图所示↓

模板教程

1.创建模板:
如果觉得每次编辑文章都要重新设置,非常麻烦的话,可以创建一个模板,后续相同类型的文章,都可以用这个模板进行修改发布。

有两个地方可以创建模板,第一个是在后台面板中,点击“templates”-“添加新模板”如下↓

或者在一个已经创建好的文章中,点击发布旁边的角标,选择另存为模板.如下↓

输入想要设置的模板名,点击保存即可

2.使用模板
调用模板的方式非常简单,在需要插入模板的段落点击这个文件夹

找到自己需要的模板,点击插入即可

分段功能

本处的段指的不是段落,而是模块可以插入的段。这个功能在自定义你的文章界面时会有很大的帮助,梦璃文章默认排版为单列,阁下可以通过这个功能扩展自己的文章至多列。

在需要添加段的段落点击加号如下所示

其中有很多分栏,可以通过自己的需求来选择不同的分栏,就不在一一演示了,分栏会使版面丰富,使版面更加紧凑,也可以在此基础上进行美化。比如下图就是添加轮播与文本编辑器后的效果

你站特色部分

1.可以制作黑幕(有点像是萌娘百科的黑幕比如:你知道的太多了)

使用方法需要在elementor文本编辑器中的文本中对阁下想要黑幕的文字之前输入<span class=”heimu” title=”XXXXXXX”>
这个XXX就是鼠标放上去后弹出框会显示的文字
在阁下黑幕文字之后需要补上</span>以限定黑幕范围(否则就会是整行的哦)

示范:

以上为elementor编辑器的部分教程,如果有任何问题,欢迎前往疑问解答贴评论

由于站长也用不清楚这个编辑器,参考了梦璃的编辑器教程,功能实在是太多了(qaq)
你站长是个fw实锤了hhhh

梦璃の编辑器测试页面
版权所有 © 布璃 2020-2021 ⁄ 主题 INN AO 站长:Xintn