并排有描述的图像

时间:2016-10-30 作者:JefersonFG

我正在为客户制作一个个人网站,我希望它易于编辑。我试图复制客户在以前的纯html个人网站上的数据,它看起来像下图:

Image with description side by side

我想在这样的框中添加一个并排描述的图像。我尝试从“Ultimate shortcodes”插件中添加一个短代码,这样我就可以将图像放在占据一半屏幕的列上,而将文本放在占据另一半屏幕的列上,如下所示:

Image and description on columns

但是元素之间没有非常明确的关系,它们看起来就像漂浮在那里,很难编辑,因为每次你想添加这样的“组件”,你实际上必须添加三个短代码,然后插入图像和文本。

使用内置图像标题也不起作用,因为标题仅位于图像的正下方,不随文本展开。

所以,我的问题是:如何为最终用户添加一种方法,只添加图像和描述,以便在图像的侧面显示描述?有没有插件可以做到这一点,或者我可以添加一个自定义css,使图像标题向右移动并随文本扩展?

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

是的,我认为这是Wordpress编辑和内容创建的一个重要的基本问题,低级别用户遇到了巨大的空白编辑区域,不知道如何处理html。有无数的答案:硬核编码、软核编码、插件以及介于两者之间的一切。

我的答案是Advanced Custom Fields. 我知道我会在这里大喊大叫,因为你不应该用插件解决方案回答问题(是的,这太奇怪了-谁用过没有插件的Wordpress?它甚至附带了两个插件-一个有用,一个愚蠢)。无论如何,就我而言,ACF是Wordpress的核心。

Take a look here for an example for exactly what you\'re talking about (the video in particular shows how it works).

加入游戏,享受下一个层次的Wordpress。为你和你的客户。

相关推荐

Column Images Showing Gaps

我正在使用带有Avada主题的Wordpress。在页面顶部,我有一个fusion滑块。下面我将设置一个包含2列的容器。我为每一列插入了一幅图像。我无法解决如何消除图像左右两侧的间隙(我需要它们转到屏幕边缘)以及融合滑块与下方两幅图像之间的间隙。谢谢