加入我们Facebook社区

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

WordPress WYSIWYG教程 你是否充分利用了WordPress的格式化功能?

我希望您已经知道格式化博客文章以使其更具可读性的基础知识。(如果你刚刚开始,你可能想检查一下4 WordPress格式化提示使您的帖子更可读以了解基本知识。)

但很多博主- - - - - -甚至经验丰富的人- - - - - -不要意识到WordPress中内置了多少格式化功能。

理解WordPress WYSIWYG编辑器

无论您是在WordPress编辑器还是其他地方都在WordPress编辑器中编写选秀,才能熟悉WordPress WysiWyg工具栏,并知道所有这些按钮都已进行。

WYSIWYG(发音为wizzy-wig)代表“What You See Is What You Get”,它描述了任何界面,当你应用各种格式时,你可以看到你的文本的实际外观。Microsoft Word,谷歌Docs和WordPress都是WYSIWYG编辑器。

每当您在WordPress中创建新帖子或页面时,您应该看到WYSIWYG编辑器。工具栏(顶部的按钮)如下所示:

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

(If you don’t see these buttons, make sure you’re using the “Visual” rather than the “Text” version of the editor. You can swap between the two using the tabs on the right-hand side of the box where you write your post.)

如果你已经在另一个所见即所得编辑器中编写并格式化了你的文章,并将文本复制到WordPress中,那么可能会保留一些格式。但是一些格式选项,如块引号和水平规则,只能在WordPress中应用。

(如果你不知道“区块引号”和“水平规则”是什么,不要担心。在这篇文章的结尾,你将会知道关于它们的一切,以及如何使用它们!)

即使有些按钮现在看起来很混乱,即使是直接的使用。我们一次将工具栏拿一行。

工具栏的顶行:最常见的格式选项

按钮分为两行。最上面一行包含您可能最经常使用的选项。

他们来了:

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

我们将逐一完成:

# 1:“段落”下拉

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

HTML标记等价物:

等和

此下拉菜单可让您使用标题样式格式化文本:

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

标题1用于您的帖子的标题,应避免在帖子中的副标题避免。

大多数博主使用标题2作为主副标题,标题3作为嵌套在这些副标题下面的副标题。(比如这篇文章的副标题按钮的顶行:最常见的格式选项是标题2,还有副标题#1:“段落下拉”是为期3.)

“预格式化”选项可以使用,如果你在你的文章中包含了部分代码。它将显示使用等间距字体所写的文本。

# 2:粗体文本

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

HTML标记等价物:< >强

这个按钮看起来像B你可能很熟悉微软的Word和其他程序。它会生成文本这样的大胆

要使用它,你可以:

  • 点击“B”按钮,输入你想要的粗体文本,然后再次点击“B”以返回正常文本。
  • 按正常方式键入文本,然后突出显示想要加粗的部分,然后单击“B”。

使用它:强调一个关键句子,或创建一个副标题,在那里您不想使用标题样式。

#3:斜体文本

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

HTML标记等价物:

看起来像一个按钮可能也是非常熟悉的。它会生成文本像这样的斜体。

使用它:重点是特定的单词,或句子或两个解释性文本(例如,在你的帖子开始时说明这是四部分系列中的第一个)。

#4:无序列表(项目符号)

如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

HTML标记等价物:

    表示列表,
  • 表示列表中的每个项目

    具有三个点和行的按钮可能看起来有点像摩尔斯码代码,但它实际上用于创建项目符号列表(也称为“无序列表”),如下所示:

    • 项目一个
    • 两个项
    • 项目三

    使用它:订单或项目数量并不特别的列表。如果您列表中的每个项目超过段落,则可能希望以不同方式格式化列表(例如,使用副标题)。

    5 .有序列表(数字)

    如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

    HTML标记等价物:

      表示列表,
    1. 表示列表中的每个项目

      第二个列表按钮用于编号列表(也称为“订购的”列表),如下所示:

      1. 项目一个
      2. 两个项
      3. 项目三

      使用它:项目的数量或订购物品的列表(例如,您正在提供逐步指令或编写十大列表)。

      有关列表的更多帮助,请查看我的帖子如何在博客帖子中有效使用列表

      #6:BlockQuote

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:

      BoldQuote(或阻止报价)格式化用于样式的Quoted文本(通常)它具有比标准文本更宽的左边缘。根据您的博客的主题,BlockQuote文本也可能处于不同的字体,并与引号旁。

      这就是blockquotes在ProBlogger博客上的样子。

      使用它:除了你以外的人的任何引用,那么长时间的话。非常短的引号可以在句子中的引号中放置在引号中。

      #7:对齐左/中心/右

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标签对应:

      默认情况下,您的文本将被左对齐(用左侧边缘齐平)。但是您还可以对齐您的文本,以便居中或右对齐。

      本文以居中为中心。

      此文本右对齐。

      使用它:创建一个销售页面或特别优惠,在那里可能会让你的文本居中。一些博主甚至在诗歌或其他稍微不寻常的内容中使用居中文本。

      #8:链接/取消链接

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:

      此按钮可让您将文本转换为读者可以单击访问其他帖子或页面的链接。只需键入文本(例如,帖子的标题),然后突出显示它并单击“链接”按钮。你会看到这个:

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      然后,您可以粘贴在您想要的页面/帖子的URL(Web地址)中,或者如果它在您自己的博客上,您可以通过标题搜索页面/发布。

      您的链接将显示如此:

      哪个是最好的博客托管解决方案?

      使用它:内部链接到你自己的文章(这有利于搜索引擎优化,鼓励读者在你的博客上停留更长时间),外部链接到其他人的文章或其他资源(这有利于展示你在自己领域的知识/专长,并有助于建立关系)。必发棋牌

      #9:阅读更多标签

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      WordPress标记等价物:<! - 更多 - >

      一些博客主题在首页或索引页面上显示多个帖子。“阅读更多”标记将帖子中断分为两部分:第一部分将出现在索引中,只有读者单击“阅读更多”(或点击帖子标题)只会显示其余部分。

      其他主题只显示文章的摘录(自动生成或手工制作),所以你不需要“阅读更多”标签。您可以在我们自己的“博客”页面中看到此操作

      使用它:如果你想在主页/博客索引页上显示每一篇文章的一部分而不是全文,可以在介绍后将文章分开。

      #10:工具栏切换

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      WordPress标记等价物:N / A.

      “工具栏切换”允许您在工具栏上显示/隐藏第二行图标。(它曾经被称为“展示/隐藏厨房水槽”,你可能会识别你是否一直在博客。)

      使用它:查看第二行工具栏按钮。或者如果你发现它们分散注意力或只有一个小屏幕来掩饰他们。

      工具栏的底行:更少的常见格式选项

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      虽然您可能不会经常使用这些按钮,但是知道他们只是需要它们的情况是有用的。

      我们从左边开始,一次一个。

      #1:粒子文字

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:

      删除文本越过,像这样。与粗体和斜体一样,您可以单击删除按钮然后键入,或者您可以突出显示现有文本并将删除格式应用于它。

      使用它:幽默效果(如果这适合您的博客音),或为您的产品进行特别优惠(您可以“跨越”正常价格并显示优惠价格)。

      #2:水平规则

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:<人力资源/ >

      水平规则在帖子中创建一行。将帖子分解为一个或多个视觉部分可以是有用的(尽管它不充当“阅读更多”标签)。

      它看起来像这样:


      使用它:删除帖子的开始或结尾(例如,如果您在开始时介绍一系列新的博客帖子,或者在最后制作特别优惠)。

      #3:文本颜色

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:

      您的文本将默认为博客主题设置的颜色 - 通常是黑色或非常深灰色的。

      有时,你可能想要放文本一个不同的颜色。你可以通过以下两种方法做到这一点:

      • 选择颜色,使用一个下拉,然后打字
      • 突出显示现有文本,然后选择颜色。

      当你点击下拉菜单后,你可以通过点击来选择一种颜色:

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      如果你喜欢,你可以通过点击“custom…”创建特定的自定义颜色,然后设置RGB值。

      使用它:偶尔的彩色文字,也许是为了突出一个特别的公告或提供。注意不要在不同的颜色上走极端。您可能想要使用“自定义”颜色选项来匹配特殊颜色的文本到您的标题或品牌的调色板上。

      #4:粘贴文字

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:N / A.

      大部分时间都希望将文本粘贴到Wordpress编辑器中并保持其格式。如果粘贴在Word中起草的文本,大多数格式也将自动复制。

      但有时你可能想要粘贴文字没有格式化。只需点击这个按钮,它看起来像剪贴板上的T,切换“粘贴”功能为“纯文本模式”。

      从现在开始,当您粘贴文本时,将删除所有格式。(您可以再次单击它以切换回正常模式。)

      使用它:粘贴格式化的文本(例如,格式化为标题的博客邮政标题想要保留任何格式化)。如果您只想暂时使用它,请记住将其切换回来。

      #5:清除格式

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:N / A.

      要删除格式,你不需要单独删除每一个粗体、斜体、彩色文本等。相反,你可以使用“清除格式”按钮,它看起来像一个橡皮擦。

      只需突出显示要更改的格式化文本,然后单击按钮。

      使用它:去掉你不想要的格式。这可能是你不小心应用的格式,也可能是你将文本复制到文章中出现的格式。

      #6:特殊字符

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:n / a,尽管各个字符将具有特殊的ASCII代码

      偶尔,您可能希望在您的帖子或页面中包含一个特殊字符,以实际键入,例如版权符号©。

      要使用此功能,请将光标定位在您希望出现特殊字符的位置,然后单击Omega符号以打开一个特殊字符的面板,然后选择您想要的面板:

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      使用它:使用注册®或商标™字符在写下您的产品/品牌或其他人(如果适用)时,使用注册®或商标™字符插入版权声明,或插入任何其他特殊性!

      # 7:增加/减少缩进

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:

      如果您想要缩进文本(将其推到右侧),则可以使用此功能。两者的右侧按钮会产生缩进;您可以再次单击它以增加缩进。

      使用左边的按钮来减少或删除您创建的缩进。

      使用它:您可能会选择使用缩进的特定文本,也许也可能是不同的颜色(例如,如果在“如何”逐步“中)。

      #8:撤消/重做

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:N / A.

      您可能已经熟悉了通常的文字处理器的这些按钮。使用“撤消”(箭头指向左侧)来撤消您所做的任何事情。如果你再次改变主意,请使用“重做”。

      使用它:轻松撤消动作(例如,如果应用格式,您将意识到您不想要,或者您不小心删除了整个帖子并希望它恢复)。

      # 9:键盘快捷键

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      HTML标记等价物:N / A.

      大多数工具栏功能也有键盘快捷键,因此您可以轻松使用它们而无需将手从键盘移动到鼠标。点击 ?按钮在方便的列表中查看它们:

      如何使用WordPress WYSIWYG工具栏格式化你的博客文章像一个专业

      其中一些快捷键可能在其他程序中很常见,比如Ctrl+B表示“粗体文本”,Ctrl+Z表示“撤消”。

      但是这里有其他人特定于WordPress编辑器,例如Shift + Alt + M来插入/编辑图像。

      使用它:加快工作流程,特别是如果您使用了特定类型的格式,则使用很多。

      虽然WordPress工具栏按钮可能不是博客最激动人心的方面,但能够有效地格式化您的帖子和页面可以真正有所作为。格式化的帖子看起来很专业,易于阅读,格式化的页面可以更好地将前景转换为潜在客户或客户。

      您可以在下一个博客文章中使用新功能,或您的页面之一?你会尝试哪一个?

      或者你了解了一个你从未意识到的功能?请在评论中告诉我们。

关于兰妮加里根
Laney Galligan是Problogger和创始人和主任的总经理代理的影响,一项服务帮助在线创造者理解,建立和利用他们的影响力。当她没有帮助人们从激情中谋生(或与PB团队的懈怠),你会发现她在滚轮德比轨道上或旋转呼啦圈。
注释

    一个实用的播客.....欢迎使用手机版必发彩票.帮助您构建一个更好的博客

    必发365登录

    一个实用的播客.....欢迎使用手机版必发彩票.

    关闭
    开放