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

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

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

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

关于细节的几点说明:我在本教程 Follow 中找到了一个视频示例,其中包含精选的短视频,非常适合在网站背景中循环播放。

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

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

.wp-block-image.is-style-rounded img { border-style: solid;边框颜色:#FFFFFF;边框宽度:10px; }

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

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

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

资源