WordPress:如何编辑 CSS 和 PHP 模板

想在 WordPress 中自定义 CSS 和 PHP 模板? 本教程将帮助您通过皮肤编辑器编辑 functions.php 或 style.css 等主题文件。

WordPress:如何自定义 CSS 和 PHP 模板

通过主题编辑器编辑 PHP

在 WordPress 中,主题编辑器工具用于编辑模板文件。 此功能允许您直接编辑正在使用的模板的单个 CSS 和 PHP 文件。 例如,您可以使用它来编辑functions.php文件。

WordPress 编辑器主题外观
主题编辑器 – 外观
💡 Tip: Choosing the right hosting is crucial for a fast website ⏱ . I recommend betting on verified quality ➡️ Bluehost or SiteGround.

直接编辑模板的风险警告

应谨慎使用编辑器工具。 这是因为如果您以不正确的方式对影响网站外观的文件进行更改,则该网站可能根本不会显示。 充其量,它会显示不正确。

WordPress 本身会通过带有以下消息的弹出窗口通知您:

看起来您正在通过 WordPress 板直接编辑您的主题。 我们建议不要这样做! 直接编辑主题可能会使您的网站无法运行,并且在更新时可能会丢失。 如果您需要调整的不仅仅是 CSS 主题,您可以尝试创建一个派生主题

如果您决定继续进行直接编辑,请使用文件管理器创建一个具有新名称的副本,保持原样不变。 这样,如果出现问题,您可以恢复功能版本。

WordPress 通知编辑器模板
直接模板编辑通知

如果您不了解 HTML、CSS 或 PHP,您所做的更改可能会使页面完全崩溃。 因此,我建议您仅在具备必要知识的情况下才使用此功能。

提示:如果您设法删除该站点,请通过 ftp 登录到您编辑的文件并撤消更改。

如何编辑 CSS WordPress 模板

最好使用 CSS 编辑功能来编辑主题样式,您还可以在其中实时跟踪更改。 例如,您可以使用它来编辑style.css文件。

您可以通过单击菜单中的编辑 CSS来到达那里:

WordPress 模板 - 如何编辑 CSS
WordPress 模板 – 如何编辑 CSS

点击直接进入编辑器(也称为定制器):

WordPress CSS 编辑器
WordPress:CSS编辑器

在此处添加您自己的 CSS 代码以自定义网站的外观和布局。了解更多关于 CSS的信息。

您可以使用键盘移动:

  • 在编辑器区域中,Tab 键插入一个选项卡。
  • 要退出编辑器区域,请使用 Esc 键,然后使用 Tab 键。
  • 屏幕阅读器用户:您可能需要按两次 Esc 才能退出表单模式。

编辑框会自动突出显示代码的语法。 您可以在用户配置文件中以文本模式禁用此功能。

💡 Tip for themes: From premium themes, I have good experience with themes Divi, Avada and with page builder Elementor.

在 WordPress 中编辑 CSS 和 PHP – 结论

最好使用子主题来编辑 PHP文件,因为直接对模板所做的更改会在更新时丢失。 此外,您还存在丢弃该网站的风险。

建议使用子主题来编辑 CSS ,但这需要编程知识,所以上面提到的编辑器对用户来说已经足够了

💡 Do you want a faster ⏱ website? Website speed is important for both visitors and SEO. I got the best results thanks to the WP Rocket plugin, which I highly recommend.
Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here