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

Question

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

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

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

那么如何在自定义 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 小部件中，将您的 URL 写为 {{uploads_dir}/2018/03/image.png。