在小部件中包括图像资源

时间：2013-05-07 作者：user101289

我已经编写了我的第一个简单的WP小部件——一切都很好，但我想把它修饰一下，并在小部件显示代码中添加一个图像/徽标。

如何将小部件（只是一个PHP文件）与图像打包，以及图像将存储在WP站点的何处（以便正确创建img标记链接）？

我知道我可以很容易地在外部托管图像，并从我的widget中“热链接”到它，但这似乎有点黑客。

谢谢

2 个回复
最合适的回答,由SO网友:mrwweb 整理而成

听起来你需要plugins_url() function 它为插件目录生成URL，并可以处理任何备用配置（例如，如果您将其移动到/mu-plugins/ 目录，我个人的最爱）。Codex文档很好，但这里有一个简单的示例。

让我们假设您正在一个插件中制作这个/wp-content/plugins/my_awesome_widget/. /wp-content/plugins/my_awesome_widget/assets/images/.<您的图像被称为company_logo.png.

  • 是您需要引用小部件的主插件PHP文件

    <?php printf(
    \'<img src="%1$s" alt="{YOUR COMPANY} logo" />\',
    plugins_url( \'/assets/images/company_logo.png\', __FILE__ )
); ?>
    如果一切顺利，将打印出：

    <img src="http://example.com/wp-content/plugins/my_awesome_widget/assets/images/company_logo.png" alt="{YOUR COMPANY} logo" />

    • SO网友:s_ha_dum

    您不能单独分发/安装小部件。有几种方法可以扩展WordPress：

    主题插件，或者更罕见的必须使用插件，“小部件”不是可扩展的功能。没有办法直接输入，因此小部件代码必须写入主题或插件中。在你的例子中，听起来像是后者，所以把图像放在插件所在的文件夹中。

    换句话说，你需要create a plugin 加载小部件，这为您提供了一个放置图像文件以及您可能需要的任何其他文件的位置。

    结束
    标签： images   widgets   小码农  

    相关推荐

    Upload images - Theme options

    我正在使用这个很棒的[图坦卡门+教程][1]创建主题选项页面。这对我来说很好，因为我需要通过css更改div的背景图像。它可以很好地与一个图像，但我不知道如何使它与2个图像？如果你能告诉我我做错了什么，那将是一个巨大的帮助？谢谢 <?php function wptuts_get_default_options() { $options = array(); $options[] = array(\'logo\' => \'\');