任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

演示翻译-如何在WordPress编辑器中对特定用户隐藏块

您是否正在寻找一种对用户角色隐藏特定WordPress块的方法? WordPress内容编辑器在使用块创建内容方面提供了很大的灵活性。但是,您可能希望为不同的用户角色禁用某些阻止。如果您运行的是多作者网站或不希望其他人访问特定的块,这将非常有用。 在本文中,我们将向您展示如何在WordPress内容编辑器中对特定用户隐藏块。 接下来,您可以输入您的许可证密钥,然后单击“激活许可证”按钮。您可以在您的PublishPress帐号区域找到许可证密钥。 之后,转到插件中的“阻止访问”标签。在这里,您可以从顶部的下拉菜单中选择用户配置文件。 要对选定的用户角色隐藏任何WordPress块,只需单击切换将其禁用。 例如,在下图中,我们将为任何具有作者角色的用户禁用‘TABLE’和‘QUOTE’块。 完成后,别忘了点击“保存阻止访问”按钮。 就这样!您已成功禁用网站上某个用户角色的WordPress阻止。现在,您可以重复此操作以隐藏其他用户角色的块。 我们希望这篇文章能帮助你学习如何在WordPress编辑器中对特定用户隐藏区块。你可能也想看看我们关于如何增加你的博客流量的指南,以及我们对管理最好的WordPress主机的比较。 中国和中国都是如此。

如何将博客帖子清单添加到WordPress编辑器

是否要将博客清单添加到WordPress编辑器? 一份清单可以帮助你让你的帖子尽可能地做到最好。如果你给你的网站添加了多个作者,那么核对表还可以帮助每个人以相同的风格写作,并记住所有细节。 在本文中,我们将向您展示如何将博客文章清单添加到WordPress编辑器中。 核对表通常在你写作时监控你的帖子,然后在你完成每项任务时勾选出来。这样就可以很容易地看到你做得很好的地方,以及你还需要努力的地方。 但如果你想在WordPress中创建自己的定制核对表呢? 也许你有一个多作者的博客,你想要确保你的内容有一定的质量标准。这就是清单派上用场的地方。 考虑到这一点,让我们看看如何将博客文章清单添加到WordPress编辑器中。 PublishPress有一个默认任务列表,您可以将其添加到文章写作核对表中。它还允许你为你的WordPress博客创建自定义核对表任务。 首先,您需要安装并激活该插件。如果您需要更多说明,请参阅我们关于如何安装WordPress插件的指南。 激活后,请转至核对表»设置。 在这里你可以选择WordPress将在哪里显示你的清单。要将博客清单添加到WordPress编辑器中,您需要选中“发布”复选框。 完成后,只需点击“保存更改”按钮即可。 然后,您可以通过转到以下地址来建立您的清单核对表»核对表。 在这里你会看到所有的默认任务,你可以添加到你的博客文章清单中。PublishPress能够检测到这些任务何时完成并为您勾选。 默认情况下,所有这些任务都处于禁用状态。 要将任务添加到博客文章清单中,只需打开“禁用、推荐或必需”下拉菜单。 你现在可以在“必填”或“推荐”之间进行选择。 如果你点击“必填”,那么作者将无法发布他们的WordPress帖子,除非事先勾选该任务。 如果用户在没有完成所有“必需”任务的情况下点击“发布”按钮,WordPress将显示一条“请在发布前完成以下任务”的消息。 如果您选择“推荐”,则编辑程序将显示一条消息,鼓励作者在发布之前完成任何未完成的“推荐”任务。 然而,作者将能够在不完成这些任务的情况下发布他们的帖子。 在“推荐”和“必需”之间进行选择后,您可以继续选择“谁可以忽略该任务?” 在这里,您可以让某些用户角色在不完成任务的情况下发布帖子,即使该任务是“必需的”。例如,如果您的站点管理员或编辑认为这是最好的选择,您可以相信他们会跳过这项任务。 若要将用户角色添加到您的“忽略”列表,请单击“谁可以忽略该任务?”盒。 这将打开一个显示站点上所有不同用户角色的下拉列表。 现在,您只需单击角色即可将这些用户添加到您的“忽略”列表中。 对于某些任务,可能需要设置最大值和最小值。例如,您可以设置作者必须添加到帖子中的最小类别数。要了解更多信息,请参阅我们关于如何在WordPress中添加类别和子类别的指南。 如果任务有“最小”和“最大”两个部分,那么你可以输入你想要使用的数字。 要向清单中添加更多任务,只需重复上述过程即可。 您还可以将自定义任务添加到您的博客文章清单中。 缺点是PublishPress无法检查作者是否完成了定制任务。这意味着作者将需要手动执行此检查。 有关您可能想要添加的自定义任务的更多信息,请参阅我们关于如何像专业人士一样优化您的博客帖子以进行SEO的指南。 要创建自定义任务,只需滚动到屏幕的最底部,然后点击“添加自定义任务”。 这将添加一个新任务,可供您自定义。 首先,在“输入自定义任务的名称”字段中输入任务的名称。此文本将显示在您的出版检查表中,因此请确保它让作者确切地知道他们需要做什么。 现在,您可以将此任务设置为“建议”或“必需”,并允许某些用户按照上述过程忽略此任务。 对于自定义任务,您可以指定可以将此任务标记为已完成的用户。例如,您可以使用自定义任务为具有编辑者角色的用户创建特殊的“编辑”核对表。 要执行此操作,请单击“哪些角色可以将此任务标记为完成”框。这将打开一个下拉列表,您可以在其中单击以选择您的任何用户角色。 将所有任务添加到清单后,只需点击“保存更改”按钮即可。现在,你可以访问WordPress的编辑来实时查看你的博客文章清单。 我们希望本文能帮助您学习如何将博客清单添加到WordPress编辑器中。你可能还想看看我们关于如何创建电子邮件时事通讯的指南,以及我们的专家精选的最好的WordPress SEO插件和工具,你应该用来提高你的排名。 中国和中国都是如此。

如何向WordPress可视化编辑器添加自定义样式

是否要在WordPress可视化编辑器中添加自定义样式?添加自定义样式使您无需切换到文本编辑器即可快速应用格式。在本文中,我们将向您展示如何向WordPress可视化编辑器添加自定义样式。 注:本教程需要掌握基本的css应用知识。 为什么以及何时需要WordPress可视编辑器的自定义样式 默认情况下,WordPress可视化编辑器带有一些基本的格式和样式选项。但是,有时您可能需要自己的自定义样式来添加CSS按钮、内容块、标语等。 您可以随时从可视化切换到文本编辑器,并添加自定义的HTML和CSS。但如果您经常使用某些样式,那么最好将它们添加到可视化编辑器中,这样您就可以轻松地重复使用它们。 这将节省您在文本和可视化编辑器之间来回切换所花费的时间。它还将允许您在整个网站中一致地使用相同的样式。 最重要的是,你可以轻松地调整或更新样式,而不必编辑网站上的帖子。 话虽如此,让我们来看看如何在WordPress可视化编辑器中添加自定义样式。 方法1:使用插件在可视编辑器中添加自定义样式 您需要做的第一件事是安装并激活TinyMCE Custom Styles插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,您需要访问设置»TinyMCE自定义样式页可配置插件设置。 该插件允许您选择样式表文件的位置。它可以使用您的主题或子主题的样式表,也可以选择您自己的自定义位置。 在此之后,您需要点击“保存所有设置”按钮来保存您的更改。 现在,您可以添加自定义样式。您需要稍微向下滚动到Style部分,然后单击Add new style按钮。 首先,您需要输入样式的标题。此标题将显示在下拉菜单中。接下来,您需要选择它是内联、块还是选择器元素。 之后,添加一个css类,然后添加您的css规则,如下面的屏幕截图所示。 一旦你添加了一个css样式,只需点击‘保存所有设置’按钮来保存你的更改。 现在,您可以编辑现有帖子或创建新帖子。你会注意到WordPress可视化编辑器的第二行有一个格式下拉菜单。 只需在编辑器中选择一些文本,然后从格式下拉菜单中选择您的自定义样式即可应用它。 您现在可以预览您的帖子,以查看您的自定义样式是否已正确应用。 方法2:手动将自定义样式添加到WordPress可视编辑器 此方法需要您手动将代码添加到WordPress文件中。如果这是你第一次将代码添加到WordPress中,那么请参考我们关于将代码片段从Web添加到WordPress中的指南。 步骤1:在WordPress可视化编辑器中添加自定义样式下拉菜单 首先,我们将在WordPress可视化编辑器中添加一个格式下拉菜单。然后,此下拉菜单将允许我们选择和应用我们的自定义样式。 您需要将以下代码添加到主题的unctions.php文件或站点特定的插件中。 编辑器样式表控制内容在可视化编辑器中的外观。查看主题的文档以找出该文件的位置。 如果您的主题没有编辑器样式表文件,那么您可以随时创建一个。只需创建一个新的css文件并将其命名custom-editor-style.css。 您需要将此文件上传到主题的根目录,然后将此代码添加到主题的unctions.php文件中。 function my_theme_add_editor_styles() { add_editor_style( ‘custom-editor-style.css’ ); } add_action( ‘init’, ‘my_theme_add_editor_styles’ ); 由❤️托管WPCode在WordPress中一键使用 就这样。您已经成功地将您的自定义样式添加到WordPress可视化编辑器中。通过添加您自己的元素和样式,您可以随意使用代码。 我们希望本文能帮助您学习如何向WordPress可视化编辑器添加自定义样式。你可能还想看看我们关于如何向WordPress窗口小部件添加自定义样式的指南。 而且.。

如何在WordPress 4.3中禁用可视化编辑器格式快捷键

不喜欢WordPress 4.3中引入的格式快捷键?觉得有点让人分心吗?最近,我们的一个用户问我们如何在WordPress中禁用可视化编辑器格式快捷键。在本文中,我们将向您展示如何在WordPress 4.3中禁用可视化编辑器格式快捷键。 什么是格式化快捷键以及如何使用它们? WordPress 4.3带来了一项名为格式快捷键的新功能。它允许用户快速添加常见的文本格式,而不需要将手从键盘上移开,也不需要编写任何HTML。 vbl.使用*或–将开始一个无序列表。 vbl.使用1.或1)将开始一个有序列表。 vbl.使用#将转换为H1。##对于H2,###对于h3等等。 vbl.使用>会变成区块引号。 视频教程 订阅塔克网 如果您不喜欢视频或需要更多说明,请继续阅读。 禁用可视编辑器格式快捷键 虽然我们认为格式化快捷键很棒,但一些用户发现这个功能有点令人困惑和分散注意力。 如果您想禁用WordPress中的格式快捷键,请按照以下说明操作: 将此代码复制并粘贴到主题的unctions.php文件或站点特定的插件中。 function disable_mce_wptextpattern( $opt ) { if ( isset( $opt[‘plugins’] ) && $opt[‘plugins’] ) { $opt[‘plugins’] = explode( ‘,’, $opt[‘plugins’] ); $opt[‘plugins’] = array_diff( $opt[‘plugins’] , array( ‘wptextpattern’ ) ); $opt[‘plugins’] = implode( ‘,’, $opt[‘plugins’] ); } return $opt; […]

如何在WordPress中禁用全屏编辑器

您想禁用WordPress中的全屏编辑器吗? 更新后,WordPress 5.4现在默认以全屏模式打开帖子和页面编辑器。虽然这种无分心模式提供了干净和易于使用的体验,但一些用户可能想要回到常规的紧凑型视图。 在本文中,我们将向您展示如何轻松禁用WordPress中的全屏编辑器。 为了解决这个问题,WordPress的核心团队决定在默认情况下将编辑器设置为全屏,这样用户就可以有一个不受干扰的写作体验。 现在,需要注意的是,这种全屏模式并不是什么新鲜事。它已经在那里了,用户可以打开/关闭它。 现在的改变是,全屏模式现在将成为在WordPress中撰写帖子时的默认视图。 POST编辑器将立即退出全屏模式,并开始显示管理侧边栏和顶部工具栏。 WordPress会将您的全屏模式首选项存储在浏览器的临时存储空间中。 然而,如果你切换到不同的浏览器,使用隐姓埋名模式,或者从不同的设备访问管理区域,那么你将再次看到全屏编辑器。 如果您使用多个设备、用户帐户或浏览器来访问您的WordPress管理区域,那么每次都将其切换回来可能会有些烦人。 下一种方法可以帮助您永久地解决这个问题。 接下来,您将进入“创建自定义代码片断”页面。在这里,您可以为您的代码片段添加标题,并将上面的代码粘贴到“代码预览”框中。 别忘了从下拉菜单中选择‘PHP代码片段’作为代码类型。 最后,只需将开关从“非活动”切换到“活动”,然后单击页面顶部的“保存代码片断”按钮。 这段代码首先检查用户是否正在查看管理区域页面。如果是,则检查全屏编辑器的状态。 如果启用了全屏编辑器,则只需将其关闭即可。 你仍然可以从文章编辑屏幕上手动打开全屏模式,这样你的文章编辑器就会工作得很好。 但是,如果你返回,那么它会自动关闭它。此行为适用于可以访问您网站上的文章编辑器的所有用户。 我们希望这篇文章能帮助你学习如何在WordPress文章编辑器中禁用全屏模式。你可能还想看看我们掌握WordPress内容编辑器的技巧,或者看看我们的专家精选的最好的拖放式WordPress页面生成器。 中国和中国都是如此。 代码积分:让-巴蒂斯特·奥德拉斯

如何测试站点以更新到Gutenberg(块编辑器)

你准备好过渡到WordPress Gutenberg的编辑了吗?与WordPress 5.0一起正式发布的Gutenberg块编辑器是WordPress的默认内容编辑器,它允许您使用块创建视觉上令人惊叹的内容。 挑战在于一些主题和插件可能不能很好地支持古腾堡,所以更新你的网站可能会导致意想不到的问题。 在本文中,我们将向您展示如何测试您的WordPress站点以更新到Gutenberg。 然而,一些用户仍然不愿将他们的WordPress网站更新到区块编辑,担心有些东西不起作用,或者古腾堡可能会破坏他们的网站。 古登堡是经过很长一段时间开发的,有足够的时间让主题和插件开发人员让他们的产品与古登堡兼容。所有顶级的WordPress插件都已经与Gutenberg完全兼容,大多数主题都可以毫无问题地运行。 然而,为了避免任何冲突,您可能希望使用Gutenberg和更新版本的WordPress测试您的站点。这将允许您发现是否有任何插件或主题是不兼容的。您还可以捕获意外的WordPress错误,并在更新您的实时站点之前修复它们。 话虽如此,现在让我们继续检查如何一步一步地测试您的网站以更新到Gutenberg块编辑器。 然后在本地站点上,您可以更新到最新版本的WordPress,并测试您的所有插件/主题与块编辑器的兼容性。 您还可以在本地站点上进行更改,并在完成后将它们上载到您的实时站点。 如果您不需要对本地站点进行任何更改,并且一切正常,那么您可以继续将您的实时站点更新到最新版本的WordPress。 2.在临时环境中测试您的网站 临时站点是您的网站的单独开发版本,您可以在其中尝试新功能。 它通常是您的站点的一个子域,被限制为公共访问。在这里你可以测试新的更新、主题、插件,或者在你的所有开发中使用它。一旦您测试了所有必要的东西,您就可以将其上传到您的实时站点。 大多数顶尖的WordPress托管公司都提供从您的托管帐户中一键安装临时站点的服务。 如果你的站点是用Bluehost托管的,那么你会在你的WordPress管理仪表板的Bluehost菜单中找到一个创建临时站点的选项。 您还可以在WP Engine和SiteGround上创建一键过渡站点。如果你没有使用这些托管公司中的任何一家,那么你应该问问你的主人,因为他们可能会提供这一功能。 如果您的托管服务没有临时站点安装功能,那么您仍然可以自己手动安装。以下是我们关于如何在WordPress中创建临时环境的逐步教程。 经典编辑器是WordPress核心贡献者的官方WordPress插件,可以让你切换回经典编辑器。有了这个插件,你就可以隐藏古腾堡的编辑并像以前一样创建内容。 如果你在更新WordPress后因为某个主题或插件不起作用而不得不安装经典编辑器,那么你仍然有工作要做。 你需要联系主题或插件开发者,让他们让它与最新的WordPress版本兼容。 如果你没有得到积极的回应,那么你需要找到一个替代的主题或插件来取代不兼容的主题或插件。 步骤4:更新到Gutenberg后要做的事情 如果你刚刚开始你的第一个WordPress博客,那么你就幸运了。你很快就会习惯这个令人敬畏的新块编辑器,它速度更快,更现代,而且功能强大得令人难以置信。 另一方面,如果你已经使用WordPress一段时间了,那么新的编辑器对你来说是一种令人兴奋的新体验。 我们大多数人都习惯于使用旧的编辑器,并且已经围绕它建立了我们的工作流程。 好消息是,你仍然可以做你在老编辑中用古腾堡做的所有事情,然后再做更多。 为了帮助您学习新功能,我们创建了一个完整的古腾堡教程。它展示了如何使用块编辑器并为您的站点创建视觉上令人惊叹的内容。 我们希望本文能帮助您学习如何测试您的WordPress站点以更新到Gutenberg和块编辑器。你可能也想看看如何修复常见的块编辑器问题,我们的专家会挑选出最好的古腾堡块插件。 中国和中国都是如此。

如何从WordPress管理面板禁用主题和插件编辑器

你知道WordPress有一个内置的主题和插件编辑器吗?这个纯代码编辑器允许你直接从WordPress仪表板编辑你的主题和插件文件。 现在,这听起来可能真的很有帮助,但它也可能导致一些问题,如破坏您的站点和潜在的安全问题,当与其他漏洞结合在一起时。 在本文中,我们将解释为什么以及如何从WordPress管理区域禁用主题和插件编辑器。 类似地,可以在以下位置查看插件编辑器插件»插件文件编辑器佩奇。默认情况下,它会显示您站点上已安装的插件之一,该插件按字母顺序排在第一位。 如果你是第一次访问主题或插件编辑器页面,WordPress会警告你,使用该编辑器可能会破坏你的网站。 在WordPress 4.9中,主题和插件编辑器进行了升级,以防止用户意外破坏他们的网站。在大多数情况下,编辑器将捕获致命错误并恢复更改。 然而,这是不能保证的,一些代码可能仍然会漏掉,你最终会失去对WordPress管理区的访问权限。 内置文件编辑器最大的问题是,它允许完全访问将任何类型的代码添加到您的网站。 如果黑客闯入你的WordPress管理区域,那么他们可以使用内置的编辑器来访问你的所有WordPress数据。 黑客还可以利用它来分发恶意软件或从您的WordPress网站发起DDOS攻击。 为了提高WordPress的安全性,我们建议完全删除内置的文件编辑器。 话虽如此,让我们来看看如何在WordPress中轻松禁用主题和插件编辑器。 接下来,为您的代码片段添加标题,并将上面的代码粘贴到“代码预览”框中。您还需要从右侧的下拉菜单中选择‘PHP代码片段’作为代码类型。 之后,只需将开关从“非活动”切换到“活动”,然后单击“保存代码片断”按钮。 仅此而已,插件和主题编辑器现在将从WordPress管理区的主题和插件菜单中消失。 或者,您也可以编辑wp-config.php文件,并将上面的代码粘贴到下面这行之前‘仅此而已,别再编辑了!《快乐出版》: 然后,保存您的更改并将文件上传回您的网站。 如果你不想直接编辑文件,那么你可以安装Sucuri WordPress插件,它提供了一键强化功能。 要了解更多详细信息,请参阅我们的指南:如何在不破坏网站的情况下在WordPress中添加自定义的css。 如果你想在一个插件中查找代码,那么你可以使用一个ftp客户端来实现。 为了更好地管理文件和突出显示语法,您可以使用这些代码编辑器之一在您的计算机上编辑WordPress文件。 最后但并非最不重要的一点是,您还可以创建自定义WordPress主题,而无需编写任何代码。 我们希望这篇文章能帮助你学习如何在WordPress管理面板中轻松禁用主题和插件编辑器。你可能还想看看我们提高WordPress性能和速度的终极指南,或者我们的专家精选的最好的网页设计软件。 中国和中国都是如此。

想要使用WordPress可视化编辑器为您的网站创建小部件吗?使用可视化编辑器向自定义小部件添加文本、链接、图像和其他内容

您想要使用可视化编辑器为您的网站创建小部件吗? 使用合适的可视化编辑器,您可以创建具有链接、图像、文本等功能的自定义小部件。然后,您可以将这些小部件添加到主题的不同区域,并在WordPress网站上显示它们。 在本文中,我们将向您展示如何使用可视化编辑器在WordPress中创建小部件。 为什么使用可视化编辑器在WordPress中创建小部件? Widgets允许您在传统的页面和帖子区域之外添加丰富的内容。每个WordPress主题都是不同的,但你通常可以在页脚、页眉和侧边栏等区域添加小部件。 许多网站使用这些区域来显示“关于”部分,显示他们最受欢迎的帖子,添加电子邮件时事通讯注册表单等等。 WordPress有一个区域,你可以添加块到任何小部件准备区域。 许多WordPress插件也添加自己的块。 例如,如果您正在使用Smash Balloon Feed,那么您可以使用插件’s Feed块在任何小部件准备区域嵌入最近的tweet。 然而,有时您可能希望创建一个自定义小部件,向您的访问者显示丰富的多媒体内容。例如,你可能想上传你的作者照片,然后用它来创建一个作者简介小工具,并附上你不同社交媒体资料的链接。 话虽如此,让我们看看如何使用可视化编辑器在WordPress中创建自定义小部件。只需使用下面的链接跳转到适合您主题的方法。 方法一。使用widget选项插件(适用于所有WordPress主题) 创建自定义widget的最简单方法是使用widget选项插件。这个插件为标准的WordPress可视化小部件编辑器添加了许多额外的设置,包括根据用户角色显示不同小部件的能力,在移动设备上隐藏WordPress小部件等等。 它还添加了一个Text小部件,您可以使用自己的链接、图像、格式等自定义。这对于创建自定义小部件来说是完美的,而无需编写任何代码。 首先,您需要安装并激活Widget Options插件。要了解更多细节,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,转到WordPress仪表板中的 Appearance»Widgets 页面, 您现在将看到WordPress主题中所有准备好小部件的区域列表。 您还将看到您可以添加到您的站点的所有小部件。在本教程中,我们将使用Text小部件。你所要做的就是把它拖放到任何一个可以安装小部件的区域。 现在你会看到一个小的弹出窗口。 这个弹出窗口的工作原理类似于迷你页面或post编辑器,所以它应该看起来很熟悉。 首先,您可以输入一个标题,它将出现在小部件的上方。 之后,您可以直接在小编辑器中键入文本,添加链接和图像,创建列表,更改格式等等。 当您对小部件的设置感到满意时,单击’Done’存储其设置的链接。 现在,如果您访问您的网站,您将看到新的富文本小部件。 如果你愿意,那么你可以使用WordPress Customizer可视化地构建一个自定义小部件。 直接进入Appearance»Widgets,但是这次点击‘Manage with Live Preview.’ #8# 这将打开Customizer与已经选择的小部件设置。 现在可以单击要添加自定义小部件的区域。 之后,点击‘添加小部件’这将打开一个显示所有不同小部件的面板。 查找‘Text’点击一下,把它添加到你的网站上。 这将打开一个小编辑器,您可以在其中添加文本、链接、媒体等。 当您在编辑器中进行更改时,实时预览将自动更新。 当你对小部件的外观满意时,点击’Publish’按钮,使它在你的WordPress博客或网站上运行。 如果你不能在你的WordPress仪表板中找到主题定制器,我们有一个详细的指南来修复它,如果它丢失了。 方法二。使用全站编辑器(适用于Block-Enabled WordPress主题) 如果你使用的是启用块的WordPress主题,那么你可以使用全站编辑器将块添加到任何小部件准备区域。通过这种方式,您可以通过将标准WordPress块安排在小部件准备区域(如侧边栏)来创建自定义小部件。 考虑到这一点,你不需要安装一个单独的WordPress插件。 要开始,只需进入Themes » <nbsp;Editor。 WordPress默认会显示你的一个模板,通常是主页模板。 如果要将自定义小部件添加到不同的模板中,则单击工具栏中向下指向的箭头。然后,您可以从下拉菜单中选择任何模板。 如果你没有看到你想使用的模板,点击’浏览所有模板’代替。 这将把您带到一个显示所有可用模板的屏幕。在这里,只需单击要使用的模板。 完成后,点击蓝色‘+’图标,然后找到要在自定义小部件中使用的第一个块。 您可以使用任何您喜欢的块组合,但如果您打算使用图像和文本,那么我们建议从‘Media […]

WordPress 元数据,区块插件,区块编辑器,自定义字段 文字详细教程

自定义字段提供了一种为网站内容分配额外信息的方法。这些信息通常被称为元数据。 元数据是关于信息的信息。就WordPress而言,它是与帖子、用户、评论和术语相关的信息。 鉴于WordPress中元数据的多对一关系,你的选择是相当无限的。你可以有你想要的许多元选项,而且你可以在其中存储几乎任何东西。 —Plugin Handbook 下面是一些你可以使用自定义字段附加到文章的元数据的例子: 地方或房地产的地理坐标 事件的日期 书的国际标准书号或作者 文章作者当天的心情 或者更多其他信息。 开箱即用,WordPress并没有提供一个简单的方法来添加和管理自定义字段。在经典编辑器中,自定义字段显示在页面底部的一个框中,位于文章编辑器的下面。 经典编辑器中的自定义字段。 在Gutenberg中,自定义字段默认是禁用的,但你可以通过选择文章设置中的相应项目来显示它们。 将自定义字段面板添加到区块编辑器中。 不幸的是,如果不使用插件或不动手写代码,就没有办法在前台显示元数据。 如果你是一个用户,你会发现有几个优秀的插件在为你做这项工作。但是,如果你是一个开发者,想从WordPress的自定义字段中得到更多的东西,把它们无缝地集成到块编辑器中,并使用自定义的Gutenberg块在WordPress网站的前端显示它们,那么你就来对地方了。 因此,如果你想知道对于WordPress开发者来说,在Gutenberg和经典编辑器中使用WordPress自定义字段的最佳方式是什么,快速的答案是 “创建一个既适用于经典编辑器又适用于Gutenberg的插件”。 但不要太担心。如果创建一个插件来管理两个编辑器中的自定义字段可能有点棘手,我们会尽量使这个过程简单明了。一旦你理解了我们将在本文中讨论的概念,你将获得在Gutenberg中管理自定义元字段和建立各种网站所需的技能。 Info 本文假设你熟悉Node.js & npm、React和JavaScript等技术。还需要有WordPress开发的基本知识。 如果你是Gutenberg区块开发的新手,在开始阅读本文之前,请务必查看我们之前的指南: 构建自定义古腾堡区块 如何为古腾堡创建动态块 注意:在做任何事情之前,确保你的电脑上有最新版本的Node.js。 说了这么多,下面是我们的详细介绍: 用官方的create-block工具创建一个区块插件 在经典编辑器中添加元数据框 在古腾堡区块编辑器中添加自定义元字段(三个选项) 进一步阅读 用官方的create-block工具创建一个区块插件 第一步是创建一个新的插件,包含注册一个新的区块类型所需的所有文件和依赖性。块插件将允许你轻松地建立一个自定义块类型,用于管理和显示自定义元数据。 为了创建一个新的区块类型,我们将使用官方的create-block工具。关于如何使用create-block工具的详细介绍,请查看我们之前关于Gutenberg区块开发的文章。 打开你的命令行工具,导航到你的WordPress开发网站的插件目录,运行以下命令: npx @wordpress/create-block 当出现提示时,添加以下细节: The template variant to use for this block: dynamic The block slug used for identification (also […]

在本文中,我们将向您介绍如何将Spotify嵌入区块添加到WordPress文章或页面,以及如何向其添加各种Spotify链接。我们还将介绍技巧、最佳实践和常见问题解答。

WordPress的Spotify嵌入区块可让您向WordPress文章和页面添加各种音乐好东西。您可以嵌入专辑、播放列表、播客或曲目,任何人在访问您的网站时都可以收听它们。在提示他们进行下一步(例如登录或注册)之前,他们会听到30秒的预览。此外,您实际上并不需要付费的Spotify帐户来嵌入音乐或播客,这意味着您可以迎合您的观众,而无需在您的每月预算中添加其他订阅。 想要在您的WordPress文章或页面中嵌入Spotify链接的原因有很多: 推广您自己(或其他人)的创意项目 将您的观众与您知道他们会喜欢的内容联系起来 提供您正在评论或评论的音乐样本或播客 用多媒体增强您的页面,让您的访问者享受聆听的乐趣 在本文中,我们将向您介绍如何将Spotify嵌入区块添加到WordPress文章或页面,以及如何向其添加各种Spotify链接。我们还将介绍技巧、最佳实践和常见问题解答。 如何将Spotify嵌入区块添加到页面或文章 在将Spotify链接添加到WordPress之前,您必须知道如何设置Spotify嵌入区块并为它们做好准备。首先,登录到您的WordPress仪表盘。以Gutenberg编辑器创建或打开页面或文章 将鼠标悬停在页面上的空白区域,您会看到一个加号。单击它会显示您可以添加到WordPress文章或页面的所有区块。在搜索框中输入“Spotify”,然后选择出现的Spotify区块。这会将Spotify嵌入区块添加到WordPress文章或页面。 现在让我们添加一些音乐或播客! 如何文章或页面中嵌入Spotify音乐 让我们从嵌入单个曲目开始,因为嵌入专辑或播放列表将遵循类似的过程。 如何将Spotify曲目嵌入文章或页面 打开Spotify网络播放器并登录。找到您要嵌入的曲目(1)。单击最右侧的三点图标(2)。将鼠标悬停在“Share(3)”上以显示第二个菜单。选择Select Copy Song Link(4)。 返回WordPress,将该链接粘贴到Spotify嵌入框中,然后单击嵌入。 这是嵌入轨道的样子: 如何将Spotify专辑或播放列表嵌入文章或页面 要在WordPress中嵌入整个专辑,请转到Spotify上的专辑。(确保您实际上是在专辑上,而不是在艺术家的页面上——当您复制链接时,您是否在错误的地方会很清楚。)点击三点图标(1),将鼠标悬停在Share(2)上,然后选择Copy Album Link(3)。 将链接粘贴到WordPress的Spotify嵌入框中,然后单击嵌入。所有专辑曲目都会显示出来,用户可以滚动查看更多。 要嵌入Spotify播放列表(您的或其他人的),请导航到播放列表,单击三点图标(1),选择Share(2),然后选择Copy Link to Playlist(3)。 这将显示为与专辑相同的曲目列表和右侧的滚动条以查看更多内容。 如何将Spotify播客嵌入文章或页面 嵌入播客遵循类似的过程。首先,您必须转到主播客页面,而不仅仅是单个剧集的页面。如果您正在观看一集,单击“See All Episodes”会将您带到主节目页面。 从那里,单击“Follow”链接右侧的三点图标(1)。将鼠标悬停在Share(2)上,然后从弹出的菜单中单击Copy Show Link(3)。 返回WordPress的Spotify嵌入区块,粘贴链接并点击嵌入。 如何将Spotify播客剧集嵌入文章或页面 要嵌入单个播客剧集,您将遵循类似的过程。转到剧集,单击加号右侧的三点图标(1),将鼠标悬停在Share(2)上并选择Copy Episode Link(3)。 转到WordPress,将链接粘贴到Spotify嵌入框中,然后点击嵌入。 Spotify嵌入区块错误消息 如果您以某种方式获取了无法嵌入的链接,或者您不小心只粘贴了链接的一部分,您将收到一条错误消息。您可以选择再次尝试链接或选择转换为链接选项,但如果两者都不起作用,则必须使用不同的链接。 Spotify嵌入区块设置和选项 当您单击Spotify嵌入区块时,顶部上方的工具栏中会显示四个选项。 从左到右分别是: 更改区块类型或样式:这使您可以将块转换为列或组布局。这个选项很挑剔,但如果你想尝试一下,你可以添加更多的Spotify区块(或其他区块)并以有趣的方式排列它们,你还可以调整颜色设置。不过,不要理会段落选项 – 它会将您的URL变成纯文本。 更改对齐方式:将嵌入框向左、居中或向右对齐,或选择全幅或宽幅。选择Left或Center将使框变小,而选择Wide或Full将使其与页面一样宽。 编辑URL:更改嵌入框中的Spotify链接。 更多选项:复制或复制嵌入框、在它之前或之后添加另一个区块、在页面上移动它、编辑区块的HTML、将其添加到您的可重用区块、将布局变成一个组或完全删除区块。 如果页面上有任何其他区块,您还会看到六点拖动图标,可让您单击并将框拖动到页面上的其他位置,以及向上和向下箭头图标,可让您移动块每次点击向上或向下一个位置。 […]

在本教程中,我们将向您展示如何在 WordPress中添加此区块以及如何配置它。然后,我们将介绍一些提示,以便您可以充分利用您的专栏,以及一些有关区块的常见问题 (FAQ)

栏目是大多数现代网站和页面构建器的关键组件。幸运的是,WordPress区块编辑器使您能够同时使用列和行,因此您可以完全控制每个页面的布局。然而,尽管Builder将自动添加行,你需要选择在哪里以及如何使用栏目区块添加栏目。 在本教程中,我们将向您展示如何在 WordPress中添加此区块以及如何配置它。然后,我们将介绍一些提示,以便您可以充分利用您的专栏,以及一些有关区块的常见问题 (FAQ) 如何将栏目区块添加至页面或文章 首先,打开要处理的页面或文章的区块编辑器。单击您添加的最后一个区块下方的加号图标 (1),或使用屏幕顶部的菜单,然后选择“栏目” 选项 (2): 区块编辑器为您提供了多个选项,供您选择要在所选行中包含的栏目数: 默认情况下,区块编辑器仅允许您选择在一行中最多包含三列的预设。但是,一旦您放置了这些预设之一,您就可以单击它们之间的加号以向该行添加更多元素: 可以这么说,编辑器将每一列视为自己的“部分”。例如,如果您有一行包含三列,您可以在每列中添加单独的区块以创建定价表: 您可以将编辑器中可用的任何区块添加到您正在处理的每一列。放置所需的区块后,您可能还想花一些时间自定义列的设置。 栏目区块设置和选项 当您将鼠标悬停在区块编辑器中带有列的行上时,将出现一个格式菜单。该菜单包括用于移动列 (1)、更改其对齐方式 (2) 和修改行宽 (3) 的选项: 您看到的格式菜单会随着您添加区块而改变。当您将鼠标悬停在包含区块的列上时,该元素的格式菜单将替换默认菜单。 对于此示例,我们向所有列添加了表格区块。当我们将鼠标悬停在其中任何一个上时,会出现以下格式菜单: 除了格式菜单之外,还有另一组选项可让您自定义栏目区块。要访问它,请选择包含要编辑的栏目的行,然后单击屏幕右上角的齿轮图标 (1)。将弹出一个侧边栏,包括更改该行颜色 (2)、填充 (3) 和列宽 (4) 的选项: 颜色设置使您能够更改行内文本和链接的颜色,以及其背景的颜色。请记住,您在此处选择的设置适用于行中的所有列。但是,您可以通过调整每列中的各个区块设置来取代这些选项。 如果您想进一步自定义此区块,您还可以从设置菜单的“高级”选项卡中设置HTML锚点和其他CSS类: 这就是您需要了解的有关如何使用和配置这个重要区块的所有信息。现在让我们回顾一些提示,以帮助您有效地使用栏目。 有效使用栏目区块的提示和最佳实践 栏目是网页设计中的通用元素。您几乎可以在任何情况下使用它们,因为它们有助于为任何页面或文章提供结构。 在视觉上,栏目可帮助您分解长段的段落,并将列表、表格甚至图像并排放置。这是默认WordPress主题之一的示例,使用列来实现与图片区块的重叠效果: 在大多数情况下,您不希望列重叠。但是,对于如何使用列并没有一成不变的规则。只要结果看起来美观,您就可以随意使用此区块进行试验。 关于栏目区块的常见问题 到目前为止,您已经对如何在WordPress中使用栏目有了扎实的掌握。为确保您没有遗漏任何内容,让我们回顾一些常见问题。 栏目区块可与页面构建器插件一起使用吗? 一般情况下,第三方页面构建器插件取代了默认的WordPress编辑器。这意味着您将无法访问栏目区块。但是,大多数页面构建器插件都包含自己的行和列,因此您可以使用类似的功能。 可在页面或帖子中添加多少列? 栏目区块允许您在预设行内添加到三列。但是,您可以手动添加更多行。请记住,如果添加太多列,它们可能没有足够的空间来正确显示其内容。 可以在小部件中使用栏目区块吗? WordPress支持使用区块编辑器自定义小部件区域,例如页脚或侧边栏。这意味着您可以访问与处理页面或文章时相同的所有区块。请记住,由于您的工作空间可能会减少,因此在小部件区域中使用多个列会使您的内容看起来很拥挤。 小结 对于现代页面构建器工具而言,仅行是不够的。创建和自定义行和列的选项使您可以完全控制网站上每个元素的位置。 WordPress栏目区块使用起来非常简单。您可以在任何单行中添加任意数量的列。此外,您可以在列中放置任何您想要的区块,并自定义其内容、样式等。

我们将解释如何将WordPress多个按钮区块添加到文章和页面,以及如何使用它。我们将讨论它的每个设置和配置选项,并为您提供一些有效使用区块的最佳提示。然后我们将通过回答一些常见问题来结束这篇教程。

您网站上的按钮在其外观和可用性方面发挥着重要作用。它们帮助访问者浏览不同的页面,并使他们能够轻松地执行重要操作(例如下载内容或订阅您的时事通讯)。拥有一种简单而有效的方法来插入和自定义此基本元素,这一点至关重要。幸运的是,WordPress多个按钮区块可以提供帮助。 在这篇文章中,我们将解释如何将WordPress多个按钮区块添加到文章和页面,以及如何使用它。我们将讨论它的每个设置和配置选项,并为您提供一些有效使用区块的最佳提示。然后我们将通过回答一些常见问题来结束这篇教程。 如何将多个按钮区块添加至文章或页面 要向WordPress内容添加按钮,首先导航到要插文章或页面编辑。接下来单击添加区块图标 (1),在文本字段中搜索“按钮”,然后选择多个按钮选项 (2): 您还可以通过在文本编辑器中键入“/buttons”并按键盘上的Enter键来添加按钮区块。插入区块后,您将可以访问一个新的工具栏菜单,我们将在下面讨论。 多个按钮区块设置和选项 每个WordPress区块都有自己的一组控件和配置选项。添加按钮时,有很多选项可用于链接、对齐和设置它们的样式。我们将从探索文本和链接设置开始。 文本和链接 当您第一次插入多个按钮区块时,将添加一个带有占位符内容的默认按钮: 当您单击文本字段时,您可以将文本更改为您希望按钮显示的任何内容。例如,您可以添加行动号召 (CTA),例如“了解更多”。 第二个工具栏选项是链接图标,您可以使用它来确定按钮将引导用户的位置: 您可以通过在文本字段中键入来搜索要链接到的内部页面。您还可以输入或复制/粘贴外部页面的 URL。然后您可以选择箭头图标或按Enter键插入链接。 请注意,您还可以切换在新标签页中打开选项。这将决定用户是被带到同一窗口中的新页面还是新选项卡中。 按钮格式 添加按钮文本并将其链接到正确的目标页面后,您就可以开始对其进行格式化和自定义。首先,您可以使用工具栏上的相应图标选择粗体或斜体按钮的文本: 如果单击向下箭头,您还会看到一些其他选项。例如,您可以更改文本颜色,并包括下标或上标文本。 样式、排版和颜色 自定义按钮的最后一步是选择其样式、排版和颜色。您可以使用区块侧边栏菜单中的控件来完成这一切: 您拥有的两个样式选项是填充Fill和轮廓Outline。Fill将使按钮成为纯色,而轮廓将提供带有可选彩色边框的透明按钮。您可以通过单击带有预览的图标进行选择,或从默认样式下拉菜单中选择所需的外观。 接下来,在排版部分下,您可以为按钮文本选择字体大小: 选项范围从超小到巨大。您还可以输入自定义尺寸。 在“颜色”面板中,您可以找到用于更改文本和按钮颜色的选项。对于两者,您可以从可用选项列表中进行选择或选择自定义阴影: 请注意,对于您的背景颜色,您可以选择纯色Solid或渐变色Gradient: 如果选择渐变色Gradient,则可以从各种混合过渡颜色中进行选择。您可以使用颜色滑块来确定每种颜色的流行程度以及渐变的方向。 有效使用多个按钮区块的提示和最佳实践 这里有很多的,你可以在你的WordPress网站使用的按键方式,但他们最常用的商品交易顾问。这些可以包括提示访问者的按钮: 阅读/了解更多 立即购买 下载 添加到购物车 现在预订 当您创建CTA或任何其他类型的重要按钮时,确保它在页面上突出很重要。否则,您的访问者可能会忽略它,并且您可能无法获得您想要的参与度或转化率。 因此,我们建议在将它们插入您的帖子和页面时利用 WordPress 的内置按钮样式选项。例如,将按钮背景颜色更改为与主题背景具有高对比度的阴影可以使其更易于区分。 此外,对按钮的放置具有战略意义也是明智之举。通常,将它们放在页面上访问者的视线自然会落下的某个位置是有意义的。例如,当您准备好将用户指向新页面时,您可以在博客文章的末尾添加一个按钮。 根据按钮的用途,将它们添加到侧边栏中也可能是有意义的,以便在用户浏览您的网站时它们始终可见。如果您正在创建联系人或订阅按钮,这是一个特别好的主意。 关于多个按钮区块的常见问题 到现在为止,您可能已经对多个按钮区块是什么以及如何使用它有了深入的了解。但是,为了确保我们已经涵盖了所有基本信息,让我们回顾一下有关此区块的一些最常见问题。 如何查找多个按钮区块? 您可以通过导航到要添加按钮的文章或页面(或小部件区域)来找到此区块。接下来,您可以搜索“/buttons”并按Enter 键,或单击“添加区块”图标并在文本字段中搜索“按钮”。 多个按钮区块在文章和页面中有什么作用? 按钮区块可以让你在视觉上独特的方式链接到的内部和外部网页。您可以插入一个按钮,将访问者指向您网站或第三方网站上的另一段内容,并对其进行自定义以使其完全符合您的喜好。 可以在哪里添加多个按钮区块? 您可以在任何文章和页面上添加按钮。更重要的是,您可以将它们插入到您可以访问区块编辑器的任何位置。例如,这意味着您通常可以在页脚或侧边栏中插入一个按钮(取决于您的主题选项)。 小结 按钮是有效网页设计的重要元素。他们引导您的访问者前往他们想去的地方,并帮助您提高参与度和转化率。因此,必须有一种在整个站点中快速无缝地插入和编辑它们的方法。 正如您现在所知,按钮区块可以使将这些元素添加到您的站点变得更加容易。插入区块后,您可以使用设置和控件来自定义其外观,并确定访问者单击它时将被发送到的位置。您甚至可以向可重用区块添加自定义按钮,以便您可以在整个站点中重复使用它。

在本教程中,我们将解释如何将空间区块添加到您的WordPress文章或页面以及如何使用它。我们将探索区块的各种设置和选项,并提供一些有效使用它的最佳提示和最佳实践。然后我们将通过回答一些常见问题来结束。

您在网站上组织和排列元素的方式会对网站的整体外观甚至用户体验 (UX) 产生重大影响。WordPress空格区块是一个简单的工具,可以帮助您更有效地做到这一点。顾名思义,它在区块之间创建空间,这可以使您的页面和文章更具吸引力且更易于阅读。 在本教程中,我们将解释如何将空间区块添加到您的WordPress文章或页面以及如何使用它。我们将探索区块的各种设置和选项,并提供一些有效使用它的最佳提示和最佳实践。然后我们将通过回答一些常见问题来结束。 如何将空格区块添加到文章或页面 如果您想为WordPress内容添加一些额外的空间,您可以先导航到任何文章或页面。接下来,单击编辑器中的“添加区块”按钮,该按钮由加号图标 (1) 标记。在那里您可以搜索“spacer”,然后选择第一个选项 (2): 或者,您可以通过在编辑器的文本字段中输入“/spacer”来将区块添加到文章或页面。打你的输入键,空间区块将自动添加。 插入区块后,您会注意到顶部有一个新工具栏。我们将在下一节探讨它提供的各种选项。 空格区块设置和选项 如果您熟悉使用WordPress区块,您可能已经知道每个区块都有自己的一组控件,可用于配置它。所述空格区块是没有什么不同。 在区块工具栏中,有三个主要选项: 转换按钮,它可以让你转换成区块一组或栏目 移动手柄(和/或拖动图标),使您能够在页面或文章上向上或向下移动区块 更多选项(三个垂直点),打开带有附加设置的菜单 您可以在此处找到这些按钮: 在更多选项菜单下,您可以复制或复制区块: 还有用于将空白区块添加至可重用块、作为HTML编辑等的设置。 WordPress区块编辑器的有用之处之一是它还允许您调整区块的大小。例如,如果要调整区块的高度,可以在右侧菜单中进行: 在“间隔设置”部分下,您将找到以像素为单位调整区块高度的选项。您可以使用滑块或在文本字段中手动输入所需的值。然后您可以查看高级部分以配置HTML锚点和其他CSS类。 有效使用空格区块的提示和最佳实践 空格区块是比较容易的WordPress区块使用的一个。它没有大量的设置或配置选项。 但是,在使用它时,您可能需要牢记一些提示。例如,请记住,有效利用空白(也称为“负空间”)可以在您的网页设计中大有帮助。它可以帮助使您的页面看起来更干净,从而更专业。因此,在您的内容看起来过于拥挤或难以阅读的区域中考虑使用空格区块是明智之举。 此外,我们还建议您仅在要向页面上的特定区域添加空白时才使用此区块,而不是在段落之间添加空格。对于后者,我们建议改用段落区块。 最后,为了确保页面的外观保持一致,您可能需要考虑为您使用的每个空格区块设置相同的高度。默认情况下,它设置为100像素,但您可以随意使用最适合您网站设计的任何内容。 关于空白区块的常见问题 在这一点上,您应该对这个WordPress区块以及如何使用它感到非常熟悉。但是,让我们回顾一些关于它的流行和常见问题,以确保我们已经涵盖了所有基础知识。 如何调用空格区块? 要在WordPress中找到这个区块,您有几个选择。第一步是导航到您想要将其添加到的文章或页面。接下来,单击“添加区块”按钮(或加号图标),然后在文本字段中搜索“空格”。或者,您可以直接在文本编辑器中键入“/spacer”,然后按Enter键。 空格区块在文章和页面中有什么作用? 正如它的名字一样,这个区块在你的WordPress页面和文章上的其他区块之间增加了空间。当您想在页面上创建更多空白或只是想扩大默认设置的区块之间的区域时,它可以是一个有效的工具。 可在任何地方添加空格区块吗? 您可以在WordPress站点上的任何位置使用空格区块,以授予您对区块编辑器的访问权限。当然,您最有可能使用它的地方是您的页面和文章。但是,您也可以在编辑WordPress工具时添加它。 小结 有很多方法可以组织您网站上的页面和文章,使其既实用又美观。如果您希望在页面上的区块之间创建更多空白,则空格区块是一个重要的工具。 正如我们所见,此区块是一种分离WordPress内容中元素的简单方法。您可以根据需要轻松地将其多次插入您的文章和页面,然后以像素为单位自定义其高度。

无论您出于何种原因,古腾堡编辑器中的专用嵌入区块都可以让您将YouTube视频添加到WordPress文章或页面。该视频将带有导航按钮,因此访问者可以在您的网站上播放和观看内容,而无需重定向到YouTube。

制作YouTube视频需要很多时间。当您最终完成并且您的视频已上线时,您可能希望随时随地分享它,包括在您的网站上。或者,您可能想要将其他人的视频发布到您的WordPress网站。您可能正在对某人的作品进行评论,并希望展示您正在谈论的视频。或者,另一位创作者可能有一个视频,它很好地解释了一个过程,您宁愿展示该视频也不愿制作自己的视频。 无论您出于何种原因,古腾堡编辑器中的专用嵌入区块都可以让您将YouTube视频添加到WordPress文章或页面。该视频将带有导航按钮,因此访问者可以在您的网站上播放和观看内容,而无需重定向到YouTube。 注意:当访问者在您的网站上观看YouTube视频时,非个人数据将与YouTube共享。 在本文中,我们将向您介绍如何在WordPress文章或页面中嵌入YouTube视频或播放列表。我们还将介绍一些最佳实践、技巧和常见问题。 如何在WordPress中嵌入YouTube视频 首先,确保您在WordPress中使用Gutenberg区块编辑器而不是经典编辑器。在WordPress文章或页面中,单击加号。(如果您没有看到,请单击进入文章或页面的主体。) 在弹出框中,搜索“YouTube”,然后单击YouTube图标。这会将嵌入框添加到您的文章或页面。 在YouTube上,转到您要嵌入的视频。从地址栏中复制URL。 将其粘贴到嵌入框中,然后单击嵌入(Embed)。如果您愿意,可以在下方添加标题。在WordPress编辑器中,您将看到如下内容: 这是您的访客的样子: 如何在WordPress中嵌入YouTube播放列表 要嵌入YouTube播放列表,过程非常相似。转到YouTube上的播放列表,然后从地址栏中复制URL。转到WordPress并将该URL粘贴到YouTube嵌入框中。单击嵌入。 当您嵌入YouTube播放列表时,播放列表中的第一个视频将显示在您的WordPress文章或页面上。播放列表导航将位于右上角。当访问者单击汉堡图标时,他们将看到播放列表中所有视频的可滚动菜单,以便他们可以导航到他们想要的视频或查看接下来会发生什么。 YouTube嵌入区块设置 有几个不同的地方可以访问YouTube嵌入区块设置。 嵌入框上方的工具栏 当您单击嵌入框时,顶部会显示一个工具栏。从左到右,选项如下: 更改区块类型或样式:您可以将嵌入区块转换为段落、列或组。这里唯一要知道的是,如果您想更改嵌入区块的背景颜色,请选择组,这将为您提供一些颜色选项。 拖动:通过拖动重新定位区块。 上移/下移:将方块向上或向下移动一格。 更改对齐方式:设置左对齐、右对齐、居中、全幅或宽幅对齐。请注意,如果您的主题允许,您只能使用全幅或宽幅对齐。 编辑URL:用新的URL替换URL。 选项:还有另一个带有更多区块选项的菜单。 更多选项菜单 当您单击区块工具栏最右侧的三点图标时,菜单中会出现更多选项。以下是每个人的作用: 隐藏更多设置:隐藏(或显示)页面右侧区块的侧边栏。 复制:复制区块,然后将其粘贴到您想要的任何位置。 创建副本:复制将直接出现在其下方的区块。 在当前区块前插入:在YouTube嵌入区块上方添加一个新区块。 在当前区块后插入:在YouTube嵌入区块下添加一个新区块。 移动到:页面上会出现一条蓝线。使用键盘上的箭头将线移动到您想要的任何位置,然后按 Enter或Return将区块移动到该位置。 作为HTML编辑:更改区块的HTML代码。 添加至可重用区块:将当前区块添加到您的可重用区块列表中,这样可以轻松将该块添加到任何其他WordPress文章或页面。 组合:就像主工具栏中的组选项一样,这可以让您调整区块的背景颜色。 删除区块:从您的帖子或页面中删除嵌入区块。 侧边栏设置 在右侧边栏中,您会看到几个选项。媒体设置可让您控制当用户使用较小的设备(如智能手机)时如何查看嵌入的视频。最好打开此设置,以便在调整浏览器大小时保留纵横比,从而获得更好的观看体验。 还有一个高级选项卡,可让您将CSS添加到嵌入区块,这意味着您可以以更高级的方式对其进行自定义和样式化。 关于YouTube嵌入区块的最佳实践和技巧 快速贴入视频 有时,需要先添加YouTube嵌入区块,然后再将URL粘贴到其中。如果您正在使用页面或文章布局并且还没有准备好添加内容,或者如果您知道要添加视频但不确定选择哪个,这是一个好主意。但是,如果您现在准备添加特定视频,只需将URL粘贴到文章或页面中即可。它会自动添加正确的区块并为您嵌入视频。 选择视频的开始位置 如果您希望视频从特定部分而不是开头开始播放,您可以在复制URL时进行设置。不要转到地址栏,而是选择视频下方的“SHARE”按钮。 单击“Start at”左侧的框并设置您希望视频开始播放的时间。 现在您可以复制URL以添加到WordPress。 知道何时使用插件 虽然YouTube嵌入区块是在您的网站上获取视频或播放列表的最简单方法,但如果您有更高级的需求,您可能需要考虑使用第三方插件。例如,您无法轻松创建图库或插入带有嵌入区块的YouTube页面,因此您可能需要一个具有更多功能的插件。 关于YouTube视频嵌入区块的相关问题 我可以嵌入任何YouTube视频吗? 不是的。并非所有YouTube视频都可以嵌入。发布商必须允许嵌入视频设置。某些视频将受到限制且无法分享。 必须使用插件才能在WordPress上嵌入YouTube视频? 不!借助Gutenberg编辑器中的专用YouTube嵌入区块,您无需插件即可轻松嵌入YouTube视频和播放列表。 如果我不想使用古腾堡编辑器怎么办? […]

在本教程中,让我们一起来看看如何将Flickr媒体添加到WordPress文章和页面,并涵盖最佳实践、技巧和常见问题解答。

WordPress的Flickr嵌入区块可让您将保存到Flickr的照片和视频添加到文章和页面。当访问者单击照片或视频时,他们将被定向到Flickr,在那里他们可以查看和/或播放您的媒体。视频实际上无法在您的网站上播放——访问者会看到一个静止图像,当他们点击它转到Flickr时,他们将能够在那里播放。 您还可以嵌入带有导航箭头的相册和画廊。(相册是您自己媒体的集合,而画廊是您从其他摄影师那里保存的照片和视频。)这样,访问者就可以看到您想向他们展示的所有媒体,而不会被重定向到Flickr。 在本教程中,让我们一起来看看如何将Flickr媒体添加到WordPress文章和页面,并涵盖最佳实践、技巧和常见问题解答。 更新Flickr隐私设置 由于您只能共享公开的照片和视频(意味着所有人都可以看到它们),因此您需要在Flickr中仔细检查您的设置,以确保媒体可以嵌入您的网站。 前往Flickr。单击要共享的照片或视频。这将在其自己的页面中打开它。滚动到该页面的底部。在Viewing Privacy旁边,确保将其设置为Public。 更改多个图像的隐私设置 假设您有几张图片想要嵌入WordPress,但它们都是私有的。您无法更改整个相册或大量图像的隐私设置,但不是一张一张地浏览每张图像,这是一种解决方法。 首先,将图像下载到您的计算机。打开相册,然后单击向下箭头图标。在弹出窗口中,选择Create Zip File。 几分钟后,您应该会收到一封来自Flickr的电子邮件,其中包含指向您的zip文件的链接,其中包含要下载的所有照片。当zip文件在您的计算机上时,打开它以访问其中的所有图像。 回到Flickr。单击页面右上角的上传图标。 选择上传照片的方式 – 通过拖放照片或从计算机中选择照片。准备好上传图片后,您将看到如下所示的页面: 在左侧边栏中,有一个标题为Privacy的部分。在这里,您可以设置图像对谁可见。确保标记了Anyone (Public)。 现在,您刚刚上传的图像将设置为Anyone (Public),这意味着您的访问者可以在访问您的WordPress网站时查看它们。 如何将Flickr嵌入区块添加至页面或文章 在将Flickr内容添加到WordPress网站之前,您必须添加为您提供功能的嵌入区块。首先,登录WordPress。从您的仪表盘中,打开或创建页面或文章。(仅供参考,您需要为此使用Gutenberg区块编辑器,而不是经典编辑器。) 单击加号。(如果您没有看到它,请单击文章或页面主体中的某处。)将弹出一个窗口,其中包含您可以添加到WordPress的不同区块。搜索Flickr,然后选择关联的区块将其添加到您的页面或文章中。 如何在文章或页面中嵌入Flickr图像或视频 转到您的Flickr图像或视频,然后从地址栏中复制URL。返回WordPress并将其粘贴到嵌入框中,然后单击嵌入。 Flickr图像在后端WordPress中是低质量的。我的看起来像这样,我尝试了几个以确保我没有选择低质量的图像: 但是,当您在预览中查看文章或页面时,它看起来应该是这样的: 如何在文章或页面中嵌入Flickr相册或图库 转到Flickr并前往要嵌入WordPress的相册或画廊。从地址栏中复制URL,然后将其粘贴到嵌入框中并点击嵌入。后端版本的质量比单个图像要好得多: 但是,当您查看预览时,您可能会注意到方向不同。在后端,相册是完全水平的,如果图像不完美,顶部和底部或侧面会出现黑条。 但是在预览中,相册在垂直方向上更大,带有黑条的图像是水平的,没有占据所有空间。比较以下两个: Flickr嵌入区块错误消息 有时,无法嵌入链接。也许链接已损坏,或者您复制并粘贴了实际上不是链接的内容。发生这种情况时,您会看到一条错误消息。您可以选择再次尝试链接,也可以尝试转换为链接选项。但是,如果这些都不起作用,您将不得不使用不同的链接。 Flickr嵌入区块设置和选项 当您单击Flickr嵌入区块时,顶部上方的工具栏中会显示四个选项。 从左到右分别是: 更改区块类型或样式:这使您可以组合块以创建列或组。不要担心段落选项——它只是将块更改为纯文本。 移动:将博客拖动到文章或页面上的其他位置。 向上或向下移动:将方块向上或向下移动一个位置。 更改对齐方式:将框向左、居中或向右对齐,或选择宽幅或全幅。 编辑URL:用新链接替换Flickr链接。 右侧的三点图标会显示另一个带有附加选项的菜单: 使用Flickr嵌入区块的最佳实践和技巧 注意你命名的专辑和专辑图片 当您将Flickr相册添加到WordPress文章或页面时,访问者将鼠标悬停在相册标题和显示图像的名称上时,会显示该相册的标题和显示图像的名称。无论您是想摆脱尴尬的图片名称,还是只想让您的相册更专业,最好先在Flickr中更新它。我很难更新图像名称,然后让它显示在WordPress上,即使我完全替换了嵌入框和链接。 添加说明文字 当您将媒体从Flickr添加到WordPress时,您可以选择在下方添加标题。(请注意,对于相册,您只需为整个相册添加一个标题,而不是为图像添加单独的标题。)当然,您不必填写此项,但它可以为您的内容添加有用的上下文。 使您的媒体更小的简单方法 Flickr嵌入区块没有大小选项,但有一个简单的方法来放大或缩小媒体:调整对齐方式。例如,当您将内容向左或向右对齐时,它在页面上会变小。其他选项将使其尽可能大。 关于Flickr嵌入区块的常见问题 如何在WordPress中嵌入Flickr? 在WordPress文章或页面中嵌入Flickr内容的最快捷、最简单的方法是使用Gutenberg中的专用Flickr嵌入区块。 是否需要Flickr付费计划嵌入WP? 不!使用免费计划,即可将公共内容嵌入WordPress。由于您可以将1,000张照片添加到您的免费​​计划中,您可能有足够多的照片可供选择。 […]

在本教程中,我们将查看WordPress代码区块并了解它的作用。我们将了解如何将其添加至文章和页面,并查看其设置和选项。坚持到底,查看有关如何使用它的提示和最佳实践,并查看常见问题。

在WordPress页面和文章中显示代码可能很棘手。仅在内容中发布代码可能会产生有趣的结果,特别是如果WordPress显示错误或您的安全系统将您锁定在恶意活动之外。幸运的是,WordPress代码区块可以轻松显示代码片段。了解如何使用此块将帮助您以最佳方式在您的网站和读者的内容中显示代码。 在本教程中,我们将查看WordPress代码区块并了解它的作用。我们将了解如何将其添加至文章和页面,并查看其设置和选项。坚持到底,查看有关如何使用它的提示和最佳实践,并查看常见问题。 如何将代码区块添加至文章或页面 要将代码区块添加到页面和文章,请选择要放置代码块的内容区域旁边的区块插入器工具,或选择页面左上角的插入器。输入区块的名称并在它出现时选择它或滚动区块以查看其中的内容。 如果您愿意,可以在希望区块出现的区域键入/code。然后,只需按Enter键或从出现的选项中选择区块。 现在,您的内容中有一个代码区块,您可以在其中添加要显示的任何类型的代码。代码会自动标记代码标签,因此它可以正确显示为代码。这有助于为读者提供示例以供他们在自己的项目中学习或使用。在这个例子中,我使用了来自WordPress支持页面的伪代码(因为)lazy.level = advanced。 代码区块设置和选项 代码区块有两个地方可以找到设置和选项。第一个是区块上方的代码工具栏。第二个是右侧栏中的选项。我们会看看两者。 代码区块工具栏 单击区块中的任意位置以查看其工具栏。如果您没有看到所有工具,请将鼠标放在块下方的新区块位置,然后单击该区块。所有设置都会出现。 更改代码区块类型或样式 第一个设置使用左右箭头。这会将块更改为自定义HTML区块、预格式化区块、更改列,并允许您创建一个组,以便您可以调整背景颜色、选择边框和调整其他选项。将鼠标悬停在它们上方可让您预览它们的外观。我将鼠标悬停在自定义HTML选项上。 拖拽 拖动工具包括六个点。抓住这些点将块拖动到任何你想要的地方。当您将鼠标悬停在不同区域上时,会出现一条蓝线,它将放置在每个可能的位置。 当你放下它时,方块将被放置在它的新位置。 上下移动 每次单击内容区块时,向上和向下移动箭头都会将块向上或向下移动一个区块。 粗体和斜体 粗体和斜体设置适用于您突出显示的代码。您可以一起或单独使用它们。在这个例子中,我同时使用和独立使用。这是引起对代码中某些行或命令的注意的好方法。 链接 该链接可让您将任何代码设为可点击的链接。您可以搜索或输入突出显示的代码部分的 URL。如果您想链接到每个命令的教程、其他示例、代码的来源等,这很好。您可以在同一选项卡或新选项卡中打开链接。 更多设置 代码区块的更多设置会打开一个包含多个选项的下拉框。我已经应用了这个例子中的每个选项。 内联代码– 显示格式化为代码的文本。它将文本单独放置在一行上。由于所有内容都格式化为代码,因此字体看起来相同。 内嵌图像– 在您放置鼠标的文本中放置图像。它会打开媒体库,您可以在其中选择图像。如果单击图像,您将看到一个下拉框,您可以在其中更改其宽度。 键盘输入– 将键盘标签添加到您选择的代码中。代码以浏览器的默认等宽字体显示。 删除线– 在您突出显示的代码中添加一行。 下标– 将代码格式化为下标。 上标– 将代码格式化为上标。您可以同时使用下标和上标。这减小了字体的大小并使代码水平居中。 文本颜色– 更改您突出显示的代码的颜色。从预制颜色中选择,在颜色选择器工具上选择一种颜色,或输入 HEX、RBG 或 HSL 形式的值。 更多选项 代码区块选项位于工具栏最右侧的三个点内。选项包括: 隐藏更多设置 – 隐藏右侧边栏,为您提供干净宽敞的工作区。 复制– 复制区块,以便您可以将其粘贴到内容区域内的任何位置。 创建副本– 复制区块并将其放在原始区块下。 在区块前插入– 在代码区块上方添加一个内容区域。 […]

在本文中,我们将仔细研究自定义HTML区块。我们将了解如何将其添加到您的文章和页面、查看其设置和选项、查看有关如何使用它的提示以及常见问题解答。

自定义HTML区块可让您添加HTML内容并对其进行编辑,而无需查看页面或以HTML形式发布。您可以嵌入HTML,甚至可以使用它来标记您的文本,然后根据需要将其转换为带有样式文本的段落区块。这个区块非常适合那些喜欢在HTML中工作的人,它是嵌入某些类型代码(例如 Google 地图)的最佳方式之一。 在本文中,我们将仔细研究自定义HTML区块。我们将了解如何将其添加到您的文章和页面、查看其设置和选项、查看有关如何使用它的提示以及常见问题解答。 如何将自定义HTML区块添加到文章或页面 要将自定义HTML区块添加到您的内容,请将光标放在您希望区块出现的位置,然后选择插入器工具。将打开一个搜索框,您可以在其中输入搜索词或滚动选项。搜索html并在结果中显示该区块时选择该区块。 或者,您可以在希望区块出现的位置键入/html并按 Enter 键或从区块区域上方的选项中选择它。 现在,您的内容中有一个自定义HTML区块,您可以在其中添加HTML。当我们完成设置时,我们将看到一些带有代码的示例。 自定义HTML区块设置和选项 与大多数区块不同,自定义HTML区块不包括编辑器侧栏中的选项。您将在工具栏中找到所需的所有选项。 自定义HTML区块工具栏 单击区块内的任意位置以查看其工具。如果您没有看到它们,请在新区域中的区块下方单击,然后再次选择区块时将显示其余工具。 每个区块都有自己的特定控件,您可以在其中选择区块的选项。工具栏上方的一小组区块选项允许您更改区块类型、转换为区块以及打开选项。 让我们详细看看每个设置。 自定义HTML更改区块或样式 在选项中选择HTML会打开一个下拉框,您可以在其中将区块转换为其他类型的区块。选项包括代码、栏目或组。 代码– 将自定义HTML区块转换为代码区块,以便您可以显示不同类型的代码。 栏目– 将区块放置在栏目中。 组– 将区块添加到组中,以便您可以将它们作为单个区块进行调整。 自定义HTML区块拖动工具 拖动工具包括六个点,您可以用鼠标抓住它们来移动它。 然后,只需将区块拖动到内容中您想要的任何位置并将其放下。将出现一条蓝线,指示在您四处拖动区块时将放置区块的位置。 一旦您看到蓝线出现在您想要区块的位置,松开鼠标按钮,您的区块将被放置在新位置。 自定义HTML区块移动 每次单击时,向上和向下箭头都会将区块移动到一个内容部分。当区块自动移动到新位置时,屏幕将滚动。这是将区块移动一两个部分的简单方法。 自定义HTML区块的HTML和预览 HTML和预览按钮让您可以选择区块如何在编辑器中与HTML配合使用。默认情况下选择HTML按钮。这以代码形式显示HTML,而不是执行它。此示例显示了Google地图的HTML。 选择预览显示HTML在浏览器中执行时在前端的外观。在视图之间来回切换以编辑HTML并查看最终用户的外观很容易。这是进行编辑和快速查看结果的绝佳方式。此示例显示了嵌入的Google地图,因为它会出现在内容中。 再举一个例子,这里有一些HTML来为一行文本添加样式。这是HTML视图,我可以在其中创建和编辑HTML。 这是预览模式,显示了它在前端的外观。 自定义HTML区块选项 工具栏的最右侧是垂直堆叠的三个点。这三个点在三个分区中打开一组10个选项,允许您隐藏设置、转换为区块、复制、复制、前后插入、移动到、添加到可重用区块、分组或删除区块。 以下是自定义HTML区块选项可以执行的操作: 隐藏更多设置– 这会隐藏右侧边栏,扩展您的工作区。 转换为区块– 这会将内容转换为其他适当的区块。文本将被转换为段落区块,图像将被转换为图片区块等。嵌入代码,例如我在示例中使用的Google地图代码,将保留为自定义HTML区块。如果区块中的其他HTML可以转换,则它将从区块中删除,放置在不同的区块中。 复制– 这会将区块复制到剪贴板,以便您可以将其粘贴到编辑器中的任何位置。 新建副本– 这会将区块的副本放置在原始区块下方。 在区块前插入– 这会在自定义HTML区块之前添加一个区块区域,以便您可以放置​​另一个区块。 在区块后插入– 这会在区块之后添加一个区域,您可以在其中放置另一个区块。 移动到– 这让您可以使用箭头键向上或向下移动区块。您将移动一条蓝线。当它到达你想要的位置时,按回车键,区块会立即移动。 添加至可重用区块– 将自定义HTML区块添加到您的可重用区块中,以便您可以在任何页面或文章上再次使用它。 组合– […]

使用WordPress的SoundCloud嵌入区块,您可以将专辑、播放列表或曲目添加到文章或页面。在Gutenberg中嵌入SoundCloud内容为您提供了许多关于区块外观和功能的选项。否则,如果您只是将SoundCloud链接复制并粘贴到经典编辑器中,您或许可以展示音乐,但在自定义和页面设计方面,您的选择将受到严重限制。

使用WordPress的SoundCloud嵌入区块,您可以将专辑、播放列表或曲目添加到文章或页面。在Gutenberg中嵌入SoundCloud内容为您提供了许多关于区块外观和功能的选项。否则,如果您只是将SoundCloud链接复制并粘贴到经典编辑器中,您或许可以展示音乐,但在自定义和页面设计方面,您的选择将受到严重限制。 在本教程中,我们将向您介绍如何在WordPress文章或页面上嵌入SoundCloud专辑、播放列表或曲目。我们还将介绍您应该了解的最佳实践、常见问题解答和提示。 在我们开始之前,请注意,虽然您不需要SoundCloud帐户来嵌入服务中的内容,但您需要选择公共曲目 – 不能嵌入私人曲目。此外,您必须使用Gutenberg区块编辑器来添加SoundCloud嵌入区块。(不过,我们将介绍几种替代方案。) 如何在WordPress中嵌入SoundCloud内容 首先,我们将讨论如何将SoundCloud曲目添加到WordPress文章或页面。然后,我们将快速介绍如何添加专辑/播放列表,因为该过程类似于添加曲目。 如何在WordPress中嵌入SoundCloud音轨 转到SoundCloud并找到要嵌入WordPress的曲目。单击曲目以在其自己的页面上打开它。从页面顶部的地址栏中复制URL。 转到WordPress并创建或编辑文章或页面。在页面的主体中,您应该会看到一个加号。如果您没有看到,请单击页面正文中的某处,它应该会出现。 单击加号以显示区块选择器。在搜索框中输入“SoundCloud” ,然后选择关联的区块。SoundCloud嵌入区块现在将添加到您的页面或文章中。 将您复制的SoundCloud地址粘贴到输入URL以在此处嵌入的字段中…单击嵌入。你现在会看到这样的东西: 要查看它在您的网站上线后的外观,请单击页面右上角的“预览” >“桌面” >“在新选项卡中预览”。 如果您愿意,可以添加标题。嵌入轨道下方有一个专用区域,用于输入标题和格式选项。 如何在WordPress中嵌入SoundCloud专辑或播放列表 从SoundCloud嵌入专辑或播放列表与添加曲目非常相似。在SoundCloud中,导航到要添加的专辑或播放列表,然后单击以在其自己的页面中打开它。从地址栏中复制URL。 在WordPress的SoundCloud嵌入框中,将地址栏粘贴到专用空间中。单击嵌入。 无论您是添加专辑还是播放列表,结果都基本相同。专辑或播放列表的封面艺术将显示在嵌入链接的主要部分,下方将是您可以滚动浏览的曲目列表。当您将鼠标悬停在曲目上并滚动时,主封面将变小以显示更多曲目列表。在此屏幕截图中,顶部嵌入是播放列表,而底部嵌入是专辑。 嵌入错误消息 如果您输入的内容不是链接、链接已损坏或转到无法嵌入的内容,您将收到如下所示的错误消息: 您可以再次尝试链接或单击转换为链接以查看是否有所不同。但是,如果这两个选项都不起作用,您可能需要嵌入不同的内容。 SoundCloud嵌入区块选项 您可以在两个不同的区域找到SoundCloud嵌入区块的选项:沿着栏的顶部和右侧的边栏中。让我们来看看它们是什么。 工具栏选项 将内容添加到嵌入区块后,单击它会在顶部显示一个选项工具栏。它看起来像这样: 从左到右,以下是图标的含义: 转换为:您可以将SoundCloud嵌入区块更改为段落、列或组。唯一需要考虑的选项是Group one,因为它可以让您更改区块的背景颜色。如果你不关心这个,别管它——它使用起来有点棘手。 拖动:将鼠标悬停在拖动图标上,您的光标会变成一只小手。左键单击并拖动嵌入区块,将其放置在页面上的任何位置。 上移和下移:在向上箭头将移动区块了一个空间,而向下箭头将下移一个空间。 更改对齐方式:将嵌入区块向左、居中或向右对齐。将其向左或向右对齐会使其变小。根据您的主题,您可能还有全角和宽角选项,这可能会使嵌入区块更大。 编辑URL:替换 SoundCloud URL 以嵌入不同的专辑、播放列表或曲目。 选项:最后一个图标会显示一个带有附加选项的下拉菜单。 更多选项菜单 该选项下拉菜单有一些易于理解的选项。从上到下,它们如下: 隐藏更多设置:隐藏(或显示)右侧的设置边栏。 复制:复制区块并将其粘贴到您喜欢的任何位置。 新建副本:复制区块,这将在原始区块的正下方制作它的副本。 在区块前插入:在选定的区块之前添加一个区块。 在区块后插入:在选定的区块之后添加区块。 移动到:这将显示一个蓝色条,您可以使用键盘的箭头按钮在页面上移动。将其放置在所需位置后,单击Enter/Return将嵌入区块移动到该位置。 作为HTML编辑:编辑区块的HTML代码。 添加至可重用区块:将所选区块添加至可重用区块列表中。这使您可以轻松地将其添加到另一个文章或页面或当前文章或页面的另一个部分。 组:与上面提到的组选项一样,这可以让您更改区块的背景颜色。 删除区块:从页面中删除区块。 侧边栏选项 右侧边栏有两个设置:媒体设置和高级。让我们来看看它们。 媒体设置 如果您在“媒体设置”部分中启用“为较小设备调整大小”,则嵌入区块将根据屏幕大小自动调整大小。这对于在移动设备上查看您的内容的人尤其重要,因此启用此选项是个好主意。 高级 在高级部分,您可以向所选区块添加CSS区块。这意味着您可以根据自己的喜好自定义和设置区块的样式(如果您了解 CSS,那就是)。 […]

将视频嵌入WordPress上的博客文章的能力为您展示内容的方式提供了多种可能性。在WordPress区块编辑器中,用户可以选择将Vimeo嵌入到他们的博客文章中。对于想要将视频纳入其内容营销策略的内容创作者来说,这是一个绝佳的选择。

将视频嵌入WordPress上的博客文章的能力为您展示内容的方式提供了多种可能性。在WordPress区块编辑器中,用户可以选择将Vimeo嵌入到他们的博客文章中。对于想要将视频纳入其内容营销策略的内容创作者来说,这是一个绝佳的选择。 嵌入的视频或社交媒体帖子可以极大地增强您的WordPress博客文章或网页。本教程将引导您完成通过WordPress嵌入Vimeo视频的步骤。 什么是Vimeo? Vimeo是一个视频平台和营销工具,与YouTube有一些相似之处。如果您将视频整合到您的内容营销中,那么在加入之前您需要考虑每个平台的优缺点。两者都可以有效地用于营销目的。 Vimeo嵌入并不是您可以合并到WordPress网站的唯一一种嵌入。例如,您还可以嵌入Twitter区块、YouTube和TikTok视频、Facebook帖子以及许多其他功能。Vimeo嵌入可以为内容丰富的文章添加更多上下文。或者,您可以通过文本和视频为您的网站访问者提供多种了解您的方式。 为什么使用Vimeo嵌入区块? 在一篇文章中包含多种媒体类型,例如音频、视频和文本,可以为您的读者提供大量内容供他们花时间阅读。嵌入视频等内容还可以提示您的读者在链接平台上关注您。 无论您有自己的视频内容要共享还是想要共享来自其他内容创建者的视频,WordPress上的Vimeo嵌入区块都使其变得简单明了。您不一定必须使用自己的视频。Vimeo嵌入区块适用于平台上设置为公开观看的任何视频——您只需要URL。 让我们来看看使用区块编辑器让Vimeo视频显示在您的WordPress网站上所需采取的确切步骤。 使用Vimeo嵌入区块步骤 准备好将Vimeo嵌入您自己的WordPress网站了吗?使用WordPress区块编辑器可以轻松地将视频添加到您的博客文章或网页。 如何添加Vimeo嵌入区块 在您的WordPress站点上创建一个新的博客文章,并确保将其设置为区块编辑器。添加标题后,您可以创建和键入文本区块。当您准备好添加将包含Vimeo嵌入区块时,只需单击黑色加号即可。 您将看到一个下拉对话框,您可以在其中搜索要使用的工具。如果您在搜索框中键入“vim”,您将看到框中显示的Vimeo图标。单击它以打开嵌入工具。 接下来,Vimeo嵌入工具将显示在您的屏幕上。您将看到输入要嵌入视频的Vimeo的URL的提示。 现在,导航到您要在您的网站上分享的Vimeo视频。转到导航栏,然后突出显示并复制视频URL。 返回到您的WordPress选项卡并将Vimeo视频URL粘贴到您的Vimeo嵌入工具中。然后,单击蓝色的嵌入按钮。 添加视频URL后,嵌入的Vimeo应显示在屏幕上。如果由于某种原因无法将视频嵌入您的网站,您将收到一条错误消息,或者网址将以纯文本形式显示。然后,您可以选择通过URL将其链接到文本中,如果没有替代视频,您可以改为添加。 优化您的Vimeo嵌入 单击视频预览下方。您将看到一个文本框和用于输入描述您的视频的标题的选项。字幕可以为您网站上的内容添加上下文,因此请尽可能使用它们。 现在,将鼠标悬停在Vimeo嵌入左上角的工具栏上。您将看到一个图标和按钮列表。 如果单击左侧的蓝色V,您将看到用于转换嵌入的选项下拉菜单。您可以将嵌入的Vimeo转换为优质内容、专栏或群组,具体取决于您计划如何安排文章或页面。 从左边开始,接下来的两个选项允许您拖动块或在页面内上下移动块。当您单击对齐按钮时,您将看到用于将视频与页面左侧、右侧或中心对齐的选项。或者,您可以将Vimeo嵌入显示为宽幅或全幅。 钢笔图标允许您编辑或更改视频的URL。 最后,单击Vimeo嵌入工具栏上最右侧的按钮。您将看到一个区块设置和选项列表,包括: 隐藏更多设置 复制 新建副本 在选定区块之前或之后插入 移动区块 作为HTML编辑 添加至可重用区块列表 组合 删除区块 为Vimeo嵌入区块添加背景颜色 如果您想为Vimeo嵌入区块添加背景颜色,可以通过将嵌入的视频转换为组来实现。 完成此操作后,您可以单击嵌入区块以查看屏幕右侧的一系列颜色。在我的示例中,我选择了蓝色,它出现在Vimeo嵌入的下方,也就是标题所在的位置。 小结 现在您知道如何在 WordPress 中使用 Vimeo 嵌入块,是时候开始向您的内容添加视频了!请记住遵循共享视频的标准最佳做法,特别注意易于理解和查看的高质量视频。只要有可能,分享包含字幕的可访问视频是理想的选择,这样您的观众中的更多人就可以欣赏您网站上的内容。

在本教程中,我们将查看文件区块并了解如何将其添加到您的文章和页面。我们还将查看它的设置和选项,查看使用它的提示和最佳实践,并查看常见问题。

WordPress文件区块可以轻松地为您的页面和文章中的文件添加下载链接。这是最独特的WordPress区块之一,因为它根据所选文件的类型添加了不同的选项。知道如何很好地使用这个区块可以引起人们对下载的注意。 在本教程中,我们将查看文件区块并了解如何将其添加到您的文章和页面。我们还将查看它的设置和选项,查看使用它的提示和最佳实践,并查看常见问题。 如何将文件区块添加到文章或页面 要添加文件区块,首先,单击要放置区块的位置或编辑器左上角的区块插入器工具。接下来,搜索“文件”并选择它。 您还可以按类型 /file 添加块,然后在您希望块出现的位置按 Enter 键,或从您键入时出现的选项中选择文件。 然后文件区块将被添加到您的内容区域。 要使用它,只需选择上传文件或选择媒体库来选择文件。PDF将显示文件的预览。PDF的工具会因浏览器而异。我正在Chrome中查看 PDF,其中包括用于显示或隐藏PDF菜单、查看标题、页码、比例、适合页面、旋转、下载、打印和查看PDF查看选项的PDF工具。 其他文件,例如图像,将显示文件名和下载按钮。 文件区块设置和选项 文件区块包括块本身和右侧边栏中的设置和选项。 文件区块工具栏 当您选择区块时,文件区块工具栏位于块上方。 选择文件中的文本,例如按钮的文件名,为文本添加新设置。 更改区块类型或样式 您可以将区块样式更改为栏目或组合。栏目更改列数,而组合允许您将多个区块的样式控制为单个区块。 拖动和移动 拖动工具可让您将区块拖动到您想要的任何位置。您还可以使用移动工具的向上和向下箭头在您的内容中向上或向下移动区块。 文件更改对齐 对齐选项包括左、右、宽幅和全幅。将其左右放置在屏幕的那一侧,并用其下方段落中的文本将其包裹起来。 这是宽幅。它将区块放置在内容区域的左侧。 粗体和斜体 选择文件名或下载按钮会显示粗体和斜体选项。这些会影响您突出显示的文本,它们可以一起使用或单独使用。我将文件名设为粗体,按钮文本设为斜体。 更多选择 更多选项可打开用于设置文本样式的选项。我在示例中添加了其中的几个。它们包括: 内联代码– 将文本样式设置为看起来像代码。 内嵌图像– 将媒体库中的图像添加到鼠标光标所在的位置。我在按钮上添加了一个图像。 键盘输入– 使用键盘 HTML 格式设置文本样式。 删除线– 在文本中放置一行,如上图中的文件标题。 下标– 使文本成为下标。 上标– 使文本上标。 文本颜色– 允许您更改文本的颜色,如上面的文件标题。图标在使用时移动到工具栏。 对于颜色选项,包括预先选择的颜色或创建自定义颜色选择器。颜色选择器包括一个用于十六进制代码、RGB代码或HSL代码的字段。 文件替换 此选项可让您将文件与库中的另一个文件或您上传的文件交换。 复制网址 这会将文件的URL复制到剪贴板。您会在左下角看到一条消息,表明URL已被复制。 选项 选项包括: 隐藏更多设置– 隐藏侧边栏。 复制– […]

在本教程中,我们将探索视频区块。我们还将看到它的设置和选项,查看有关如何使用它的一些提示和最佳实践,以及常见问题。

WordPress视频区块使您可以轻松地将视频上传和添加到您的页面和文章。它为您提供了大量控制大小和功能的选项。使用此区块添加视频使内容看起来更专业和可取。幸运的是,视频区块易于使用。 在本教程中,我们将探索视频区块。我们还将看到它的设置和选项,查看有关如何使用它的一些提示和最佳实践,以及常见问题。 如何将视频区块添加至文章或页面 要将视频区块添加到您的内容中,首先,将光标放在您希望区块出现的位置,然后选择插入器工具。接下来,将打开一个搜索框,您可以在其中搜索区块或滚动查看选项。搜索视频并在结果中显示时选择它。 如果您愿意,可以在要放置区块的位置键入/video并按 Enter 键或从选项中选择它。 视频区块将放置在内容区域内。插入媒体的工作方式与图片区块相同。上传视频、从库中选择视频或插入要显示的视频的URL。如果URL来自YouTube等来源,则该区块将转换为该类型的区块。在您上传视频之前,选项很少。 视频播放器包括所有基本播放选项,包括播放/暂停按钮、进度条、音频、全屏以及下载和画中画按钮。画中画将视频放置在右下角,以便在用户滚动浏览网站时可以播放。您可以在视频下方放置标题。 视频区块设置和选项 选项和设置包括工具栏和侧边栏。在上传视频之前,您不会看到所有这些设置。 视频区块工具栏 单击视频区块内的任意位置以查看工具。在您在此区块下添加区块区域之前,某些工具可能不会显示。让我们详细看看每个设置。 视频更改区块或样式 选择视频播放图标会打开一个下拉框,您可以在其中将区块转换为其他类型的区块。此示例显示封面。 组合– 这会将区块添加到组中,以便您可以将它们作为单个区块进行调整。 栏目– 这会将区块放置在列中。 媒体和文本– 这会在媒体旁边添加文本,创建两列。 封面– 这会在视频上放置一个标题。您可以将标题从段落区块更改为其他类型的文本区块或按钮。 文件– 这会将视频更改为带有标题的按钮,允许用户下载视频而不是从网站播放。 视频区块拖动工具 用鼠标抓住拖动工具将其移动到内容中的任何位置。将出现一条蓝线,指示在您四处拖动区块时将放置该区块的位置。 然后视频区块将被放置在其新位置。 视频区块移动 使用向上和向下箭头将视频区块移动一个内容部分。 视频区块对齐方式 对齐选项包括左、中、右、宽幅和全幅。左右对齐将下一个区块中的文本环绕在视频周围。我已将此示例设置为右对齐。 这是宽幅。它占据了大部分屏幕。 视频区块文本轨道 文本轨道在视频播放时显示字幕。它们的格式为WebVTT(Web视频文本轨道).vtt文件。文件从媒体库加载。 上传 .vtt 文件后,您将看到编辑曲目的选项。添加标签,选择语言,然后选择曲目类型。 标签是用户在查看可用轨道时将看到的文本轨道的标题。 源语言是文本轨道的语言。 种类是指将显示的轨道类型。选项包括: 字幕– 对话的翻译。 说明文字– 对话、音效、音乐等的转录。 内容描述– 描述正在发生的事情的文本。 章节– 用于导航的章节标题。 元数据– 供JavaScript使用的数据。 然后将字幕添加到用户可以选择的播放器选项中。 视频区块替换 这使您可以用不同的视频替换视频。 视频区块选项 […]

我们将向您介绍如何将分隔符区块添加到您的WordPress文章或页面。我们将解释它提供的每个设置和选项,为您提供有效使用它的技巧,并回答一些常见问题。

您在网站上安排和显示内容的方式会显着影响您的参与度和转化率。为了增强用户体验 (UX)并使您的页面和文章更易于使用,拆分大块文本是一个明智的主意。有多种方法可以做到这一点,但最简单的选择是使用WordPress分隔符区块。 在这篇文章中,我们将向您介绍如何将分隔符区块添加到您的WordPress文章或页面。我们将解释它提供的每个设置和选项,为您提供有效使用它的技巧,并回答一些常见问题。 如何将分隔符区块添加至文章或页面 在您的内容中添加任何WordPress区块是一个快速而简单的过程。首先,导航到要插入分隔符的页面或文章。 单击添加区块按钮 (1),然后在文本字段 (2) 中搜索“分隔符”。这将是第一个选项 (3): 您还可以通过在任何段落块的编辑器中键入“/separator”来插入此区块。当您按Enter键时,将自动插入区块。 分隔符区块设置和选项 每个WordPress区块都有其各自的设置和控件。例如,分隔符区块提供了几种直接在编辑器中配置它的方法。 将区块插入文章后,将出现一个工具栏菜单: 让我们来看看每个选项的含义: 转换允许您将区块转换为组合或栏目。 对齐方式可用于将线的对齐方式更改为左对齐、居中对齐或左对齐。 更多选项提供了一些额外的设置。 在更多选项菜单下,您可以复制块并在其前后插入另一个元素。 在屏幕的右侧,您可以找到其他块设置。例如,在样式部分下,您可以选择默认样式或创建粗线或虚线: 您还可以在下拉菜单中设置默认样式。 在颜色部分下,您可以更改分隔线的颜色: 您可以从调色板中包含的一种预设颜色中进行选择。但是,如果您想应用自定义颜色,您也可以单击自定义颜色链接。 如果您想添加自己的CSS,可以通过单击“高级”选项卡来实现。然后您可以在文本字段中输入您喜欢的任何内容。 有效使用分隔符区块的提示和最佳实践 分隔符区块是一个相对简单的和直接的WordPress的功能。一旦您弄清楚如何将其插入文章中,您就应该能够轻松使用和自定义它。 但是,我们确实有一些建议,您可能需要考虑更有效地使用此元素。例如,记住谨慎使用分隔符很重要。 如果您有一篇冗长的博客文章,最佳做法是最多每隔几段添加一行。过于频繁地使用它们可能会分散注意力,而不是无缝分解文本的一种方式。 此外,如果您计划在您的站点中经常使用分隔符并希望保持统一的样式,您可能需要将分隔符添加到您的可重用区块中。这样,您就不必经常应用所需的样式和颜色。相反,您可以简单地从保存的集合中插入它。 关于分隔符区块的常见问题 到目前为止,您应该对WordPress分隔符区块以及如何使用它有一个深入的了解。但是,让我们回顾一下有关此区块的一些最常见问题,以确保我们已涵盖所有基本信息。 如何调用WordPress分隔符区块? 您可以通过导航到任何文章或页面在WordPress中找到此区块。接下来,在要添加线条的文本区块之间单击,然后选择加号图标。 在搜索字段中,输入“分隔符”,然后单击第一个选项。或者,您可以通过在段落块中键入“/separator”,然后按 Enter键来找到它。 分隔区块和空格区块有什么区别? 如果您是块编辑器的新手,您可能想知道分隔符区块和空格区块之间有什么区别。这两个功能都可用于在内容区块之间添加空间。 但是,空格区块只是添加了白色或负空间。分隔符区块,则主要是增加了一个可见的线。 在哪里使用WordPress分隔符区块? 您可以在WordPress中可以访问区块编辑器的任何位置插入此元素。因此,您可以在页面和文章中使用它,也可以在编辑WordPress小工具时使用它。 小结 为了让您的网站内容和博客文章美观且易于使用,最好将大块文本分解为更小、更易消化的文本。有几种不同的方法可以解决这个问题。但是,最简单的选择之一是使用分隔符区块。 这个WordPress区块将在内容区块之间添加一条极简线条。它还提供各种样式和颜色选项,让您可以将其与当前的主题和品牌无缝集成。您可以将其插入到您的任何WordPress文章和页面中,以使您的内容看起来更好、更易于阅读。

保持网站页面上的内容简洁和有条理很重要,尤其是在您的主页上。幸运的是,WordPress更多区块可让您向访问者展示您的帖子以及全文链接。知道如何正确使用它可以帮助您获得更干净、更有效的WordPress页面。

保持网站页面上的内容简洁和有条理很重要,尤其是在您的主页上。幸运的是,WordPress更多区块可让您向访问者展示您的帖子以及全文链接。知道如何正确使用它可以帮助您获得更干净、更有效的WordPress页面。 在这篇文章中,我们将解释如何将此区块添加到您的WordPress文章中。然后我们将讨论它的每个设置和选项、有效使用它的技巧和最佳实践,以及一些常见问题。 如何在WordPress文章中添加更多区块 向您的WordPress内容添加区块既快速又简单。首先,导航到要插入更多区块的文章。请注意,您只能将此元素添加到您的文章中。不幸的是,它不适用于您的WordPress页面。 此外,请务必注意,您需要在希望读者看到的摘要文本之后插入此区块。例如,也许您想在第一段之后切断文章。如果是这种情况,您可以在第一段和第二段之间插入此区块。 为此,请单击“添加区块”图标 (1),在搜索字段 (2) 中键入“更多”,然后选择第一个选项 (3): 或者,您可以直接在WordPress编辑器的段落区块中输入“/more” 。然后按 Enter,块将自动插入到文章中。 您可能已经知道每个WordPress区块都有自己独特的一组控件和设置。 更多区块设置和选项 将此区块插入文章后,顶部会出现一个工具栏。它只有两个图标。第一个是更改区块类型或样式: 此选项可让您更改去块的样式。您可以使用它来创建栏目或组。 第二个图标通向区块的选项: 在这里,您会发现可以采取的各种其他操作。例如,您可以复制该区块,在其前后插入另一个元素,或者将其添加到您的可重用区块中。 您还可以编辑默认文本。为此,您可以单击文本,然后将其更改为您想要的任何内容: 右侧边栏中还有一个附加设置。如果它不可见,您可以通过单击右上角的齿轮图标访问此设置面板。然后选择区块选项卡。 有一个选项可以隐藏完整内容页面上的摘要。如果您打开此开关,您的访问者在单击“阅读更多”后将无法看到摘要。 有效使用更多区块的提示和最佳实践 既然您了解了此区块及其各种设置的工作原理,您可能想知道如何使用它。有几个因素可以帮助您有效地利用它。 首先,请记住您可以更改显示的文本。默认情况下,该区块使用“阅读更多”作为链接文本。但是,您可以根据需要对其进行编辑,以匹配您网站的风格和基调。一些例子包括: 继续 阅读全文 下一页 此外,我们建议您对您选择包含在“阅读更多”链接上方的摘要保持战略性。由于您无法展示全文,因此确保您提取或撰写引人入胜的内容非常重要,以吸引访问者的注意力。这样做可以极大地激励读者实际点击链接,从而提高您的参与度和转化率。 更多区块功能的目的是提供一种简单而有效的方式来截断您的博客条目。但是,此元素可用于多种情况。许多WordPress用户将其严格应用于博客存档页面或主页。 但是,还有一些其他情况可以派上用场。例如,如果您有一个FAQ页面,这个块可以让您轻松地为每个问题添加一个简洁的答案,以及一个指向详细解释的链接。 更多区块的常见问题解答 在这一点上,您应该几乎了解有关此 WordPress 元素的所有信息,包括它是什么以及如何使用它。在我们开始之前,让我们通过回答有关此块的一些最常见问题来回顾一下关键信息。 在哪里找到更多区块? 您可以通过导航到您网站上的任何文章来找到此区块。然后,在您希望显示“阅读更多”链接的摘要段落之后,单击加号图标(“添加区块”按钮)。您可以在文本字段中搜索区块。 或者,您可以通过在段落块中键入“/more”来找到它。然后按 Enter自动将此元素插入文章中。 这个区块有什么作用? 简而言之,此元素为您提供了一种简单易用的方式来呈现文章的预览或摘要,而实际上不必包含全文。相反,您可以在内容预告之后插入区块以及“阅读更多”链接。您还可以自定义链接文本以说出您想要的任何内容,例如“阅读全文”。 应该在哪里添加这个去块? 您可以将此区块添加到您的任何WordPress文章中。不幸的是,您目前无法将其插入您的页面。同样重要的是要提到某些主题可能不支持此元素。如果您无法找到它,您可以尝试切换到默认主题以查看您当前的主题是否有问题。 小结 创建主页和存档页面时,您可能希望包含指向许多不同文章的链接。然而,为了吸引访问者实际点击并阅读完整的文章,插入每篇文章的简短摘录以吸引他们的注意力是有帮助的。 正如我们在这篇文章中所讨论的,“更多”区块是一项有用的功能,您可以使用它为用户提供全文文章的预览。您可以将其添加到任何WordPress文章中,并根据需要自定义默认文本。

在本教程中,我们将向您展示如何将这个媒体和文本多功能区块添加到文章和页面。我们将介绍配置选项,并讨论充分利用此元素的提示和技巧。

WordPress使您能够分别添加段落区块和图片区块。但是,借助媒体和文本区块,您也可以并排放置两种类型的元素。如果您知道如何导航其设置,它甚至包括多种布局供您选择。 在本教程中,我们将向您展示如何将这个媒体和文本多功能区块添加到文章和页面。我们将介绍配置选项,并讨论充分利用此元素的提示和技巧。 如何将媒体和文本区块添加到文章或页面 在媒体和文本区块,您可以添加书面内容,视频和图像文件通过使用多个布局并排。要使用它,请打开您要编辑的文章或页面。单击加号并选择媒体和文本 选项: 默认情况下, 媒体和文本区块将使用将图像或视频文件放在左侧并将写入的内容放在右侧的布局。您可以单击“上传” 或“媒体库” 选项来选择文件: 放置图像或视频文件后,您可以移动到区块的内容… 一侧并开始编写。以下是添加一些内容后的外观示例: 请注意,区块的每个部分都有单独的格式菜单。默认情况下,WordPress会在您的媒体文件旁边放置一个段落元素。但是,您可以将其替换为其他基于文本的元素: 在多种类型的书写元素之间进行选择的能力使媒体和文本区块成为一个令人难以置信的多功能选项。在下一节中,我们将向您展示如何配置其设置。 媒体和文本区块设置和选项 使用媒体和文本区块时,您可以使用两组配置选项。一个是格式化工具栏,为您使用的每个区块提供自定义选项。第二个是设置菜单,具有更全面的样式调整。让我们从格式工具栏开始。 工具栏设置 如果您将鼠标悬停在媒体和文本区块的图像或视频部分上,您将看到一个格式菜单,其中包含以下选项: 将区块转换为另一种类型的元素 通过从两个选项中进行选择来更改区块的布局 在区块内添加指向媒体文件的链接 用不同的选项替换媒体文件 这是一个快速备忘单,显示了每个选项在格式工具栏中的位置: 如您所见, 媒体和文本区块使您可以在多个布局选项之间进行选择。每种情况下的主要区别在于视频或图像的位置: 与图片区块不同,媒体和文本元素的格式工具栏不包括用于编辑图像的选项。但是,我们将在一分钟内向您展示如何进一步调整您的图片。 现在,让我们转向媒体和文本区块的写入部分。默认情况下,它将使用段落元素,但您可以将其更改为区块编辑器支持的任何其他基于文本的选项。 您选择的基于文本的区块将更改您将鼠标悬停在其上时出现的格式选项。在这里您可以看到与段落区块相对应的设置: 如果您想详细了解每种文本元素的不同格式选项,我们建议您查看我们的WP教程。我们有最重要的区块编辑器元素的完整指南,向您展示如何添加和配置单个区块。 其他选项 接下来,在选择媒体和文本区块的同时单击编辑主菜单右上角的齿轮图标。在那里,您可以访问带有其他配置选项的侧边栏: 让我们来看看每个设置所涵盖的内容: 样式:这使您可以为区块添加边框。请记住,边界的格式将取决于您的主题设置。 颜色:这使您可以更改区块及其背景中的文本和链接颜色。 媒体和文本设置:您可以在图像文件中添加替代文本并在此处调整其大小。此部分还包括用于为移动显示调整区块和裁剪图像的选项。 以下是区块的颜色选项的快速浏览: 继续,如果您在“媒体和文本”设置 选项卡中启用“在移动设备上堆叠显示” 选项,当访问者从移动设备查看您的网站时,它会折叠区块。这是它的外观: 这涵盖了您需要了解的有关更改媒体和文本区块的格式和设置的所有信息。现在是时候讨论这个元素的实际应用了。 有效使用媒体和文本区块的技巧和最佳实践 在媒体和文本区块是直接使用,并且可以完美集成到大多数文章和页面。本质上,您正在处理两个分组区块和两个布局选择。 您可以使用列复制区块的外观和样式以并排添加图像和段落区块。但是,当存在媒体和文本功能时,几乎没有理由选择这种方法。 由于这是一个如此简单的区块,我们唯一的建议是格式化元素的写入部分以与您选择的媒体文件完美匹配。例如,您可能不想在单个单词的段落或小列表旁边放一张大照片。您会希望这两个元素看起来平衡。请记住,您可以在区块内调整图像大小。 最后,请记住,您使用媒体和文本区块添加的任何图像仍可用于搜索引擎优化 (SEO) 目的。这意味着您仍然应该考虑遵循基本的图像搜索引擎优化指南。 关于媒体和文本区块的常见问题 尽管使用媒体和文本区块相对简单,但您可能仍然对这个特定元素有一些疑问。考虑到这一点,让我们回顾一下有关此功能的一些最常见问题。 什么时候应该使用媒体和文本区块? 在媒体和文本区块可以展示旁边写内容的图像或视频的最佳方式。请记住,区块编辑器允许您在多种类型的基于文本的元素之间进行选择。 可以将这个区块的媒体和文本部分分开吗? 您可以将媒体和文本区块转换为栏目。这样做会将两个元素分成单独的区块,但保留原始布局。 可以更改媒体和文本区块的字体设置吗? 在媒体和文本区块您不可以更改字体设置。但是,您可以更改文本和任何包含的超链接的颜色。如果要访问更高级的字体相关配置,则需要将区块转换为栏目。 小结 在媒体和文本区块可能成为WordPress的您最常用的元素之一。图像和文本完美地搭配在一起,此区块使您可以将它们并排放置,并采用适合任何主题和页面的简单布局。 使用此 功能时,请记住您不必坚持使用简单的段落。默认情况下,该区块会在您的图像或视频文件旁边添加一个段落元素。但是,您可以将其替换为区块编辑器库中的其他基于文本的选项(例如列表或标题)。

我们将谈论哪些组区块原理,以及如何将它添加到您的文章和网页。我们还将向您展示如何配置其设置,并讨论有关分组元素的一些提示和最佳实践。

使用区块编辑器将单个元素添加到您的文章或页面很简单。但是,如果您打算在整个网站中使用类似的区块,则将它们放在一起并将它们保存为模板是有意义的。一旦你掌握了组区块,这样做就变得简单了。 在这篇文章中,我们将谈论哪些组区块原理,以及如何将它添加到您的文章和网页。我们还将向您展示如何配置其设置,并讨论有关分组元素的一些提示和最佳实践。 如何将组区块添加至文章或页面 添加此区块很简单,但需要的过程与您将用于其他区块的过程不同。首先,打开您要处理的文章或页面,选择添加新区块,然后选择“组” 选项: 放置此区块时,将出现一个新部分,包括添加多个元素的选项。请注意,现在有两个用于添加区块的按钮。如果您使用第一个,您将在集合中添加一个项目。第二个按钮将在组区块之后 添加新模块: 您可以在组区块中插入多个任何类型的元素。在我们的示例中,我们添加了三个表块。乍一看,可能不清楚该组中包含哪些元素。为避免混淆,您可以单击块编辑器主菜单中的列表视图 按钮:   这是将组区块添加到文章和页面的第一种方法。另一种方法是在组中添加您想要的所有区块,然后在编辑器中选择它们。如果您选择多个元素,块编辑器将为您提供链接它们的选项: 一旦您的块准备就绪,请记住您可以将特定分组保存为模板或可重复使用的区块。我们将在下一节中向您展示如何做到这一点。 组区块设置和选项 由于组区块可以包含多个不同的元素,因此您可能会看到多个格式菜单。本节将向您展示如何使用此区块的可自定义选项和常规设置。 工具栏设置 如果将多个表格放在一起,则可以选择每个表格区块并访问其格式设置和选项: 如果您选择整个组区块,您可以查看不同的、更直接的格式菜单。以下是它包含的选项: 将区块转换为栏目 使用拖放功能移动区块,或向上或向下移动元素的位置 修改区块的宽度 其他选项,包括分解集合或将其保存为可重复使用的区块 让我们看看在组区块的格式菜单中在哪里可以找到每个设置 : 这里的大多数选项都相对简单。您可能会花更多时间调整集合中各个区块的格式。这里的两个突出设置是将组区块保存为可重用元素 (1) 或将其分解 (2) 的选项: 如果您选择取消组,则块将分成单独的元素。将添加到可重复使用的区块选项将让您保存独特的分组和它的设置,这样你就可以在其他的文章或网页重用它: 保存块后,当您向任何文章或页面添加新元素时,它会显示在“可重用” 选项卡下: 您可以将可重复使用的区块添加到WordPress中的任何页面或文章。但是,您可能需要更改元素的一些样式设置以使其适合。 其他选项 每个WordPress区块都带有各种设置,您可以通过单击区块编辑器主菜单右上角的齿轮图标来访问这些设置。 组区块是改变你的设定(1)风格的街区,提供设置,修改它的颜色(2),和边框与内部元件(3)之间添加填充物: 组区块,您可以两种风格之间进行选择:有边框或者无边框。如果您选择“边框” 选项,它将在内部组件周围添加一个边框。但是,设置菜单不允许您更改边缘的样式或颜色: 继续,您可以为文本、背景和区块内的链接设置新颜色。但是,请记住,每个内部元素的单独设置将覆盖这些全局选项: 然后,您可以单击“间距” 选项卡来更改区块边框与其内部元素之间的填充。为此,您需要以像素为单位指定距离: 一旦您对区块的配置和样式感到满意,您就可以转到该文章或页面中的其他元素。 有效使用组区块的提示和最佳实践 您可以使用组区块来链接您想要的任何元素。但是,我们建议您仅在有令人信服的理由时才将项目分组。使用此 块的一些重要原因包括: 自定义一组具有相似设置的区块。 在文章或页面布局中移动选定的区块,同时将它们保持在一起 保存一组区块以便稍后在另一个文章或页面上重用它们。 如果您改变了将一组区块链接在一起的想法,请记住,您始终可以将它们分开,并且不会影响它们的单独设置。一旦您熟悉了区块编辑器,您就可以创建华丽而复杂的元素,您可以在整个网站中重复使用这些元素。 关于组区块的常见问题 到目前为止,您几乎了解了有关WordPress组区块的所有信息。最后,我们汇总了有关此元素的最常见问题的集合,以确保您不会遗漏任何关键细节。 我可以将任何WordPress区块组合在一起吗? 使用组区块,您可以链接任何WordPress的区块。因此,您可以使用它来组合包含多个元素的复杂设计。 我可以编辑组内的单个区块吗? 区块编辑器使您可以访问包含您正在处理的整个组区块的“全局”选项 。此外,您仍然可以访问集合中每个元素的格式设置和样式设置。 组区块与可重用元素相同吗? 您可以将大多数块保存为区块编辑器中的可重用元素。但是,组区块使您能够将整组区块组件保存为单个可重复使用的项目。 小结 组区块的WordPress的区块编辑器中最有趣的功能之一。它使您可以将它们链接在一起并同时自定义它们,而不是单独处理区块。 您可以将组区块保存为可重复使用的元素,您可以将这些元素添加到整个站点中,如果要使用单个组件,则可以拆分等等。考虑到WordPress区块编辑器使您能够对任何类型和数量的区块进行分组,因此您几乎无法使用此功能。

在本教程中,我们将了解封面区块的功能并查看其设置和选项。我们还将看到有关如何使用它的一些最佳实践以及常见问题解答。

WordPress封面区块很有趣。它允许您在背景中放置图像、视频或纯色,并将内容区块添加到前景。这意味着您可以将区块放置在其他块上。它比大多数块有更多的选择。了解如何使用封面区块可以极大地增强您网站的设计。 在本教程中,我们将了解封面区块的功能并查看其设置和选项。我们还将看到有关如何使用它的一些最佳实践以及常见问题解答。 如何将封面区块添加至文章或页面 要将封面区块添加到您的页面和文章,请选择您的内容中或页面左上角的区块图标,输入区块的名称,然后选择它。 您也可以输入/cover并按 Enter 键或选择区块。 然后,您的内容中将有一个封面区块,您可以在其中添加图像或视频等媒体,或使用颜色作为背景,并将文本置于前景中。从媒体文件夹或颜色中选择内容后,文本选项会出现在前景中。 我从我的媒体库中添加了一张图片,并在图片上添加了一个标题。标题是一个段落区块。您可以将其更改为其他类型的区块、嵌入视频等。 您还可以通过按 Enter 键添加多个区块。像往常一样从区块中选择。 您还可以从一种预选的背景颜色中进行选择。 该颜色可用作图像的叠加层。 封面区块设置和选项 封面区块有两个带有设置和选项的区域。第一个是封面区块工具栏。第二个是右侧栏中的封面区块选项。 封面区块工具栏 单击封面区块中的任意位置可打开其工具栏。 更改封面区块类型或样式 第一个设置更改栏目,让您分组、更改图像,以及从默认样式或边框中选择样式。悬停显示预览。我将鼠标悬停在图像上。图像删除您在叠加层中的内容区块。 拖动或移动 抓住拖动工具(6 个点)将块拖动到您想要的任何位置。移动工具允许单击箭头向上移动区块或内容中的文本。 对齐方式 对齐选项包括左、中、右、宽幅和全幅。左右包裹区块和它下面的段落。 这是全幅图像。这可用于创建标题、划分部分等。 更改内容位置 这将选择内容位置。它打开一个带点的 3×3 网格。选择一个点会将内容移动到图像中的那个位置。 切换全屏 这会将图像设置为其全屏,而不是调整其大小。 应用双色调滤镜 从预先选择的选项中选择双色调。一种适用于阴影,另一种适用于高光。 在滑块上选择一种颜色进行调整。 在滑块下选择一种颜色以选择预选的颜色。 代替 这将打开媒体选项,以便您可以上传或从库中选择其他图像。 更多选项 更多选项包括: 隐藏更多设置 – 隐藏右侧边栏。 复制– 复制封面区块,以便您可以将其粘贴到页面或文章中的任何位置。 创建副本– 创建封面区块的副本并将其放置在原件下方。 在区块前插入– 在封面去块上方为另一个区块添加空间。 在区块后插入– 在封面区块下方为另一个区块添加空间。 移动到– 让您通过使用箭头键向上或向下移动蓝线来移动区块。按回车键,你的方块就会移动到蓝线的位置。 添加至可重用区块– 将区块添加到您的可重用区块中,以便您可以在任何页面或文章中使用它。 […]

自2018年以来,古腾堡区块编辑器取得了很大进展。随着即将转向完整站点编辑,区块编辑器将只会成为WordPress更重要的一部分。我们涵盖了从块编辑器基础知识到高级技巧和功能的所有内容。我们还研究了未来完整站点编辑的样子。

当WordPress区块编辑器或古腾堡于2018年12月推出时,我们不知道会发生什么。当然,我们有足够的时间来玩它的测试版,但我们无法预测实际发布的顺利程度,或者用户和开发人员会多么热衷于接受新编辑器。 但经过三年的发展,我们已经看到古腾堡编辑在两年多的时间里经历了巨大的发展。它已从最小可行产品 (MVP) 发布转变为更成熟的项目,该项目越来越接近为WordPress创建统一的完整站点编辑体验的目标。 考虑到这些变化,我们重新审视了古腾堡编辑器,带您了解它的新面孔,包括它接下来的发展方向。 什么是古腾堡区块编辑器? 古腾堡与流行替代品的优缺点 如何使用WordPress古腾堡区块编辑器 10个提高工作效率的古腾堡技巧 深入研究更高级的区块编辑器概念 使用插件扩展区块编辑器 WordPress古腾堡编辑器和完整站点编辑 什么是古腾堡区块编辑器? Gutenberg,也称为“WordPress区块编辑器”或“WordPress编辑器”,是2018年12月6日发布的WordPress 5.0中引入的WordPress内容编辑器。 如果您还没有听说过这个词,它是所有WordPress网站都会使用默认编辑器,除非您明确禁用它。它看起来像这样: WordPress古腾堡编辑器 WordPress古腾堡编辑器与之前的WordPress编辑器(现在称为“经典编辑器”或“TinyMCE编辑器”)之间的最大区别是一种新的基于区块的内容创建方法。 使用Gutenberg,您内容中的每个元素都是一个区块,可以轻松操作内容。每个段落都是一个区块,每个图像都是一个区块,每个按钮都是一个区块——你懂的! 第三方开发人员还可以创建自定义区块,这有助于结束WordPress与短代码的关系。假设您要嵌入联系表单。无需像过去那样添加短代码(例如`[your-form-shortcode]`),现在只需放入表单插件区块即可。 除此之外,您还可以使用区块来创建更复杂的布局,例如设置多列设计或将区块分组以创建一个有凝聚力的部分。随着我们深入向您展示如何使用区块编辑器,您将更好地了解如何使用块来改进您创建内容的方式。 古腾堡不仅仅是一个内容编辑器 需要了解的一件重要事情是,Gutenberg项目的目标不仅仅是一个内容编辑器。 2021年7月,Gutenberg仍然只是一个内容编辑器(大多数情况下)。但是Gutenberg的长期目标是将其推向称为Full Site Editing的领域。 Full Site Editing的理念是您可以使用Gutenberg编辑器设计100%的网站。例如,您不仅可以使用WordPress主题附带的标题选项,还可以使用Gutenberg区编辑器设计自定义标题。 这种类型的功能目前尚不可用,但它是在路上,我们也有一些项目“概念证明”,我们会给你看一下近这篇文章的结尾。 古腾堡与流行替代品的优缺点 现在我们已经能够使用WordPress区块编辑器两年多了,我们对古腾堡与其他解决方案的一些优缺点有了很好的了解。在WordPress上创建内容有两种主要选择: TinyMCE编辑器:这是在WordPress 5.0之前使用的经典编辑器。 页面构建器插件:这些是为WordPress添加视觉、拖放设计的第三方插件。 一般来说,经典的TinyMCE编辑器提供更精简的类似字处理器的体验,而页面构建器提供更灵活的视觉拖放设计体验。 如果我们根据它们的设计灵活性对所有三个编辑器进行排序,它会是这样的: Classic TinyMCE编辑器(最不灵活)< Gutenberg < 页面构建器(最灵活) 现在,让我们谈谈古腾堡块编辑器与替代品的一些优缺点。 古腾堡与经典编辑器:优点和缺点 让我们首先比较Gutenberg与经典的TinyMCE编辑器。 优点: 古腾堡提供了更视觉化的设计背景 您不需要使用短代码来嵌入内容——您将获得一个统一的区块系统 缺点: 有些人发现用古腾堡写作有点笨拙,因为每个段落都是一个单独的区块。对于长文章,操作文本可能很困难。您可能更喜欢在另一个编辑器中书写并在完成后将文本粘贴到Gutenberg中。 虽然Gutenberg的性能有了显着提高,但它仍然会滞后于大量文章,而经典编辑器不太可能发生这种情况。 如果您认为经典TinyMCE编辑器更适合您的需求,您可以完全禁用Gutenberg编辑器。 古腾堡与页面构建器:优点和缺点 现在,让我们来看看Gutenberg如何与第三方页面构建器插件相抗衡。 优点: […]

自WordPress 5.0发行,官方即开始使用名为Gutenberg(古腾堡)编辑器,虽然目前来说该编辑器的功能尚不够完善,但就WordPress的计划,未来还是会积极发展这一编辑器。在本文中,我们

自WordPress 5.0发行,官方即开始使用名为Gutenberg(古腾堡)编辑器,虽然目前来说该编辑器的功能尚不够完善,但就WordPress的计划,未来还是会积极发展这一编辑器。在本文中,我们将回答一些最常见的古腾堡问题。 1. WordPress为什么引入了古腾堡? 长期以来,WordPress使用基于TinyMCE的编辑器来创建文章和页面。经典WordPress编辑器是一个简单的文本窗口,顶部有几个用于基本格式设置选项的按钮。 尽管效果很好,但用户必须学习不同的方法来添加图像,创建画廊,嵌入视频,添加表格和其他内容元素(不过大部分WordPress站长应该已经非常熟悉这些操作)。但对于新用户来说,传统的文本编辑器相对古腾堡编辑器说,学习曲线更为艰难。 全新的WordPress区块编辑器引入了现代化的简化写作体验,其中每个内容元素都包裹在一个区块中。您可以在编辑器中移动这些块,更改其设置并创建引人入胜的内容布局,而无需编写代码。 古腾堡编辑器 古腾堡(Gutenberg)编辑器还为主题和插件开发人员提供了强大的框架,以为WordPress构建高级解决方案。 2. 如何检查我使用的主题和插件是否兼容Gutenberg? 检查主题和插件是否与Gutenberg兼容的最简单方法是查看它们是否支持WordPress 5.0+。 古腾堡编辑器是WordPress 5.0以上版本默认的内容编辑器,附带“Tested with 5.0+”标签的主题或插件意味着它们才有可能与古腾堡兼容。 您可以通过在WordPress插件库搜索插件的名称找到“Tested with”标签。 WordPress插件市场 在结果中,您将看到测试插件的WordPress版本。例如,下方截图表明WPForms目前已通过WordPress 5.0.3测试。 WPForm插件 但这是否说明WPForm一定兼容Gutenberg,不一定,只是兼容WordPress 5.0+是先决条件。 你可以通过访问WordPress官方插件库的“Block-Enabled”,查看所有发布到WordPress插件市场的支持区块编辑器的插件。 又或者你可以访问主题和插件的官方文档了解其支持古腾堡的情况! 3. 如何在Gutenberg块编辑器中管理旧文章? 在将网站更新为WordPress 5.0之后,您的旧文章内容将被包装在Gutenberg编辑器的Classic块中。 古腾堡编辑器 您可以像在经典编辑器中一样编辑所有内容。 您也可以将旧文章内容转换为Gutenberg块。只需从“经典”区块的下拉菜单中单击“ Convert to Blocks”选项,然后它将自动将文章内容转换为适当的区块。 古腾堡编辑器转经典编辑器 4.如何禁用古腾堡并恢复经典编辑器? 由于某种原因,许多用户还没有准备好切换到Gutenberg编辑器。 在这种情况下,您可以选择禁用古腾堡,然后恢复经典编辑器。 您需要做的就是安装并启用Classic Editor插件。又或者安装教学博主题及部分插件,我们也提供类似的功能帮助站长一键禁用古腾堡编辑器。 Classic Editor插件 使用此插件,您可以轻松禁用Gutenberg并在你的网站上使用经典编辑器。 Classic Editor插件将至少在2022年之前可用,或根据需要提供。 这将为用户提供大量时间,让他们在使用Gutenberg时测试其网站并在适当的时候进行升级。 5. 古腾堡是WordPress页面生成器吗? Gutenberg是基于块的编辑器,它使用称为块的内容元素来创建文章和页面。同样,WordPress页面构建器还使用块(也称为小部件,模块或元素)在WordPress中创建页面。 这让用户容易产生困惑,为此站长经常会问Gutenberg是否是WordPress页面构建器的替代品。 答案是“不,至少不是目前的形式”。 WordPress页面构建器插件提供了许多用于在WordPress中创建登录页面的高级功能。 […]

当我们在WordPress中创建或编辑文章时,如果把古腾堡编辑器禁用,我们有两个内容编辑器可供选择:TinyMCE可视化编辑器和WordPress文本编辑器。

当我们在WordPress中创建或编辑文章时,如果把古腾堡编辑器禁用,我们有两个内容编辑器可供选择:TinyMCE可视化编辑器和WordPress文本编辑器。后者由一个由按钮增强的文本区域元素组成,提供了一种将HTML代码注入文章内容的快速方法。 用户可以通过单击右上角的标签轻松地从视觉模式切换到文本模式。WordPress将保留文章内容,但TinyMCE会将特殊字符转换为相应的HTML实体。出于这个原因,您可能更喜欢 推荐阅读:深入了解WordPress新的古腾堡编辑器(优点和缺点) 在文本编辑器正好说明了文章内容的HTML结构,它赋予了用户输入的完全控制权,所以这个文章是关于WordPress的文本编辑器。首先,我们将从开发人员的角度深入探讨该主题:我们将查看Quicktags JS API、quicktags_settings过滤器和wp_editor()函数。 这篇文章的最后一部分专门针对非开发人员。我将向您展示一个插件,允许用户从WordPress管理面板快速配置文本编辑器。 比较可视化和文本编辑器。 WordPress文本编辑器 覆盖Quicktags设置 将WordPress编辑器包含在首页 使用AddQuicktag插件增强WordPress文本编辑器 WordPress文本编辑器替代方案和工具 WordPress文本编辑器 如果您习惯于在文章中添加大量代码,或者您想预览内容的确切HTML结构,您可能更喜欢准系统文本编辑器,而不是高级可视化编辑器的易用性。 然而,文本编辑器不仅仅是一个表单元素。编辑器工具栏提供了一组按钮(称为快速标签),允许用户快速将大量标签注入 HTML 帖子结构。 默认情况下,WordPress提供以下快速标签: a strong code del em ol ul li img blockquote ins fullscreen lookup close 图像显示了WordPress文本编辑器的默认按钮 由于Quicktags API,可以覆盖默认设置。JavaScript API提供了一种简单的方法来添加自定义按钮并将代码和内容注入编辑器文本区域。该QTags.addButton方法增加一个按钮,工具栏和定义如下: QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance ); 此方法保留以下参数: id ( string ) (required) 是按钮的HTML id; display ( string ) […]

本文将解释如何使用主题编辑器自定义WordPress主题。我们还将讨论其他五种编辑网站的方法以及编辑WordPress主题时的有用提示。

WordPress主题是一组文件,包括图像、样式表和代码,以及定义网站的视觉外观和功能。 但是,WordPress主题并不总是包含您可能需要的功能。为了克服这个问题,WordPress有一个内置的主题编辑器,可让您从仪表板修改主题文件。 本文将解释如何使用主题编辑器自定义WordPress主题。我们还将讨论其他五种编辑网站的方法以及编辑WordPress主题时的有用提示。 什么是WordPress主题编辑器? 如何使用WordPress主题编辑器 其他自定义WordPress主题的方法 1. 通过文件管理器编辑主题文件 2. 使用基于块的站点编辑器 3. 安装页面构建器 4. 利用WordPress插件 5. 使用子主题 编辑WordPress主题时的其他提醒 始终创建备份文件 设置本地测试服务器或暂存环境 使用版本控制 什么是WordPress主题编辑器? WordPress主题编辑器是WordPress仪表盘中的一个简单文本编辑器。它允许用户自定义WordPress主题文件以实现他们想要的外观和功能。例如,附加一个额外的侧边栏,使网站适合移动设备,或在标题中嵌入自定义视频。 如何使用WordPress主题编辑器 WordPress主题编辑器可让您从任何已安装的主题打开文件。它在文本编辑器上显示文件内容,因此您可以直接在仪表板上调整主题代码。 虽然此工具在旧版WordPress中称为主题编辑器,但较新的WordPress 5.9使用主题文件编辑器。 通过Appearance -> Theme File Editor访问主题代码编辑器。在右侧,它将显示主题包含的模板文件列表。单击任何文件以查看其内容并进行更改。 重要的!如果您在WordPress 5.9中使用基于块的主题,请导航至工具 -> 主题文件编辑器以访问该编辑器。 要选择其他主题进行修改,只需导航到屏幕右上角并单击下拉菜单以查找更多主题选项。 但是,选择另一个主题不会切换活动主题。转到外观->主题以查看当前活动的主题或激活不同的主题。 完成自定义主题文件后,单击“更新文件”按钮。如果代码中存在语法错误,WordPress 主题编辑器会阻止用户保存文件。它还将指示错误所在的位置,从而更容易修复它。 由于大多数主题使用CSS、JavaScript和PHP文件类型,因此确保您能够轻松地使用它们至关重要。编辑或粘贴代码片段时要小心,因为操作不当可能会导致错误甚至将您锁定在网站之外。 主题文件因主题而异。但是,每个WordPress主题都包含以下基本文件: 样式表 (style.css) – 包含与设计相关的功能,包括字体、颜色和布局。您可以将自定义CSS添加到此文件并更改整个网站的外观。 Functions.php – 确定主题的特性和功能,例如小部件、特色图像和自定义徽标。 模板文件——HTML、模板标签和 PHP 代码的组合,用于确定任何给定页面的内容输出,例如单个文章、404页面和存档。 如果您是为客户工作的开发人员,最好禁用对主题编辑器的访问。这样做可以防止不必要的错误,因为客户端可能没有意识到编辑主题代码的潜在风险。 此外,禁用对主题代码编辑器的访问可以防止黑客将恶意代码注入网站。 重要的!在自定义主题文件之前始终创建备份。如果您想了解如何创建WordPress备份,请查看我们的指南。 其他自定义WordPress主题的方法 WordPress主题编辑器并不是唯一可用于自定义网站主题和外观的工具。在本节中,我们将讨论几种自定义WordPress主题的方法。 1. 通过文件管理器编辑主题文件 WordPress主题文件存储在您的虚拟主机帐户中,并且可以使用文件管理器对其进行修改。以下是使用宝塔面板执行此操作的步骤。 […]

WordPress 5.0引入了Gutenberg作为其默认编辑器。它为使用区块创建内容提供了新的界面和体验。本文将向您展示如何使用新的WordPress区块编辑器(古腾堡编辑器)进行完整的站点编辑。

WordPress 5.0引入了Gutenberg作为其默认编辑器。它为使用区块创建内容提供了新的界面和体验。 WP开发人员通过在WordPress 5.9中引入完整的站点编辑,将区块编辑概念提升到了一个新的水平。本质上,区块编辑器现在取代了WordPress定制器作为编辑主题和网站外观的主要工具。 本文将向您展示如何使用新的WordPress区块编辑器(古腾堡编辑器)进行完整的站点编辑。 什么是古腾堡编辑器? 古腾堡编辑器如何工作? 使用古腾堡区块编辑器 如何看待古腾堡编辑器? 什么是古腾堡编辑器? 古腾堡(Gutenberg)编辑器是预装在WordPress 5.0及更高版本中的新WordPress编辑器。它为内容创建过程引入了一种新方法,让您可以更好地控制内容的视觉方面。 古腾堡编辑器如何工作? Gutenberg编辑器使用内容区块的概念来添加和编辑文章和页面中的各种元素,例如文本、图像、文件和链接。以前的默认WordPress编辑器TinyMCE专注于文本编辑。 提示:虽然新的区块编辑器预装在WordPress 5.0及更高版本中,但使用旧版本WordPress的用户也可以通过安装Gutenberg插件来使用区块编辑器。但是,我们强烈建议将核心WordPress软件更新到最新版本。 在WordPress 5.9更新之后,Gutenberg编辑器不仅仅是一个内容编辑器。它包括网站定制的所有方面,包括主题编辑和页面或文章创建。 新编辑器还提供了更好的页面视觉表示,使其比以前的WordPress编辑器更像一个页面构建器。 它将标题、文本和图像等网站元素分解为区块,使它们更易于管理和定制。 选择任何区块,您可以单独对其进行自定义,例如设置不同的背景颜色或排版而不影响其他区块或元素。这为站点编辑提供了更多自定义选项和灵活性。 新界面用户友好,让新用户可以快速学习如何使用WordPress。所有的区块都根据它们的结构列在一个可折叠的列表中。调整他们在网站上的位置很容易,因为用户只需在列表视图中拖放各个区块。 用户可以通过单击顶部栏或页面预览上的加号 (+)按钮来添加区块。 每个区块都有不同的配置和设计工具。例如,段落区块带有更改颜色和排版的工具。另一方面,图像区块具有添加替代文本和调整图像尺寸的工具。 新的全站点编辑方法还减少了对编码和自定义CSS的需求。新的区块编辑器引入了控制theme.json文件的全局样式面板。这使用户可以更改整个站点的样式,例如直接在默认编辑器上添加自定义颜色和更改排版。 使用古腾堡区块编辑器 Gutenberg编辑器界面可能会让初次使用的用户或任何习惯使用经典编辑器的人感到困惑。以下是一些关于通过Gutenberg编辑器构建网站和管理内容的指南。 1. 添加新的博客文章或页面 为您的网站创建内容首先使用Gutenberg区块编辑器添加新文章或页面。 博客文章有一个发布日期,并且通常按时间倒序出现在网站上。同时,页面是静态的并提供永恒的信息,例如About、Privacy Policy和Contact页面。 如果您打算创建一个新文章,请在您的WordPress仪表盘上访问文章->添加新内容。 进入默认内容编辑器后,您会看到一个空白草稿,其中包含文章标题和第一段区块的占位符。添加文章标题和新区块以创建内容。 在右侧边栏中找到文章设置。您可以在此处设置文章作者、文章模板、固定链接和文章类别。 创建新页面是一个类似的过程。导航到Pages -> Add New,您将看到与创建文章的界面相同的界面。唯一的区别是右侧边栏中的页面属性设置,它指定了父页面和页面顺序。页面也没有类别或标签设置。 2. 全局样式界面 当前的WordPress编辑器具有全局样式界面,无需编码即可自定义整个站点的颜色、排版和布局。 但是,该功能仅在WordPress 5.9中使用基于区块的主题时可用,包括基于区块的子主题。通过导航到外观->站点编辑器进入站点编辑器,然后单击屏幕右上角的黑白图标。全局样式界面将出现在右侧。 将有四个方面需要修改——排版、颜色、布局和区块。 在排版设置中管理文本和链接的字体系列、大小、行高和字体外观。 在颜色设置中,您会发现两个主要项目——调色板和元素。调色板显示可用于网站元素的颜色——主题调色板和默认颜色可用于整个网站。自定义颜色选择器可让您向调色板添加更多颜色。 颜色自定义的元素部分包括三个方面——背景、文本和链接。单击其中任何一个以自定义其颜色。 全局样式的下一项是布局。本质上,这使您可以为每个网站元素指定填充。 全局样式界面中的最后一项是区块选项卡,可让您自定义特定区块。选择此选项,您将看到可用区块的列表。选择其中任何一个开始定制。根据区块,您可以修改其布局、颜色、排版或所有这些。 3.模板编辑模式 新的WordPress区块编辑器包括模板编辑模式。大多数基于区块的主题都与此功能兼容,因此您可以使用区块编辑器编辑文章、页面或404页面的主题模板。它甚至允许您创建一个新模板。 导航到Appearance -> Site Editor转到站点编辑器。通过单击屏幕左上角的WordPress徽标并选择Templates打开可折叠导航侧边栏。您应该会在右上角看到可用模板列表和添加新按钮。 4.插入区块样板 如果您没有时间自定义每个区块,则可以使用内置区块样板。单击编辑器屏幕顶部的加号( + ) […]

我们将介绍可以禁用新的默认Gutenberg区块编辑器以使用经典编辑器的所有不同方法。

在几年前发布了WordPress 5.0 版本之后,Gutenberg区块编辑器彻底改变了内容编辑体验。它的创建是为了使没有编码和Web开发背景的用户在WordPress上的内容创建过程更加平易近人和方便。 编辑器使用区块引入了一个独特的界面,使创建媒体丰富的文章和页面更容易和用户友好。话虽如此,一个故事总是有两个方面,这也不例外。虽然Gutenberg区块编辑器有一些很棒的好处和独特的功能,使其对某些人非常有用,但它也有一些缺点,这对其他人来说是一种麻烦。 例如,如果您已经习惯了老式经典编辑器的文本编辑器格式,那么古腾堡编辑器会感觉像是一个全新的世界,需要一些时间来适应。虽然使用或不使用Gutenberg编辑器的决定是个人决定,但如果您喜欢经典编辑器而不是其当代对应物,那么这篇文章适合您。 在这篇文章中,我们将介绍可以禁用新的默认Gutenberg区块编辑器以使用经典编辑器的所有不同方法。 古腾堡与经典编辑器 在我们之前的文章中,我们解释了为什么人们更喜欢经典编辑器而不是Gutenberg区块编辑器的十个原因。最终,为经典文本编辑器禁用区块编辑器并不是一个复杂的过程,通过本文,您将了解实现此目的的多种方法。 古腾堡区块编辑器 WordPress经典编辑器 1.不使用插件下禁用古腾堡编辑器 有许多插件可用于禁用Gutenberg编辑器。但是,如果您有一个简单的博客并想完全摆脱区块编辑器,那么在您的主题的functions.php文件中添加以下代码。确保使用子主题或使用代码片段等插件来创建PHP片段。这是必不可少的,这样您的更改不会在您更新主题时被抹去。 /* Disable Gutenberg Block Editor */ add_filter(‘use_block_editor_for_post’, ‘__return_false’, 10); 如果您还想禁用Gutenberg小工具编辑器,则在您的functions.php文件中另外添加以下代码。 /* Disable Widgets Block Editor */ add_filter( ‘use_widgets_block_editor’, ‘__return_false’ ); 2.使用禁用古腾堡插件 好吧,虽然上面的方法很简单,但是即使是子主题也不建议修改主题的文件,或者你需要一个额外的代码片段插件。此外,您可能有不同的要求来仅对文章禁用Gutenberg,并希望将其用于页面和自定义文章类型。您可以使用“Disable Gutenberg”插件来处理这些类型的复杂情况。只需按照下面显示的步骤操作,您就可以立即使用古腾堡编辑器。 打开您网站的管理面板,然后转到“插件 > 安装插件”部分。 使用页面右上角的搜索框输入插件名称“Disable Gutenberg”来搜索插件。 安装并激活Jeff Starr开发的插件,如下图所示。 安装Disable Gutenberg插件 如果您仔细查看上图,您会发现其他提供类似输出的插件,但是,我们选择的插件有超过600,000多个活动安装,这比页面上的其他插件要多得多。这是选择插件时要记住的重要指标,因为它显示了社会证明和可信度的标志。 单击“设置”菜单并导航到“Disable Gutenberg”选项。或者,您可以打开“插件”菜单,然后单击“Disable Gutenberg”插件下方的“设置”链接。 打开Disable Gutenberg插件设置 这将带您进入插件的设置页面。在这里,您可以在整个站点的任何地方禁用Gutenberg,或者仅针对特定的用户角色、文章类型、模板或文章ID。请记住,只有取消选中“Disable Gutenberg everywhere”按钮,才能有选择地禁用Gutenberg。 Disable Gutenberg插件设置 […]

如果你是在线图片分享社区Imgur的粉丝,你很幸运!WordPress有一个Imgur嵌入区块,可以很容易地在你的文章中嵌入Imgur内容。WordPress有一个Imgur嵌入区块,可以很容易地将Imgur内容嵌入到你的文章和页面中。这篇文章将告诉你如何使用WordPress编辑器的Imgur嵌入区块。

如果你是在线图片分享社区Imgur的粉丝,你很幸运!WordPress有一个Imgur嵌入区块,可以很容易地在你的文章中嵌入Imgur内容。WordPress有一个Imgur嵌入区块,可以很容易地将Imgur内容嵌入到你的文章和页面中。这篇文章将告诉你如何使用WordPress编辑器的Imgur嵌入区块。 什么是Imgur嵌入区块? Imgur是一个流行的图像共享网站,拥有一个忠实的用户社区。它允许用户上传、分享和评论图片。该网站有一个用户友好的界面,是互联网上最受欢迎的图像共享网站之一。 如果你是一个喜欢使用Imgur的人,你可能想把你的WordPress网站和你的Imgur帖子交叉传播。这就是WordPress的Imgur嵌入区块出现的地方。 WordPress的区块编辑器标配了一个有用的区块目录,允许你快速建立一个页面或帖子。还有一些区块可以让你嵌入视频和嵌入Tumblr帖子。 在这篇文章中,我们将介绍Imgur嵌入区块。这个模块允许你从你的Imgur账户中提取图片到WordPress页面。下面是它的工作原理 如何添加Imgur嵌入区块到你的文章或页面 如果你曾经想在你的WordPress网站上添加一个Imgur图片帖子,但不知道如何,本指南是为你准备的。使用WordPress区块编辑器中的嵌入区块添加Imgur图片很容易。 首先,在你的Imgur账户中,找到你想添加的图片并复制它的URL。 然后,在WordPress,点击 “添加区块 “按钮,找到Imgur嵌入,并选择它。 它将要求一个URL,你可以把Imgur的URL粘贴到出现的盒子里,然后点击回车。 图片将自动被添加到你的帖子。预览Imgur图片帖子,看看它与你的主题和其他内容看起来如何。 这就是它的全部内容了! 接下来,我们将探索WordPress中Imgur嵌入区块的几个设置和选项。 Imgur嵌入区块的设置和选项 Imgur嵌入区块的工具条有四个选项,用于在页面上的对齐。每个选项都会根据所选择的对齐方式在页面上移动Imgur嵌入。如果选择无,则默认设置生效。 无–没有对齐方式,这是在区块级别决定的。 向左对齐 – 使该区块向左对齐。 居中对齐–使区块的对齐方式居中。 向右对齐 – 使该区块向右对齐。 通过点击工具条上的省略号图标,你会看到通用的区块命令和选项。这些命令和选项可用于大多数类型的默认区块,而不仅仅是用于Imgur嵌入。 在区块层面上,有一些常规的快捷方式,如复制和复制品。额外的选项是区块编辑器的具体命令,如插入前、插入后、移至和作为HTML编辑。 最后,还有一些选项,如锁定区块,将区块添加到可重复使用的区块,以及将多个区块作为一个单元进行分组。 你可以通过媒体设置中的Imgur区块设置来改变内容在手机上的浏览行为。切换开关可以打开或关闭小型设备的响应式大小。默认设置为打开,但如果你发现它对你的行为不好,你可以关闭该设置。 还有一个选项是专门为该区块添加一个CSS类。如果你通过CSS编辑这个区块的样式,你会在高级设置部分分配类。 为了获得更多的样式选择,Imgur嵌入区块可以被转换为一个组。 这允许将间距、排版和背景颜色设置应用于整个区块。此外,在组的高级设置中,还可以选择添加一个HTML锚点ID,以创建锚点链接。 Imgur条款和条件 值得一提的是,你在网站上使用Imgur的方式是有限制的。下面是Imgur的一句话。 请注意,Imgur的服务条款禁止将Imgur作为内容传递网络,禁止热链接成人或非法图片、山洪、商业目的的图片托管,或复制Imgur自身功能的网站。 但对于大多数使用情况,使用Imgur嵌入区块是完全安全的,也是分享你的图片的好方法。 小结 总之,WordPress Imgur嵌入区块是一个伟大的工具,当你想在你的WordPress文章或页面中嵌入Imgur图片时,可以使用它。你所需要的是Imgur图片的URL,Imgur嵌入区块将做其余的事情。给它一个机会吧!

100% Secure Checkout

PayPal / MasterCard / Visa