SP Page Builder (Pro) 3.x

SP Page Builder (Pro) 3

前端编辑器

介绍

SP Page Builder 3引入了一个全新的前端编辑级别兼泉铁,其全新的前端视觉构建器礼马差。添加元素兼泉铁,点击它兼泉铁,编辑它兼泉铁,看看正在改变的形式礼马差。不再浪费时间 - 添加和打开插件兼泉铁,添加内容兼泉铁,并前往你添加的前端查看礼马差。现在兼泉铁,使用这个新的前端编辑器兼泉铁,您可以实时看到自定义设置兼泉铁,无需预览自定义设置兼泉铁,因为一切都在眼前礼马差。

新的前端可视化构建器比以往更快礼马差。现在你可以比布加迪威龙超级跑车做的更快兼泉铁,你会感觉像握着方向盘礼马差。不管你做什么兼泉铁,都会在瞬间发生礼马差。现在兼泉铁,您可以即时添加元素和内容礼马差。SP Page Builder 3的新拖放系统需要分秒来加载元素礼马差。你的工作是拖动这些东西兼泉铁,把它放在正确的地方兼泉铁,其余的工作将由编辑完成礼马差。 

前端编辑器打开

您可以很容易地从SP Page Builder 3的后端访问前端编辑器兼泉铁,在那里您已经创建了所有的页面礼马差。还有几种方法可以在前端打开编辑兼泉铁,一起来了解一下礼马差。

选项1

除了在SP page Builder 3的后端创建的每个页面之外兼泉铁,您还将找到两个选项礼马差。一个是预览兼泉铁,它允许你预览你的页面兼泉铁,另一个是前端编辑器兼泉铁,它将允许你进入页面的前端编辑礼马差。

SP page Builder1

选项2

通过在SP Page Builder 3的后端编辑器中单击该页面打开页面礼马差。在编辑器顶部兼泉铁,您将看到“前端编辑器”选项礼马差。点击它来到前端编辑器礼马差。

SP page Builder2

选项3

在每个角落的预览版中兼泉铁,有一个名为“编辑页面”的选项礼马差。在单击该选项后兼泉铁,编辑器将打开礼马差。记住兼泉铁,您必须登录才能使用此选项礼马差。

SP page Builder3

 

编辑工具:了解周围的方法

前端侧边栏

前端侧边栏是这个编辑器的核心礼马差。这使您可以添加插件兼泉铁,内置的部分兼泉铁,也可以使用这个编辑器工具做所有的样式礼马差。

SP page Builder侧边栏

行编辑工具  

在每一行的左上角兼泉铁,您可以找到访问样式选项的工具礼马差。

SP page Builder行编辑

添加/管理列
使用此工具兼泉铁,可以在行中添加新列或自定义列结构礼马差。

行选项行
有几个编辑选项礼马差。你可以进入行选项兼泉铁,并以你想要的方式修改行礼马差。

复制行
您可以复制正在编辑的行的副本礼马差。如果你的页面中的两行是相似的礼马差。您可以轻松地复制该行并进行必要的修改礼马差。

添加新行
使用此选项兼泉铁,您可以添加新行礼马差。单击该选项后兼泉铁,将正在编辑的行下添加一个新行礼马差。

禁用行
如果要禁用任何不想显示的原始数据兼泉铁,暂时可以通过单击禁用行选项将其隐藏礼马差。您仍可以通过单击启用按钮启用它礼马差。

删除行
如果您希望使用此选项兼泉铁,则可以完全删除该行

插件编辑工具

在每个添加的插件的左上角兼泉铁,你会找到访问样式选项的工具礼马差。

SP Page Builder编辑工具

编辑插件

使用此选项兼泉铁,您可以访问插件编辑选项礼马差。在那里你可以添加或修改内容兼泉铁,并做必要的风格

复制插件

如果你想做一个重复的插件礼马差。你可以使用这个选项来做到这一点礼马差。通过点击该选项将生成相同的插件礼马差。

禁用插件

您可以暂时禁用插件兼泉铁,您可以通过使用该选项礼马差。插件将被隐藏礼马差。您可以通过点击启用按钮来启用它礼马差。

父列

这个选项可以让你做一些自定义兼泉铁,比如添加一个新列兼泉铁,编辑列的选项兼泉铁,列移动和许多其他的东西在这个父列礼马差。

删除插件

你可以完全删除这个选项的插件礼马差。

 

添加新行

有两种方法可以在前端编辑器的页面上添加新行礼马差。下面介绍了这些选项礼马差。

选项1:
在每个页面中兼泉铁,都可以添加第一行礼马差。

SP Page Builder添加行

现在你将添加行的列结构礼马差。点击生成兼泉铁,行将被添加礼马差。

SP Page Builder添加行

选项2:
您可以在每行的底部找到行加载项选项礼马差。

SP Page Builder添加行

模板页面

有30多个内部模板页面兼泉铁,您可以在您的网页上使用礼马差。要找到这些模板兼泉铁,请单击SP Page Builder前端底部菜单中名为“Tools”的选项礼马差。工具选项点击“页面模板”查看可用的模板礼马差。

SP Page Builder模板页面

选择选项页面模板后兼泉铁,将打开页面模板列表礼马差。点击您认为最适合您的网页的模板礼马差。

SP Page Builder模板页面

自定义列结构

SP页面生成器列结构的工作方式与网格类似礼马差。全屏分为十二个网格礼马差。您必须根据引导网格来选择或写下列结构礼马差。例如兼泉铁,你想在你的行中有三列礼马差。在这种情况下兼泉铁,我们必须把屏幕分成三部分礼马差。所以根据bootstrap我们的屏幕有十二个网格礼马差。所以如果我们把它分成三列而不是每列都有四个网格礼马差。然后我们必须选择或写下4,4,4礼马差。这意味着我的第一列有四个网格兼泉铁,第二和第三列相同礼马差。

SP Page Builder布局

例如:2 + 2 + 2 + 2 + 2 + 2:六列

如果您需要连续创建6个大小为2的列兼泉铁,那么您必须先手动将您的自定义需求放在名为“custom”的文本字段中礼马差。

SP Page Builder布局

输出

SP Page Builder布局

内置的部分

你可以无限拖放在你的新葡京在线的不同部分的设计礼马差。要找到内置的部分兼泉铁,请单击前端侧边栏菜单上的sections选项卡礼马差。

SP Page Builder内置

部分设计

现在你可以找到以下部分的设计礼马差。

  • 顶部
  • 特征
  • 内容
  • 定价
  • 观众获益度
  • 团队
  • 推荐
  • 联系我们

要获得设计兼泉铁,请从部分的下拉列表中选择部分礼马差。设计将相应地出现礼马差。

 

部分添加

SP Page Builder添加

部分修改

有几个选项可以用来部分修改礼马差。在这里兼泉铁,我们将风格的标题部分礼马差。要访问样式兼泉铁,您必须使用行和插件中的常规选项礼马差。点击行编辑按钮来访问行编辑选项礼马差。对于插件兼泉铁,点击插件编辑按钮礼马差。

访问行样式

SP Page Builder修改

添加章节标题和副标题 

要添加该部分兼泉铁,点击行编辑选项礼马差。在“常规”选项卡中兼泉铁,您将找到名为“标题”和“副标题”的两个文本框礼马差。在这些文本框中添加您的标题和副标题文本礼马差。

SP Page Builder标题

标题和副标题的位置变化 

 要添加标题和副标题位置兼泉铁,点击行编辑选项礼马差。在“常规”选项卡中兼泉铁,您可以找到“标题和副标题位置”礼马差。从下拉菜单中选择您想要的位置礼马差。

SP Page Builder标题

布局全宽

要使布局全宽单击行编辑选项礼马差。在“常规”选项卡中兼泉铁,您必须启用全宽按钮礼马差。

SP Page Builder全宽

添加内边距/外边距

要为行添加内外边距兼泉铁,请单击行编辑按钮礼马差。现在点击菜单中的“风格”标签礼马差。在这里您可以找到添加所需填充内外边距的字段礼马差。

SP Page Builder边距

文字颜色和背景颜色改变  

要添加文本颜色和背景颜色兼泉铁,请转到“样式”选项卡礼马差。在这里你会发现两个字段“文字颜色”和“背景颜色”礼马差。使用颜色选择器工具选择您想要的颜色礼马差。

SP Page Builder颜色

背景图像的改变 

 要更改背景图像兼泉铁,请转到侧边栏菜单的“样式”选项卡礼马差。向下滚动兼泉铁,看到选项“背景图像”礼马差。在这个选项中兼泉铁,使用媒体管理器来上传背景图像礼马差。

SP Page Builder背景

制作背景视差

为了使你的部分背景视觉差别礼马差。转到前端菜单的“样式”选项卡并向下滚动礼马差。启用选项“视差背景”兼泉铁,就全部设置礼马差。

SP Page Builder背景

添加颜色叠加

要添加叠加层兼泉铁,请在样式选项卡中找到“叠加层”选项礼马差。使用颜色选择器来选择颜色礼马差。另外兼泉铁,您可以选择调整颜色的不透明度礼马差。

SP Page Builder颜色

启用并添加视频背景 

如果你想添加一个视频到后台去前台显示,那么菜单中的“风格”选项卡礼马差。向下滚动兼泉铁,你会发现“启用视频背景”礼马差。现在添加video视频的链接或当前新葡京在线视频的路径

SP Page Builder视频

启用形状

要首先添加形状兼泉铁,您必须启用形状礼马差。要启用它兼泉铁,请转到前端菜单的样式选项卡礼马差。在那里为顶部和底部启用形状礼马差。如果只想在顶部添加形状兼泉铁,只需启用顶部形状即可礼马差。

SP Page Builder形状

顶部形状 

启用形状

这将启用添加形状的选项礼马差。

形状

有10多个形状可以添加兼泉铁,选择你想要的礼马差。

颜色

使用此选项设置形状的颜色礼马差。 

宽度

设置形状的宽度礼马差。使用按钮拖动进行调整礼马差。

高度

设置形状的宽度礼马差。 使用按钮拖动进行调整礼马差。

左右翻转

这将翻转设计礼马差。如果在右侧兼泉铁,则会翻到右侧礼马差。 

上下翻转

这将颠倒形状的设计礼马差。如果向下兼泉铁,则会向上翻转礼马差。

SP Page Builder形状

底部形状 

启用形状

这将启用添加形状的选项礼马差。

形状

有10多个形状可以添加兼泉铁,选择你想要的礼马差。

颜色

使用此选项设置形状的颜色礼马差。

宽度

设置形状的宽度礼马差。使用按钮拖动进行调整礼马差。

高度

设置形状的宽度礼马差。使用按钮拖动进行调整礼马差。

左右翻转

这将翻转设计礼马差。如果在左侧兼泉铁,则会翻到右侧礼马差。

上下翻转

这将颠倒形状的设计礼马差。如果向下兼泉铁,则会向上翻转礼马差。

SP Page Builder形状

访问插件stying 

要进入插件编辑选项兼泉铁,点击插件编辑按钮礼马差。 

SP Page Builder插件

插件添加

这将教你如何添加一个插件礼马差。

SP Page Builder插件

插件复制 

要复制插件兼泉铁,请单击插件菜单中的复制插件图标礼马差。

SP Page Builder插件

禁用插件 

要禁用插件兼泉铁,请单击插件菜单中的禁用插件图标礼马差。

SP Page Builder插件

实时编辑

你不必去任何地方添加文本或修改它礼马差。你可以在前台做所有的事情礼马差。

SP Page Builder编辑

字体的变化 

 现在您可以轻松更改文本的字体系列礼马差。要做到这一点,点击插件编辑图标礼马差。在这里你可以找到更改字体系列的选项礼马差。从谷歌字体列表中选择你想要的字体礼马差。

SP Page Builder字体

改变字体大小

SP Page Builder字体

字体样式和内容对齐 

 您可以调整添加内容的字间距和内容对齐礼马差。首先兼泉铁,点击插件编辑图标礼马差。转到前端编辑器的“样式”选项卡礼马差。向下滚动兼泉铁,你会发现字体样式更改选项也是对齐内容的选项礼马差。

SP Page Builder字体

页面库系统

库系统是SP Page Builder3的最新功能礼马差。现在兼泉铁,如果您有一个部分行兼泉铁,您希望稍后在不同的页面中使用它礼马差。使用页面库系统兼泉铁,首先你必须保存行礼马差。保存的页面将被存储在库中礼马差。只要您需要兼泉铁,您可以拖放已保存的部分页面布局礼马差。

步骤1:保存部分

SP Page Builder页面

步骤2:给它起一个名字

SP Page Builder页面

步骤3:在库中找到它 

SP Page Builder页面

响应式

您可以使用SP Page Builder 3的前端编辑器调整新葡京在线的响应速度礼马差。您可以在编辑器的底部找到响应控制按钮礼马差。切换到各种设备兼泉铁,并检查设计礼马差。您在各种设备中所做的修改仅适用于这些设备礼马差。

SP Page Builder响应式

元素响应

您可以对部分行中添加的元素进行响应式设计礼马差。您可以在其样式部分找到该工具礼马差。

SP Page Builder响应式

隐藏响应的列

您可以隐藏在各种设备的任何部分或插件内容兼泉铁,以解决响应性问题礼马差。为此兼泉铁,您需要转到前端菜单的响应选项卡礼马差。在那里你必须根据你的设置启用选项礼马差。

SP Page Builder列

页面选项:打开图形

要使用打开的图形功能兼泉铁,您必须点击编辑器底部的设置图形礼马差。现在选择“页面选项”礼马差。在这里你会发现几个选项礼马差。从他们选择打开图形礼马差。在这里你必须做所有的定制来使用打开的图形功能礼马差。

SP Page Builder图形

自定义CSS

要添加自定义CSS兼泉铁,您必须点击编辑底部的设置图标礼马差。现在选择“页面选项”礼马差。在这里你会发现几个选项礼马差。从他们中选择自定义CSS礼马差。在这里添加您的自定义CSS礼马差。

SP Page Builder CSS

ACL控制

要使用访问控制功能兼泉铁,您必须点击编辑底部的设置图标礼马差。现在选择“页面选项”礼马差。在这里你会发现几个选项礼马差。从他们中选择“发布”礼马差。在这里控制访问礼马差。

SP Page Builder ACL

 

撤销重做

你可以无限次的撤销和重做礼马差。无论你的错误是什么兼泉铁,你可以通过点击撤消按钮恢复以前的定制兼泉铁,如果你撤消任何东西兼泉铁,并想要回到你已经定制的东西兼泉铁,你可以轻松地使用重做按钮来做到这一点礼马差。这两个按钮都在前端编辑器菜单的底部礼马差。

SP Page Builder撤销

前端边栏隐藏

要隐藏前端边栏兼泉铁,请单击屏幕截图中指示的图标礼马差。

SP Page Builder边栏

说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

joomlass-logo31.png

Search