古騰堡編輯器教程:如何使用WordPress檔案區塊

如何使用WordPress檔案區塊

WordPress檔案區塊可以輕鬆地為您的頁面和文章中的檔案新增下載連結。這是最獨特的WordPress區塊之一,因為它根據所選檔案的型別新增了不同的選項。知道如何很好地使用這個區塊可以引起人們對下載的注意。

在本教程中,我們將檢視檔案區塊並瞭解如何將其新增到您的文章和頁面。我們還將檢視它的設定和選項,檢視使用它的提示和最佳實踐,並檢視常見問題。

如何將檔案區塊新增到文章或頁面

新增檔案區塊

要新增檔案區塊,首先,單擊要放置區塊的位置或編輯器左上角的區塊插入器工具。接下來,搜尋“檔案”並選擇它。

快速新增檔案區塊方式

您還可以按型別 /file 新增塊,然後在您希望塊出現的位置按 Enter 鍵,或從您鍵入時出現的選項中選擇檔案。

檔案區塊初始化

然後檔案區塊將被新增到您的內容區域。

檔案區塊PDF預覽

要使用它,只需選擇上傳檔案或選擇媒體庫來選擇檔案。PDF將顯示檔案的預覽。PDF的工具會因瀏覽器而異。我正在Chrome中檢視 PDF,其中包括用於顯示或隱藏PDF選單、檢視標題、頁碼、比例、適合頁面、旋轉、下載、列印和檢視PDF檢視選項的PDF工具。

檔案區塊下載按鈕

其他檔案,例如影象,將顯示檔名和下載按鈕。

檔案區塊設定和選項

檔案區塊設定和選項

檔案區塊包括塊本身和右側邊欄中的設定和選項。

檔案區塊工具欄

檔案區塊工具欄

當您選擇區塊時,檔案區塊工具欄位於塊上方。

檔案區塊文字設定

選擇檔案中的文字,例如按鈕的檔名,為文字新增新設定。

更改區塊型別或樣式

更改區塊型別或樣式

您可以將區塊樣式更改為欄目或組合。欄目更改列數,而組合允許您將多個區塊的樣式控制為單個區塊。

拖動和移動

拖動和移動檔案區塊

拖動工具可讓您將區塊拖動到您想要的任何位置。您還可以使用移動工具的向上和向下箭頭在您的內容中向上或向下移動區塊。

檔案更改對齊

檔案更改對齊

對齊選項包括左、右、寬幅和全幅。將其左右放置在螢幕的那一側,並用其下方段落中的文字將其包裹起來。

檔案區塊對齊方式

這是寬幅。它將區塊放置在內容區域的左側。

粗體和斜體

檔案區塊下載按鈕文字粗細

選擇檔名或下載按鈕會顯示粗體和斜體選項。這些會影響您突出顯示的文字,它們可以一起使用或單獨使用。我將檔名設為粗體,按鈕文字設為斜體。

更多選擇

檔案區塊工具欄下拉選項

更多選項可開啟用於設定文字樣式的選項。我在示例中新增了其中的幾個。它們包括:

  • 內聯程式碼– 將文字樣式設定為看起來像程式碼。
  • 內嵌影象– 將媒體庫中的影象新增到滑鼠游標所在的位置。我在按鈕上新增了一個影象。
  • 鍵盤輸入– 使用鍵盤 HTML 格式設定文字樣式。
  • 刪除線– 在文字中放置一行,如上圖中的檔案標題。
  • 下標– 使文字成為下標。
  • 上標– 使文字上標。
  • 文字顏色– 允許您更改文字的顏色,如上面的檔案標題。圖示在使用時移動到工具欄。

檔案區塊下載按鈕文字顏色

對於顏色選項,包括預先選擇的顏色或建立自定義顏色選擇器。顏色選擇器包括一個用於十六進位制程式碼、RGB程式碼或HSL程式碼的欄位。

檔案替換

更換檔案區塊下載檔案

此選項可讓您將檔案與庫中的另一個檔案或您上傳的檔案交換。

複製網址

複製檔案區塊下載連結

這會將檔案的URL複製到剪貼簿。您會在左下角看到一條訊息,表明URL已被複制。

選項

檔案區塊更多選項

選項包括:

  • 隱藏更多設定– 隱藏側邊欄。
  • 複製– 複製檔案區塊,以便您可以將其貼上到您的內容中。
  • 新建副本– 在原始檔案下放置檔案區塊的副本。
  • 在區塊前插入– 在檔案區塊之前放置一個空格,您可以在其中新增區塊。
  • 在區塊後插入– 在檔案區塊之後放置一個空格,您可以在其中新增區塊。
  • 移動到– 放置一條藍線,讓您控制將檔案區塊移動到的位置。
  • 作為HTML編輯 – 開啟區塊的程式碼編輯器版本,您可以在其中編輯HTML。
  • 新增至可重用區塊– 將檔案區塊新增至可重用區塊中。
  • 組合– 將區塊新增到可以一起調整的組中。
  • 刪除塊– 刪除檔案區塊。

檔案區塊大小調整工具

檔案區塊大小調整工具

如果檔案是PDF,您將在PDF預覽下看到一個調整大小工具。抓住此工具並將其向上或向下拖動以調整預覽區域的高度。

檔案區塊側邊欄設定

檔案區塊側邊欄設定

側邊欄設定包括文字連結、下載按鈕設定和高階。通過單擊右上角的齒輪開啟或關閉側邊欄。單擊塊會將側欄更改為“檔案區塊”選項。

檔案區塊PDF設定

如果檔案是PDF,則將新增一組新的PDF選項。

PDF設定

PDF顯示內聯嵌入

顯示內聯嵌入允許您啟用或禁用PDF預覽。它預設啟用。禁用它只會顯示標題和下載按鈕。此示例顯示它已禁用。

檔案區塊PDF預覽高度

以畫素為單位的高度提供了一個滑塊和一個欄位,您可以在其中調整PDF預覽的高度。使其小於其實際大小會在側面新增滾動條。

文字連結設定

檔案區塊文字連結設定

文字連結設定讓您選擇檔名連結的工作方式。您可以將其連結到媒體檔案或檔案的附件頁面。您也可以在同一選項卡或新選項卡中開啟它。

檔案下載按鈕設定

檔案下載按鈕設定

此選項可讓您隱藏或顯示下載按鈕。如果您使用檔名作為下載連結,這將非常有用。

高階

檔案區塊高階設定

高階設定包括HTML錨點和附加CSS類。錨點會建立一個唯一的URL,因此您可以直接連結到該區塊。CSS類欄位允許您新增自定義CSS類以設定檔案區塊的樣式。

檔案組合顏色設定

檔案組合顏色設定

如果您已將檔案區塊轉換為組合,那麼您將看到文字、背景和連結顏色的設定。您仍然可以通過選擇區塊來訪問常規設定。

有效使用檔案區塊的提示和最佳實踐

為顯示的標題連結命名,以便通過選擇文字並鍵入新標題使連結對使用者有意義。

標記按鈕,以便使用者知道會發生什麼。如果不需要,請禁用該按鈕。

設定按鈕和標題文字的樣式,使下載與其餘內容區分開來。請務必使用易於閱讀且與背景形成鮮明對比的顏色。

如果要設定背景樣式,請將區塊轉換為組合。

調整PDF預覽的大小以使其適合內容的設計區域。如果您想隱藏內容或第一頁在您的內容中看起來不太好,請禁用PDF預覽。

關於檔案區塊的常見問題

檔案區塊的目的是什麼?

提供下載按鈕,以便訪問者可以下載檔案。

使用檔案區塊有什麼好處?

它允許您提供可以設定樣式和控制的連結和按鈕。將連結貼上到下載會將連結轉換為嵌入區塊,它可以以您想要的方式顯示片段或預覽。

可以用於什麼型別的檔案?

它可用於可下載的任何型別的檔案,包括PDF、音訊、視訊、影象、文件、外掛、子主題等。

是否支援所有檔案型別?

不能。它不能上傳WordPress不支援的壓縮檔案或其他擴充套件。

可以下載多個檔案嗎?

不能。每個檔案區塊一次只能連線一個檔案。

你能更新可下載的檔案嗎?

是的。選擇替換選項以選擇新檔案。您可以將其命名為與原始檔案相同的名稱。

檔案區塊可以轉換成另一個區塊嗎?

是的。它也可以變成欄目或組合。

小結

這就是我們對WordPress檔案區塊的看法。這是一個簡單的區塊,可讓您提供多種檔案型別幷包含連結的文字和按鈕選項。兩者都可以獨立設計。如果檔案是PDF並且它是可調整的,我喜歡它新增預覽。此塊非常適合從您的網站提供可下載檔案的連結。

評論留言