今天我們繼續我們的新 用積木建造 系列，我們在其中展示了您可以使用積木創建的一些有趣的東西。
在本教程中，我將向您展示如何在五分鐘內構建一個帶有視頻背景的簡單 vCard 網站。 不久前，我想建立一個這樣的網站，並搜索了一個可行的塊主題，但沒有找到任何可以立即給我想要的東西的東西。 我還搜索了 WordPress 模式目錄 對於 vCard 樣式模式，但找不到。 幸運的是，這種類型的網站很容易在幾分鐘內用幾個塊構建。
我選擇了免費的 埃克塞爾主題 對於這個項目，因為它包括一個 空白畫布模板 用於刪除菜單、頁眉和頁腳的頁面。 唯一出現的內容是您添加到頁面的塊。 如果您決定超越簡單的 vCard 網站，Eksell 也是一個功能齊全的投資組合主題，您可以成長為它。
下面的五分鐘視頻將引導您添加主題，從包含的模式之一開始，並為社交圖標和視頻背景添加所有必要的塊。
關於細節的一些注意事項：我在本教程中找到了視頻示例 關注，其中包含精選的短視頻，非常適合在網站背景中循環播放。
如果將視頻添加到封面塊後底部有一些額外的空白，您可以設置最小高度。 轉到您的封面塊，單擊設置，然後向下滾動到尺寸，您可以在其中調整封面的最小高度。
這是圓形輪廓圖像周圍邊框的 CSS。 您可以將其添加到定製器的附加 CSS 部分：
.wp-block-image.is-style-rounded img { 邊框樣式：實心； 邊框顏色：#FFFFFF； 邊框寬度：10px； }
如果您打算以 vCard 格式保持網站的簡單性，則需要將您創建的頁面指定為主頁。 這可以在主頁設置面板下的定製器中完成。
作為使用 Eksell 的替代方法，如果您的網站位於 WordPress.com 上，則可以通過使用 Automattic 的空白畫布主題並單獨添加和排列塊來獲得類似的結果。
這是購買新域名後自定義網站的快速方法。 選擇任何塊組合來創建一個不錯的佔位符，直到您決定向網站添加更多內容。 如果您最終構建了這個，請在評論中添加一個鏈接，以便我們查看。