如何建立具有视频背景的 vCard 网站

how-to-build-a-vcard-website-with-a-video-background 如何建立具有视频背景的 vCard 网站

今天我们继续我们的新 用积木建造 系列,我们在其中展示了您可以使用积木创建的一些有趣的东西。

在本教程中,我将向您展示如何在五分钟内构建一个带有视频背景的简单 vCard 网站。 不久前,我想建立一个这样的网站,并搜索了一个可行的块主题,但没有找到任何可以立即给我想要的东西的东西。 我还搜索了 WordPress 模式目录 对于 vCard 样式模式,但找不到。 幸运的是,这种类型的网站很容易在几分钟内用几个块构建。

我选择了免费的 埃克塞尔主题 对于这个项目,因为它包括一个 空白画布模板 用于删除菜单、页眉和页脚的页面。 唯一出现的内容是您添加到页面的块。 如果您决定超越简单的 vCard 网站,Eksell 也是一个功能齐全的投资组合主题,您可以成长为它。

下面的五分钟视频将引导您添加主题,从包含的模式之一开始,并为社交图标和视频背景添加所有必要的块。

关于细节的一些注意事项:我在本教程中找到了视频示例 关注,其中包含精选的短视频,非常适合在网站背景中循环播放。

如果将视频添加到封面块后底部有一些额外的空白,您可以设置最小高度。 转到您的封面块,单击设置,然后向下滚动到尺寸,您可以在其中调整封面的最小高度。

这是圆形轮廓图像周围边框的 CSS。 您可以将其添加到定制器的附加 CSS 部分:

.wp-block-image.is-style-rounded img { 边框样式:实心; 边框颜色:#FFFFFF; 边框宽度:10px; }

如果您打算以 vCard 格式保持网站的简单性,则需要将您创建的页面指定为主页。 这可以在主页设置面板下的定制器中完成。

作为使用 Eksell 的替代方法,如果您的网站位于 WordPress.com 上,则可以通过使用 Automattic 的空白画布主题并单独添加和排列块来获得类似的结果。

这是购买新域名后自定义网站的快速方法。 选择任何块组合来创建一个不错的占位符,直到您决定向网站添加更多内容。 如果您最终构建了这个,请在​​评论中添加一个链接,以便我们查看。

资源

相关文章