如何使用来自php文件的wp-content \ images文件夹中的图像?

时间:2011-11-23 02:37:41

标签: wordpress wordpress-theming

我有一个由php开发人员定制的Wordpress网站。他在网站的根目录中创建了一个图像文件夹。我需要将此foder从网站的根目录移动到wp-content \ images \文件夹中。

以下是使用根目录中文件夹中的图像文件编写php文件的方法:

<img src="images/img1.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img2.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img3.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img4.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img5.jpg" border="0"/>

现在我将图像移动到wp-content \ images \文件夹,我尝试了很多组合(wp-content / images / img1.jpg; /wp-content/images/img1.jpg; public_html / wp-content /images/img1.jpg;/public_html/wp-content/images/img1.jpg),但图片没有显示出来。我该如何参考该文件夹中的图片?

非常感谢! 罗布。

2 个答案:

答案 0 :(得分:4)

如果您的图片与自定义主题相关联,那么它们应该位于您的主题目录中。

您可以使用get_bloginfo wordpress api获取此目录的绝对网址。

bloginfo('template_url')

有关此不同变体的重要信息,请参阅上述链接。

所以你会用

之类的东西替换你的图像链接
<img src="<?php bloginfo('template_url')?>/images/img1.jpg" border="0" style="padding-right:44px;"/>

答案 1 :(得分:3)

  1. 将图像目录添加到活动主题

    /images文件夹添加到当前有效主题。

    Add Local Image Directory to Active WordPress Theme (Child)

  2. 优化生产图像

    这对于用户体验和pagespeed非常重要。更快的网站向访问者展示您关心他们的时间。如果使用本机媒体管理器,除了在线服务(如TinyPNG),操作系统应用程序(如Codekit for Mac,JPEGMini for Windows)和命令行之外,还有一些可在上传时自动优化图像的免费插件。 / p>

  3. 在WordPress中显示本地图像

    如果父主题有效:请使用template_directory

    <img src="<?php bloginfo('template_directory')?>/images/YOUR-IMAGE-HERE.jpg" alt="Image Title" border="0" width="" height="" style="padding-right:44px;"/>
    

    如果儿童主题有效:请使用stylesheet_directory

    <img src="<?php bloginfo('stylesheet_directory')?>/images/YOUR-IMAGE-HERE.jpg" alt="Image Title" border="0" width="" height="" style="padding-right:44px;"/>
    

    将此代码添加到您希望图片显示的模板文件中,更改&#39; / images / YOUR-IMAGE-HERE&#39; (和属性)匹配正确的文件位置,名称和属性:

    为生产中的每张图片添加 altwidthheight信息,以增加页面速度并增强内容的可访问性。

  4. 那就是它!

  5. 附加说明

    • 如果使用子主题,您需要将template_directory更改为stylesheet_directory
    • 在大多数情况下,您希望使用原生WordPress媒体管理器插入和显示图像。还有一些免费插件可以帮助您动态优化和提高图像质量:

      • EWWW Image Optimizer
      • WP Retina 2x
      • 重新生成缩略图
    • 此外,WordPress还有一个可用参数列表,可用于定位特定(不同)目录或网址。检查我们在这里: http://codex.wordpress.org/Template_Tags/bloginfo

    将图片集包含为单独的文件以供重复使用

    如果重复使用同样的设置&#39;在几个地方的图像中,为集合创建一个包含文件,并根据需要通过[shortcode]添加它们。要进行更新,您只需更新扩展文件,然后更新所有已自动放置[短代码]的导出代码。

    <?php include( get_template_directory() . '/includes/myfile.php'); ?>

    最好,-K