2025最新教程,小白如何在 WordPress 代码编辑器中编辑 HTML

速览

登录WordPress后台，导航到“页面”或“文章”，选择编辑器中的“自定义HTML”块添加或编辑HTML代码¹³⁷。

详答

一、登录WordPress后台

首先，你需要登录到你的WordPress后台。在浏览器中输入你的WordPress网站地址，并在后面添加/wp-admin，然后输入你的用户名和密码进行登录⁴。

二、导航到编辑页面或文章

登录成功后，在左侧菜单中找到“页面”或“文章”选项，将鼠标悬停在上面，然后从下拉菜单中选择“所有页面”或“所有文章”。找到你想要编辑的页面或文章，点击其标题进入编辑界面⁴。

三、使用自定义HTML块编辑HTML

1. 古腾堡编辑器

如果你的WordPress使用的是古腾堡编辑器（Gutenberg），你可以通过以下步骤编辑HTML：

• 在编辑器中，点击右上角的“+”按钮，搜索并选择“自定义HTML”块¹²⁶。
• 将你的HTML代码粘贴到自定义HTML块中¹²⁶。
• 点击“预览”按钮，检查你的HTML代码是否正常显示⁷。

2. 经典编辑器

如果你的WordPress仍然使用的是经典编辑器，你可以通过以下步骤编辑HTML：

• 在编辑器界面，找到并点击“文本”选项卡，切换到文本编辑器模式⁴。
• 在文本编辑器中，你可以直接看到并编辑页面的HTML代码⁴。
• 编辑完成后，点击“更新”按钮保存更改⁴。

四、注意事项

• 在编辑HTML代码时，请务必小心谨慎，避免破坏网站的正常显示和功能³。
• 如果你不熟悉HTML代码，建议先学习一些基础知识，再进行编辑⁷。
• 定期备份你的WordPress网站，以防在编辑过程中出现问题导致数据丢失³。

延展

• 如果想要更深入地了解WordPress的HTML编辑功能，可以查阅WordPress的官方文档或相关教程。
• 如果在编辑过程中遇到问题，可以寻求WordPress社区的帮助或咨询专业的WordPress开发者。

图解

flowchart TB
    A[2025最新教程：小白如何在WordPress代码编辑器中编辑HTML]

    subgraph 登录WordPress后台
        direction TB
        B[步骤一：导航到WordPress后台]
        C[输入用户名和密码]
        D[点击'登录'按钮]
        B --> C --> D
    end

    subgraph 创建或编辑内容
        direction TB
        E[步骤二：导航到'页面'或'文章'部分]
        F[点击'添加新'或编辑现有文章]
        E --> F
    end

    subgraph 使用块编辑器添加HTML
        direction TB
        G[步骤三：在编辑器中点击右上角'+'按钮]
        H[搜索并选择'自定义HTML'块]
        I[将HTML代码粘贴到自定义HTML块中]
        G --> H --> I
    end

    subgraph 使用经典编辑器编辑HTML
        direction TB
        J[打开经典编辑器]
        K[直接在文本视图下编辑HTML]
        J --> K
    end

    A --> 登录WordPress后台
    登录WordPress后台 --> 创建或编辑内容
    创建或编辑内容 --> 使用块编辑器添加HTML
    创建或编辑内容 --> 使用经典编辑器编辑HTML

    subgraph 其他方法
        direction TB
        L[使用插件创建自定义HTML部分]
        M[通过主题编辑器直接访问主题文件并编辑]
        N[使用FTP客户端（如FileZilla）编辑文件]
        subgraph 使用小部件添加HTML
            direction TB
            O[在侧边栏、页脚等<br>区域嵌入自定义HTML]
        end
        L --> M --> N
    end

    A --> 其他方法
















复制

图表说明

• 信息来源：图表中的信息主要来源于提供的辅助参考信息，涵盖了WordPress中编辑HTML的多种方法，包括通过块编辑器、经典编辑器以及其他编辑方式²⁵⁷。
• 可信度评估：图表内容基于多个来源的综合信息，步骤清晰，方法多样，适用于不同用户的需求和操作习惯，具有一定的可信度和实用性。然而，由于WordPress平台可能会更新变化，建议用户在使用时结合最新的官方文档或教程进行操作。

WordPress中编辑HTML的教程步骤

备注

• 根据WordPress官方文档及用户教程整理，涵盖了块编辑器和经典编辑器中编辑HTML的详细步骤和优缺点分析。³¹¹²

WordPress编辑HTML的高级技巧

备注

• 总结了WordPress中编辑HTML的一些高级技巧和使用场景，包括使用小部件、主题编辑器、FTP客户端和键盘快捷键等。³¹¹²
• 这些技巧适用于有一定WordPress使用经验的用户，需谨慎操作以避免对网站造成不利影响。