Elementor - 在 <head> 标签后面添加自定义代码

Question

不确定这是否只是 Elementor 全宽模板的问题，但它似乎覆盖了主题 header.php。我尝试通过使用 elementor 自定义代码功能来实现我的目标，但它在标签中间的某个位置添加了我的代码。

将我自己的自定义代码添加为元素之后的第一件事的正确方法是什么？

Answer 1

Lub*_*ura 7

你是对的，Elementor 会覆盖主题的 header.php 文件，因此将代码导入到此文件是无效的。您需要添加自定义功能才能实现您的目标。通过该wp-head操作，您可以将代码直接添加到标头中，Elementor 不会覆盖它。

将此代码添加到活动主题的functions.php 文件中。

add_action('wp_head', 'custom_head_function');
function custom_head_function(){
?>
YOUR HEADER CODE HERE
<?php
};

更新 - 如果您想将代码设置在顶部

正如 sephsekla 在评论中提到的，有一种方法可以将优先级设置为您的操作，以使其达到顶部。尝试将值设置为-999。因此，选择一个非常低的数字，如果您的插件或主题中没有其他较低的数字，您将直接进入顶部。

add_action('wp_head', 'custom_head_function', -999);
function custom_head_function(){
?>
YOUR HEADER CODE HERE
<?php
};

Elementor - 在 &lt;head&gt; 标签后面添加自定义代码