如何在WordPress代码编辑器中编辑HTML

你正在寻找一种简单的方法来编辑你的WordPress网站上的HTML吗?

超文本标记语言是一种代码,它告诉网络浏览器如何在网页上显示内容。编辑HTML对于高级定制和故障排除问题来说非常方便。

在本文中,我们将向您展示如何使用不同的方法在WordPress代码编辑器中编辑HTML。

如何在WordPress代码编辑器中编辑HTML

为什么要在WordPress中编辑HTML?

WordPress提供了数千个主题插件来改变你的网站的外观和定制不同的元素,而不需要接触一行代码。

然而,插件和主题有其局限性,可能无法提供您想要的确切功能。因此,您可能无法按照您希望的方式设计您的网站。

这就是编辑HTML真正有用的地方。您可以使用HTML代码轻松执行高级定制。它为你的网站外观和功能提供了很多灵活性和控制。

此外,学习如何编辑HTML也可以帮助您识别和修复你的WordPress网站上的错误当你无法访问仪表板时。

注意:如果您不想编辑HTML,但仍然想要完整的自定义选项,那么我们建议使用拖放页面生成器喜欢种子产品。

也就是说,让我们看看WordPress网站。

我们将介绍如何使用块编辑器和经典编辑器编辑HTML,我们还将向您展示一种向您的站点添加代码的简单方法。参见以下索引:

    • 如何在文字编辑器中编辑HTML
    • 如何在WordPress经典编辑器中编辑HTML
    • 如何在WordPress小部件中编辑HTML
    • 如何在WordPress主题编辑器中编辑HTML
    • 如何使用文件传输协议在WordPress中编辑HTML
    • 在WordPress中添加代码的简单方法

 

如何在文字编辑器中编辑HTML

在……里WordPress块编辑器,有多种方法可以编辑文章或页面的HTML。

首先,您可以在内容中使用自定义HTML块来添加HTML代码。

首先,前往你的WordPress仪表板,然后添加一个新的帖子/页面或编辑一篇现有的文章。然后,单击左上角的加号(+)并添加一个“自定义HTML”块。

如何在WordPress代码编辑器中编辑HTML

接下来,继续在块中输入您的自定义HTML代码。您还可以单击“预览”选项来检查HTML代码是否正常工作,以及您的内容在您的实时网站上的外观。

如何在WordPress代码编辑器中编辑HTML

在WordPress块编辑器中添加或更改HTML代码的另一种方法是编辑特定块的HTML。

为此,只需在内容中选择一个现有块,然后单击三点菜单。接下来,点击“编辑为HTML”选项。

如何在WordPress代码编辑器中编辑HTML

现在,您将看到单个块的HTML。继续编辑你的内容。例如,您可以添加nofollow链接,更改文本的样式,或添加其他代码。

如何在WordPress代码编辑器中编辑HTML

如果你想编辑整篇文章的HTML,那么你可以使用WordPress块编辑器中的“代码编辑器”。

您可以通过单击右上角的三点选项来访问代码编辑器。然后从下拉选项中选择“代码编辑器”。

如何在WordPress代码编辑器中编辑HTML

如何在WordPress经典编辑器中编辑HTML

如果您正在使用WordPress经典编辑器,然后您可以在文本视图中轻松编辑该HTML。

要访问文本视图,只需编辑一篇博客文章或添加一篇新文章。当您在经典编辑器中时,单击“文本”选项卡查看您文章的HTML。

如何在WordPress代码编辑器中编辑HTML

之后,你可以编辑你的内容的HTML。例如,您可以加粗不同的单词以突出它们,在文本中使用斜体样式,创建列表,添加目录,等等。

如何在WordPress小部件中编辑HTML

您知道您可以在站点的小部件区域添加和编辑HTML代码吗?

在WordPress中,使用自定义HTML小部件可以帮助您自定义边栏、页脚和其他内容小部件区域。例如,你可以嵌入联系方式、谷歌地图、行动呼吁(CTA)按钮和其他内容。

你可以从你的WordPress管理面板开始,然后转到外观小部件。然后,点击“添加”按钮,添加一个自定义的HTML小部件。

如何在WordPress代码编辑器中编辑HTML

接下来,您需要选择想要添加自定义HTML小部件的位置,并选择一个位置。小部件区域将取决于WordPress主题你在用。例如,您可以将其添加到页脚、页眉或其他区域。

如何在WordPress代码编辑器中编辑HTML

选择小部件区域和位置后,点击“保存小部件”按钮。

之后,您可以点击您的自定义HTML小部件,输入HTML代码,然后点击“保存”按钮。

如何在WordPress代码编辑器中编辑HTML

现在,您可以访问您的网站来查看正在运行的自定义HTML小部件。

如何在WordPress代码编辑器中编辑HTML

如何在WordPress主题编辑器中编辑HTML

另一种编辑网站HTML的方法是通过主题编辑器(代码编辑器)。

但是,我们不建议您直接在主题编辑器中编辑代码。输入代码时最轻微的错误都会破坏您的网站,并阻止您访问WordPress仪表板。

此外,如果您更新您的主题,那么您的所有更改都将丢失。

也就是说,如果您正在考虑使用主题编辑器编辑HTML,那么最好备份您的网站在做任何改变之前。

接下来,前往外观主题编辑器从你的WordPress仪表板。现在,您将看到一条关于直接编辑主题文件的警告消息。

如何在WordPress代码编辑器中编辑HTML

一旦你点击“我明白”按钮,你会看到你的主题文件和代码。从这里,您可以选择要编辑的文件并进行更改。

如何在WordPress代码编辑器中编辑HTML

如何使用文件传输协议在WordPress中编辑HTML

在WordPress主题文件中编辑HTML的另一种方法是使用文件传输协议服务。

这是所有产品附带的标准功能WordPress托管账目。

使用FTP而不是代码编辑器的好处是,您可以使用FTP客户端轻松修复问题。这样,如果在编辑HTML时出现问题,您就不会被锁在WordPress仪表板之外。

首先,您需要选择一个文件传输协议软件。在本教程中,我们将使用FileZilla,因为它是一个免费的用户友好的文件传输协议客户端,适用于视窗、苹果和Linux。

选择FTP客户端后,您现在需要登录到站点的FTP服务器。您可以在托管提供商的控制面板仪表板中找到登录详细信息。

登录后,您将在“远程站点”栏下看到网站的不同文件夹和文件。请前往,导航到您的主题文件WP-内容主题

您现在可以在网站上看到不同的主题。继续选择您想要编辑的主题。

如何在WordPress代码编辑器中编辑HTML

接下来,您可以右键单击主题文件来编辑HTML。例如,如果要在页脚中进行更改,请右键单击footer.php文件。

许多FTP客户端允许您查看和编辑文件,并在您进行更改后自动上传。在文件中,您可以通过单击“查看/编辑”选项来实现这一点。

如何在WordPress代码编辑器中编辑HTML

但是,我们建议您在进行任何更改之前,将要编辑的文件下载到桌面。

编辑完HTML后,可以替换原来的文件。

在WordPress中添加代码的简单方法

向WordPress添加代码的最简单方法是使用插入页眉和页脚WordPress插件。

wp初学者的团队设计了这个插件,所以你可以在几分钟内轻松地向你的网站添加代码,我们已经让它100%免费使用。

它还有助于组织您的代码,因为它存储在一个地方。此外,它还可以防止手动编辑代码时可能导致的错误。

另一个好处是,如果您决定更新或更改主题,就不必担心代码被删除。

您需要做的第一件事是安装并激活插入页眉和页脚插件在你的网站上。有关更多详细信息,您可以遵循我们的详细教程如何安装一个WordPress插件。

一旦插件被激活,你可以前往设置插入页眉和页脚从你的管理面板。

接下来,您可以将HTML代码添加到网站的页眉、正文和页脚框中。

例如,假设你想显示警告栏在你的网站上。您只需在“正文中的脚本”框中输入HTML代码,然后单击“保存”按钮。

如何在WordPress代码编辑器中编辑HTML

除此之外,你可以添加谷歌分析跟踪代码和脸书像素,或者使用插件在网站的页脚添加一个Pinterest按钮。

本站所有文章均来自互联网。如若本站内容侵犯了您的合法权益,可联系我们进行处理。

发表评论

您的电子邮箱地址不会被公开。