如何在照片库前后创建 WordPress

查看前后照片是比较视觉效果的好方法。 如果变化很大,它可能会增加销售、潜在客户和声誉,因为您为索赔提供了照片证据。

许多人在照片库之前和之后创建 WordPress,因为它的影响可能是巨大的。 简单有效,设置时间不长。

无论是展示减肥,房屋维修,草坪护理,或其他比较,前后的照片卖得很好的信息。

本教程演示如何在照片库之前和之后创建 WordPress。 您只需要一个WordPress和一个合适的插件。

使用“前”后 Twenty20 图像

设置此的最简单方法之一是 Twenty20 图像后 插件。 附带可自定义的 短代码 边栏小部件。

这意味着您可以在 WordPress 中几乎任何地方添加前后照片。 它还支持显示图像的滑块。 这为前后照片提供了互动的感觉。

这可能是更好的免费的东西之一,在观众周围,你可以使用WordPress插件。

安装并启用“Twenty20”插件。 这将向帖子和页面添加新功能,并添加边栏小部件。

有几种方法可以在 WordPress 中使用 Twenty20。 让我们来了解一下短代码生成器和小部件的基础知识。

2020作为帖子或页面的短代码

创建新帖子或页面。 在本教程中,您只需创建新帖子即可。

添加新帖子

请注意,编辑器顶部有两个新选项。 一个用于“添加 Twenty20”,另一个用于“帮助 T20”。 单击“帮助 T20”按钮将打开另一个窗口,其中包含有关如何手动编辑短代码的信息。

根据您的情况,这可能是理想的选择。

但是现在,让我们使用插件创建新的并排比较照片。

在编辑器的顶部[Add Twenty20]单击该按钮。

双十二十按钮

选择两个前后所需的图像。

前后照片

单击右下角的“插入”按钮。

插入照片

Twenty20 打开一个窗口,您可以在其中进行调整。 您可以更改照片的大小、添加自己的文本、图像偏移开始的位置以及滑块是否以简单的鼠标悬停运动移动。

现在,我将保留这些设置作为默认值。 但是,您可以进行任何调整。

完成后,单击[ショートコードの挿入]单击该按钮可将图片添加到帖子中。

插入短代码

Twenty20 向编辑器字段添加短代码。

2020 短代码

巧合的是,您可以在 WordPress 的大多数区域中复制和粘贴此确切的短代码。 因此,如果要将此特定比较照片保留在其他项目中,可以将代码保存到记事本之类的内容中,以供以后使用。

发布帖子或主页后,照片可供访问者使用。

访客照片

使用边栏小部件

如果你想添加图片之前和之后的WordPress侧边栏小部件?2020年,你覆盖。

转到“外观”,然后单击“微件”。

小部件

将“Twenty20”小部件拖放到边栏中。 你可以把这个任何地方,你认为适合从可用的侧边栏 文字新闻主题.

2020 侧边栏

如您所见,小部件具有与帖子和页面上的短代码按钮相同的所有功能。 进行调整,然后单击“保存”按钮。

保存小部件设置

重要注意事项: 出于某种原因,在单击“保存”按钮之前,各种 Web 浏览器无法看到添加到小部件的前后图像。 因此,它看起来不像添加照片,但Twenty20包含照片。

保存后,前部和后部照片将显示在边栏中。

侧边栏2020

创建后画廊

那么,你能做些什么来创建一个完整的WordPress呢? Twenty20 和照片库之前和之后? 毕竟,如果我想展示很多比较照片,我该怎么办?

很简单。 只需为库创建页面,然后使用编辑器中的 Twenty20 按钮添加多个图像即可。 您可以使用短代码生成器添加任意数量的比较图像。

创建库后,单击 将页面添加到菜单项这样,参观者就很容易找到画廊了。 也许分享不会有什么坏处。 使用社交媒体工具 甚至。

扩展支持

Twenty20 的一大亮点是它与许多页面生成器插件兼容。 您无需摆弄设置,但请尝试奇怪的解决方法代码,以使 Twenty20 正常工作。

例如,您可以轻松地在 WP 之前或之后添加图像滑块。 元素页面生成器 将 Twenty20 添加为设计过程的元素。

向 WordPress 添加耀斑

在照片库周围使用 WordPress 是向您的网站添加一些人才的好方法。 您可以添加参与度和交互性,并有机会演示比较。

请记住,图像是构建网站的最大资产之一。

您当前在网站上使用哪些交互功能? 经常比较内容?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何解决 WordPress 中的 HTTP 图像上传错误

2022-10-4 12:23:22

WordPress 教程

如何禁用主题和插件的 WordPress 编辑器

2022-10-4 14:27:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索