17713433920 info@mac163.com

编写PHP,CSS和HTML5来修改WordPress网站可能会很令人沮丧,但是一个好的指南可以使其变得更容易。这不是那个指南。这只是关于如何在完成后将代码添加到您的站点中。不过请不要担心-这同样重要。由于有很多解决方法,因此有助于了解各种选择之间的差异。但首先,有两个警告:

修改任何内容之前,请先对其进行备份。实际上,请在整个过程中继续备份您的工作。还有一个单独的文件可以将丢弃的或即将使用的代码片段粘贴到其中。
如果安装了其他人的主题,请不要将代码添加到WordPress主题的functions.php或style.css文件中。如果您这样做,那么当主题更新时,您的所有辛苦工作将被清除。
在本文的其余部分中,我将探讨一些替代方案,从最简单到最复杂。

WordPress插件

就像有多种类型的代码修改一样,也有多种类型的自定义代码插件。两种最常见的类型是PHP和CSS。如您所知,PHP控制着WordPress的体系结构和功能。因此,如果您试图修改网站的核心功能,添加或修改功能,则可以下载大量PHP插件来帮助您完成此任务。

同样,您可能也知道CSS的功能–它使事情变得更加漂亮。而且,如果您只想修改这些内容,那么自定义CSS插件将使您轻松地做到这一点。JavaScript潜伏在后台,它与插件有着复杂的关系。需要说明的是,这有点不同,如果将其添加到页眉,页脚或子主题中,则效果很好–但是要在帖子中使用它,必须使用特殊的插件。喜欢的东西,CSS和Javascript工具箱应该做的伎俩。附带说明一下,为了页面的速度,最好将其放在页脚中。

如何向您的wordpress网站添加自定义代码
如何向您的wordpress网站添加自定义代码

编写自己的插件
互联网上有大量的WordPress代码片段可用于更改,禁用或修改某些功能。但是,知道将它们放在哪里对于功能至关重要。例如,如果您有一个片段可以修改插件的功能,则无论您激活了什么主题,都希望它能正常工作。处理站点范围变更的代码段也是如此。因此,无论哪种情况,为他们创建一个新插件都是一个好主意。不用担心,它并不像看起来那样令人生畏。

创建插件的主要好处之一是,它将允许您按需激活或停用插件。它还允许在插件页面中查看有关插件的上下文信息。唯一的主要缺点是,任何其他允许修改站点的人都可能会意外停用它,但是向他们发出严厉的警告应该可以防止这种情况的发生。

另外,您还可以在wp-content文件夹中创建一个名为mu-plugins的文件夹。插入其中的任何PHP文件都将始终执行,并且无法激活或停用它们。这样可以使自定义代码远离主题和插件文件夹。但是,只有使用您始终在后台运行的插件才能做到这一点。

自定义CSS文件
如果您计划的更改很小,则可以创建一个custom-style.css文件。如果要在进行更改之前先预览更改, 如果您正在运行Chrome或类似的应用程序,则可以始终使用DevTools。另一种可能性是通过您的WordPress主题添加自定义CSS。一些高级主题,例如我们的Total框架,包括一个主题面板选项,用于添加自定义CSS,您可以在其中轻松找到并对其进行调整。另外,当您更新主题时,主题面板设置应保持不变-这样您的自定义CSS保持不变。

请记住,CSS是反向层叠的,这意味着后面出现的规则始终优先于前面出现的规则。因此,应用于单独工作表的任何CSS都将覆盖页面的默认代码。这也适用于插入…中的CSS。

WordPress儿童主题

对于初学者来说,子主题继承了另一个主题的功能,使您可以随意修改设计(您可以在WordPress子主题指南中了解所有想要了解的内容)。发明它们是为了让您修改主题而又不会在更新时丢失更改的特定目的。子主题反映了您对外部或“父”主题所做的所有更改。因此,就像应用Photoshop图层效果一样,您实际上并不是在编辑内容。您可以随时将其删除,以使一切恢复原状。

当您想修改代码时创建子主题将为您省去很多麻烦,而且相当容易(随着WordPress修改的进行)。只需通过FTP访问您的站点并创建一个文件夹,然后创建 与该文件夹相对应的style.css文件。将其命名为theme-name-child是标准做法。之后,您只需要在new style.css的标头中一行定义模板即可。但是,还有一些有用的东西–可以在WordPress Codex页面上找到。

接下来,在@import行下面对当前主题进行必要的更改。子主题的一个缺点是您必须对父主题进行大量研究,然后才能对其进行修改,而不会引起任何冲突或怪异的副作用。请记住,对于子主题,您只需要指定与原始主题的区别即可。要应用更改,只需将其压缩,然后通过WordPress仪表板中的“ 外观”>“主题”页面将其上传,然后通过WordPress激活即可。当然,这是假设您的父主题也已上传。

显示代码

我们还没有介绍另一种添加代码的方式:显示它。如果您是一名网页设计师,并且想展示某件事情是如何完成的,并以查看者可以复制和粘贴的方式展示它,那么以正确的方式注明它很重要。WordPress解释代码的方式取决于您是否使用Visual Post Editor的HTML部分。将其直接输入到可视化编辑器中将起到抵消作用,但无法将其置于正确的格式或代码框中。可视编辑器将以与普通文本相同的方式设置其格式。另一方面,HTML编辑器会将其转换为代码并破坏您的网站。不用担心,您可以撤消该操作。

但是,这是一个折衷方案。您可以使用<code>和</ code>标记突出显示代码并将其放在一个块中,但这不会阻止代码被激活。它要做的就是将它放在montoype字体的框中,以表明它是正式代码。为了阻止其激活,您必须将活动符号更改为所谓的有趣角色实体。其中最常见的版本以及足以抵消大多数代码的版本,正在将<和>更改为&lt;。和&gt; ,(您可以在我们的文章中通过在WordPress文章中编写自定义代码来了解有关显示代码的更多信息)。

如您所见,有很多方法可以向WordPress添加自定义代码,我鼓励您尝试一下,试用它们,看看哪种方法适合您。还有其他添加我错过的自定义代码的方法吗?在评论中让我知道。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部