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

Question

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

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

当上线的时候到了，我将不得不根除并交换我的小部件中的所有URL。不好。

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

Answer 1

您可以使用

add_filter添加动态令牌/变量。

将以下内容添加到函数.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 小部件中，将您的 URL 写为 {{uploads_dir}/2018/03/image.png .