在WordPress中使用图像-最佳实践

时间:2012-08-22 作者:thatguycraig

我不是Wordpress主题设计的新手;发展事实上,我已经做了几年了,近年来,它已经不仅仅是一种爱好,而且正在逐渐成为一种职业选择。

然而,我有一个有点简单但令人费解的问题要问。。。

一直以来,我都在将通过自定义主题使用的图像上传到自己的“img”或“images”目录下的wp content主题目录下。当然,对于帖子,我只是使用Wordpress本身内置的媒体上传器。

但是,现在我正努力变得更专业,不断地创作A级作品,我最近在思考如何处理自己的图像。你看,使用我以前的方法,我也没有对图像路径使用Wordpress模板标记。我用它的相对路径来做老式的HTML方法,如果遇到问题,我会把整个路径放在那里以节省时间。这是一个巨大的不,不。我很清楚,但这不是客户的工作。。。

总之,我想说的是,在Wordpress中使用图像的最佳实践是什么?我现在开始更多地考虑这个过程:

For theme development I now have a "inc" directory within my theme\'s directory that then has a "imgs" and "js" directories, etc. When designing the theme, I\'m now using Wordpress template tags for my paths to work properly throughout the theme. For my posts, I\'m still using the Media Uploader and the normal /upload directory.

我的新方法是最佳实践吗?非常感谢。再一次,我只是想清理一下我的工作流程和方法,这样我就更符合Codex和其他顶级Wordpress项目。

谢谢

3 个回复
SO网友:RiotAct

我想从你所问的问题来看,有没有一种方法比键入整个url更好地编码图像url?这就是我所做的,以确保如果域名发生变化。。。(他们在我的工作中就是这样做的,因为我总是在项目域上构建站点,然后将其移动),您将希望这样做:

<img src="<?php echo get_bloginfo(\'template_url\'); ?>/images/image-name.jpg alt="whatever" />
在模板中使用css时,您也可以使用此选项(是的,我知道这在技术上不是调用css的正确方法):

<style>
#div {
     background-image: url(<?php echo get_bloginfo(\'template_url\'); ?>/images/image-name.jpg);
}
</style>
它也适用于内联css:

<h2 style="background-image: url(<?php echo get_bloginfo(\'template_url\'); ?>/images/image-name.jpg);">Some Title</h2>
我想这就是你要问的。。。

SO网友:chifliiiii

在我看来,是的,你用得对。当我开发wordpress主题时,我总是考虑两个主要方面:

让我的客户更轻松地使用site_url()和wordpress提供的各种功能,而不是硬编码URL。因此,如果您的客户想要将主题移动到另一个域,它不会停止。

对于javascript和样式表,请确保使用wp_enqueue_scriptswp_enqueue_style并确保只在需要的页面上包含它们。这适用于前端和后端。最糟糕和流行的做法之一是,无论我们是否需要文件,都要在任何地方包含文件,这会使网站速度变慢,无法优化。

所以,不管你是你/公司/资产还是任何你觉得更舒适的东西,把它们组织起来总是很好的,如果外部人员需要编辑你的主题,这会有很大帮助。

SO网友:Christiaan

你的描述听起来不错。

一个好的经验法则是尽可能使用WordPress函数,而不是硬编码或自定义编码。这样,您就可以实现对任何WordPress安装的完全可移植性,而无需考虑任何插件或其他依赖项。如何在主题目录中构造文件完全取决于您,但为了便于维护和可伸缩性,您的方法是一种很好的方法。只是要确保,就像你已经知道的那样,任何指向资源的路径都是利用WordPress函数来编写URL的。

结束

相关推荐

Upload images with comment

编辑:我终于得到了正确的答案;请在这篇帖子下面为所有感兴趣的人查看我自己的答案。经过几天的搜寻和反复尝试,我真的被卡住了。我有一个客户,他通过使用评论表在自己的网站上收集客户体验;所有评论都显示为客户评论。到目前为止还不错。但由于这家公司在旅游方面做得很多,他需要让他的客户上传多达五张图片,并附上评论。所以我需要做的是找到一种方法,让客户上传媒体,并填写评论表。我知道这有点冒险,因为可能会上传损坏的图像等等。但我仍然希望实现这一目标。尝试了很多东西,但我一次又一次陷入困境的地方是文件上传处理,对于一个未登