如何以最大的灵活性准确定位图像?

时间:2012-09-09 作者:grrrbytes

我收到了一份使用Wordpress开发以下设计的请求:http://imm.io/DLrl (出于隐私考虑,我对设计进行了像素化处理)。

正如你所看到的,图像的放置有一个非常随机的结构,站长应该在决定如何放置图像、数量和大小方面有最大的灵活性。因此,现在看到的设计将随着网站管理员的决定而改变。当一个新的图片集被添加到网站上时,网站管理员应该能够选择其中的一对图片,这些图片将在主页上突出显示。

在这种设计中,一幅图像代表一本相册或一组图片。因此,当点击其中一幅图像时,会弹出一个灯箱,访问者可以通过它浏览所有包含的图像。

我不知道如何在wordpress中实现这样的设计。有关于可能性的提示/想法吗?有值得一看的插件吗?

(附言:对我来说,这个设计有点混乱,在可用性和结构方面不是很清楚,但那是另一回事)

2 个回复
SO网友:kaiser

我写了一个名为»Dynamic Image resize« 正是为了这个目的。它具有一个模板标记和一个短代码(该短代码使用的参数数量与模板标记使用的参数数量完全相同)。

// The args need to be an array
dynamic_image_resize( array(
     // The full path to the image in your uploads folder
     \'src\'     => \'http://example.com/wp-content/uploads/2012/03/some_image.png\'
     // OR: the ID
     \'src\'     => 6

    ,\'width\'   => 60
    ,\'height\'  => 100
    ,\'classes\' => \'some classes to align and style the image\'
) );
您甚至可以更轻松地添加一个“child”插件,该插件提供一个TinyMCE按钮。

SO网友:unfulvio

我不确定我是否理解你的问题。

您是否在寻找一种最佳做法来设置图像大小,使嵌入到文章或主页或网站某处的人(即特色内容、缩略图)看起来良好,即使设计随着时间的推移发生变化,或者帖子作者可以选择不同的样式并相应地调整图像?

如果这是您想要的,您可以通过添加add_theme_support( \'post-thumbnails\' ); 在您的功能中。php文件,然后设置所需大小的缩略图。例如:

 add_image_size( \'square\', 300,  300,  true ); 
 add_image_size( \'featured\', 640,  480,  false ); 
 add_image_size( \'your_label\', $width, $height,  $crop ); 
$crop可以设置为true或false,这取决于您是否希望在通过CSS缩小时裁剪图像或调整图像大小。

最终,如果您的设计使用了大量方形缩略图或固定比例的图片(在链接中也是如此),你可以用固定的比率定义一个较大的图像,然后在必要时将其缩小(我发现当你想显示一个较小或较大的缩略图时,这很有用,但在大小方面并没有太大的差异,因此可以调整另一个图像的大小,所以我只是在需要时缩小较大的一个)

当你想为家里生成一个灯箱或一些特色内容时,最好的方法是使用插件。高级自定义字段或Nextgen Gallery用于管理库,然后使用javascript处理lightbox。一旦你有了必要的图像(可以从不同大小的缩略图中选择),你应该能够完成你想要的。

结束

相关推荐

Images inside post title

有没有办法在帖子标题中插入图片?它还需要在<title> 标签、永久链接等。我之所以需要这样做,是因为我有一个客户希望在页面标题中使用他们的徽标,而不是纯文本。因此,图像可能位于标题中的任何位置,因此我不能只是附加/前置图像。我能想到的唯一解决方案是使用javascript进行查找和替换,但这似乎不是一个很好的解决方案。。。