如何在自定义HTML小部件中添加动态链接？

Question

我正在本地环境中开发一个网站，并希望将“自定义HTML”小部件添加到我的网站页脚和megamenu。我希望能够通过这些自定义HTML小部件添加图像和链接。

问题是我必须对绝对网址路径进行硬编码（例如http://localhost/client_projects/hom/site/wp-content/uploads/2018/03/image.png）

当时间到了，我将不得不根除并交换我的小部件中的所有网址。不好。

那么如何在自定义HTML小部件中动态链接到页面和图像？

Answer 1

您可以使用add_filter添加动态标记/变量。

将以下内容添加到functions.php：

add_filter('widget_text', function($text) {
    $upload_dir_array = wp_upload_dir();           
    $text = str_replace('{{uploads_dir}}', $upload_dir_array['baseurl'], $text);

    return $text;
});

现在，在“自定义HTML”小部件中，将您的网址写为{{uploads_dir}/2018/03/image.png。