基于特色图像大小的单一帖子布局

时间:2012-02-16 作者:Scriptamateur

I have 可使用的最小图像大小。一个是420x640px(“立式”),另一个是980x420px(“横向”)。具有常规布局的普通循环已在我的主题中就位。

The goal 是为单个帖子生成布局,首先检查特征图像的大小(即“检查帖子的特征图像大小最大宽度是否为420px,如果为true addclass layout single post standing”或类似内容)。

我一直在读关于响应式设计的书,但说到这一点,我是个初学者。你们谁知道从哪里开始?

UPDATE:基于特征图像大小的口述布局可能被认为是一种脆弱的机制。经过仔细研究,这种方法效果很好。通过使用内置的twentyten\\u header\\u image\\u width特性(functions.php),并在wp循环中使用几个条件语句(wp\\u get\\u attachment\\u image\\u src等)对其进行扩展,以及设置几个(add\\u image\\u)大小,我们成功地实现了这一点。这是一个非常复杂的WP循环,有大量回声,但它满足了我们的目标,即使用特征图像大小来决定要向访问者呈现的布局。

1 个回复
SO网友:Chris Cox

问题是,如果原始图像大于指定大小,WP上载程序会自动将您上载的任何图像调整为所有指定的图像大小。

依靠上传两个特定大小的图像来指示布局是一种非常脆弱的机制。这些帖子的内容到底有什么不同?它们可以分类不同吗?您能否在模板中添加一个可以测试的自定义字段,并使用它来控制布局?

结束

相关推荐