使用图像占位符创建页面模板

时间:2015-09-25 作者:jbx

我正在创建自己的主题,在我收到的主题设计中,我有几个页面,其中有两个不同维度的图像。一个位于顶部(类似于某种横幅),而另一个位于内容文本的右侧。因此,在横幅下面将有两列,一列用于内容,一列用于图像。

我在考虑为这些特定页面创建一个页面模板(或者让它成为一个可从管理界面选择的自定义页面模板)。

我不确定的是,如何最干净地将这两个图像占位符包含在模板中,并从管理界面清楚地进行编辑。我想的是,可能有一个元框或一些表示页面图像的东西,使用户可以选择他想要的顶部和侧面的图像。另外还有一个额外的复杂性,一个图像是横向的,另一个是纵向的,因此理想情况下可以进行某种大小调整或裁剪(虽然理论上我可以将每个图像裁剪到所有可能需要的大小,然后根据我渲染的页面区域选择所需的图像)。

我知道有一些通用的方法可以通过插件做到这一点。我可以使用附件插件,但用户不清楚第一个插件是用于顶部横幅,第二个插件是用于侧边图像(其余的插件如果没有使用)。我知道还有ACF插件,但不确定它是否提供了我所需要的。

有没有一种干净简单的方法来实现这一点?理想情况下,我不使用任何插件,它只是一些特定于我的主题。。。但如果没有其他选择,我会咬紧牙关。我有什么选择?

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

您提到的ACF是完成此任务最简单/最快的方法。默认情况下,一篇文章只有一个缩略图,没有神奇的选项可以添加另一个缩略图,而工作量比ACF少。

如果设计允许,还可以将第二幅图像直接插入内容并向右对齐。

相关推荐

Remove <p></p> after images

我对<p></p> 出现在my之后的标记<img....>. 以下是我在本地主机上查看生成的页面时显示的内容。。。<img src=\"/wp-content/themes/wunderful/assets/images/feedback-danielle.png\" alt=\"Danielle Johnson Deal Town FC Treasurer\"> <p></p> 请注意随机生成的<p>&