如何充分利用 Elementor 中的文本小部件

文本小部件有时被视为最被低估的小部件。

然而,它对于创建独特的样式至关重要,并可以帮助您更有吸引力地展示您的内容。它为您提供了一种创建风格化文本和添加图像的可视化方式,而无需任何编码知识。

在本文中,我们将通过实际示例向您展示amp使用Elementor 中的文本小部件来实现博客文章和整个页面的高质量内容呈现方案,以吸引读者继续阅读。

文本小部件具有令人难以置信的功能,因为它可以最好地处理从 HTML 到简码再到将图像放在文本后面的所有内容。

elementor 文本小部件就像标准的 WordPress 可视化编辑器一样,您可以在其中添加文本编辑器,然后编辑、设置样式、设置版式设置和文本对齐方式。一个更相关的示例amp简单的文字处理程序,例如 Microsoft Office。您只需要知道这些工具在哪里以及如何使用它们来创建阅读起来非常愉快的页面。

这篇文章的范围将涵盖:

Elementor 文本小部件可帮助您转换内容设置,例如字体粗细、高度、字母间距对齐方式等。让我们探索文本小部件的功能以及如何使用此小部件转换您的内容。

Elementor 文本小部件工具及其用途

创建一个新帖子,分为两个部分,当您单击“编辑文本编辑器”部分的右蓝色角时,最左上角会弹出该区域的设置区域,如下所示。

您可以在此处查看内容的所有可访问设置。您可以使用三个主要选项来控制文本设置。

  1. 内容
  2. 风格
  3. 先进的

当您单击“内容”选项卡时,您会发现一个标准的 WordPress 编辑器区域,其中还包含视觉和文本选项卡;您可以在此处插入媒体文件和其他几个选项来编辑文本。

输入文本后,突出显示其中的一部分以更改其格式,即将其更改为标题、副标题或常规段落文本。当您单击段落选项卡时,将弹出所有其他可用选项,您可以从可用选项中选择不同的标题、段落或内容类型。

您还可以通过单击并拖动宽度区域来控制面板宽度区域。

要预览您的作品在前端的外观,请单击预览按钮以查看内容的预览。

完成更改文本格式后,下一阶段是进入样式区域,您可以在其中控制内容的对齐方式。此部分使您能够将内容对齐到中心、左侧或右侧。

接下来是文本颜色选项,您可以在其中为内容文本设置所需的颜色。

下一个选项是排版,它允许您为内容设置所需的字体样式、大小和粗细。

在左侧菜单屏幕的底部,您会注意到一个名为“Drop Cap”的选项卡。

首字下沉会将该段落中第一个字母的字体大小增加到两个文本长度的大小。它使 nw 段落的开头看起来大胆而独特。

您只需滑动此选项卡即可激活首字下沉外观。

转换选项卡允许您使用大写、小写或大写等选项更改文本大小写。

行高可让您减少行之间的间距,字母间距可让您增加或减少字母之间的间距。

高级选项卡带有填充和边距设置,您可以在其中调整内容的填充区域。

如何在 Elementor 文本小部件中将文本分为几列

使用 Elementor pro 文本小部件,您可以将文本转换为两列或最多 10 列。您还可以设置列宽或将文本左右对齐或两端对齐。

在这里,我们将文本分为两栏。列间隙选项允许您在它们之间设置一些空间,使您的工作看起来整洁而独特。

要实现此目的,请单击“样式”选项卡>“列”>您可以将列设置为最多 10 个。

接下来,您可以使用列间隙选项调整列宽。

如何使用文本小部件将文本环绕在图像周围

Elementor 文本小部件将文本环绕图像非常容易。

以下是具体操作方法。

在该部分中添加一些文本,然后也将媒体添加到文本中。

单击图像可显示图像的显示选项。

您可以选择如何将文本与图像对齐,并根据需要调整对齐方式。

结论

Elementor可帮助您为博客文章或页面制作独特的内容显示或演示。有很多选项可以使您的内容风格化。您可以根据需要将文本分成任意多的列。此外,文本换行选项可帮助您在文本旁边优雅地显示图像。

我希望您喜欢阅读本指南。现在轮到您尝试文本小部件并发现该小部件为您带来的奇迹。

霍尔德库

直播:.cid.e495888558d5265f

查看评论

  • 您好,所有可能导致背景和文本出现问题的选项都位于“高级”选项卡中。仔细检查边距和填充选项。重置一切以进行测试。

    • C'è un modo per gestire lo spazio tra i paragrafi? Mi sembra assurdo che Elemento non lo preveda。 Soprattutto alla Fine del paragrafo, trovo assurdo che venga aggiunto dello space che non si può controllare.
      感恩

        • Grazie mille per la risposta,ioairevo lo spazio tra un paragrafo e l'altro。根据意图,全权书写并开始书写并继续书写。 E quindi lo spazio che il text widget mette dopo l'ultimo paragrafo (si aggiunge semper uno spazio che rimane anche se si mettono i margini di colonna e widget a Zero perché éparte interna del modulo.Quelli sono incontrollabili credo, a meno di un aggiunta CSS。

  • Bonjour,j'essaie dechanger la couleur du texte de l'éditeur de texte via style->couleur du texte,est-ce une anomalie ou bien je fais quelque select qui ne va pas ?谢谢您

    • 您好,这是执行此操作的正确方法,如果它不起作用,可能是因为某些东西干扰了此颜色设置,可能是您主题中的 CSS。

    • 你好,

      您需要加载其他丰富的编辑器工具才能访问该按钮或使用 Elementor 中的“样式”选项卡。

    • 你好,

      圆形图像是使用边框半径选项制作的。此选项不适用于文本小部件中添加的图像,您需要一个单独的图像块

  • 您好,请参阅文本编辑器中的图片,并在文本编辑器中使用该功能。 Nur die Intensität liegt bei ca。 30%。 Sie so aus,als wenn ich bei einem Hintergrundbild die Intensität verringert hätte。 Finde auch keinen Punkt, das zu ändern。 Woran kann das liegen?

  • Ola,非常好,请帮助我解决问题。我们可以通过 caixa 的文本编辑器来了解不同产品的不同类别,或者通过编辑器来了解相关的文本类别,并在编辑器中进行相关的设计。都朵certo,mas o mesmo assunto que coloco no editor,vai para as outras categorias cujo o tema não tem nada a ver,como procedo,será que tem como direcionar via url para categoria? Se sim gostaria de uma caminho 一步一步,desculpe por sou leigo sobre essas coisas ao pé。 Sou muito grato。克拉杜奥。

最近的帖子

如何在 Elementor 中使用页眉和页脚

网站的页眉和页脚是必不可少的元素。在大多数情况下,标题提供导航...

2022 年 1 月 6 日

WordPress 主题比较:Astra 与 OceanWP

市场上最受欢迎的两个 WordPress 主题是 Astra 和 OceanWP。专业的…

2022 年 1 月 2 日

WordPress 新闻主题比较:Newspaper 与 Astra

创建一个优秀的新闻网站并不需要您成为一名网页设计师。我们…

2021 年 10 月 25 日

创建一个以报纸为主题的新闻相关网站

报纸主题是由 tagDiv 设计的最重要的 WordPress 主题之一,...

2021 年 10 月 18 日

如何使用 Avada WooCommerce 构建器构建电子商务

在建立在线商店时,WooCommerce 是首选plugin。它…

2021 年 10 月 4 日

如何通过 Elementor 使用粘性标题和滚动效果

标题通常是人们访问您的网站时首先看到的东西,...

2021 年 9 月 21 日