如何使用 WordPress 文件塊

已發表: 2021-09-09

WordPress 文件塊可以輕鬆地為您的頁面和帖子中的文件添加下載鏈接。 這是最獨特的 WordPress 塊之一,因為它根據所選文件的類型添加了不同的選項。 知道如何很好地使用這個塊可以引起人們對下載的注意。

在本文中,我們將查看文件塊並了解如何將其添加到您的帖子和頁面。 我們還將查看它的設置和選項,查看使用它的提示和最佳實踐,並查看常見問題。

如何將文件塊添加到您的帖子或頁面

如何將文件塊添加到您的帖子或頁面

要添加文件塊,首先,單擊要放置塊的位置或編輯器左上角的塊插入器工具。 接下來,搜索文件並選擇它。

如何將文件塊添加到您的帖子或頁面

您還可以按類型 /file 添加塊,然後在您希望塊出現的位置按 Enter 鍵,或從您鍵入時出現的選項中選擇文件。

如何將文件塊添加到您的帖子或頁面

然後文件塊將被添加到您的內容區域。

如何將文件塊添加到您的帖子或頁面

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

如何將文件塊添加到您的帖子或頁面

其他文件,例如圖像,將顯示文件名和下載按鈕。

文件阻止設置和選項

文件阻止設置和選項

文件塊包括塊本身和右側邊欄中的設置和選項。

文件塊工具欄

文件塊工具欄

當您選擇塊時,文件塊工具欄位於塊上方。

文件塊工具欄

選擇文件中的文本,例如按鈕的文件名,為文本添加新設置。

更改塊類型或樣式

文件更改塊類型或樣式

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

拖動和移動

文件拖放

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

文件更改對齊

文件更改對齊

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

文件更改對齊

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

粗體和斜體

文件粗體和斜體

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

更多選擇

文件更多選項

更多選項可打開用於設置文本樣式的選項。 我在示例中添加了其中的幾個。 它們包括:

內聯代碼- 將文本樣式設置為看起來像代碼。

內嵌圖像- 將媒體庫中的圖像添加到鼠標光標所在的位置。 我在按鈕上添加了一個圖像。

鍵盤輸入– 使用鍵盤 HTML 格式設置文本樣式。

刪除線- 在文本中放置一行,如上圖中的文件標題。

下標- 使文本成為下標。

上標- 使文本上標。

文本顏色- 允許您更改文本的顏色,如上面的文件標題。 圖標在使用時移動到工具欄。

文件更多選項

對於顏色選項,包括預先選擇的顏色或創建自定義顏色選擇器。 顏色選擇器包括一個用於十六進制代碼、RGB 代碼或 HSL 代碼的字段。

文件替換

文件替換

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

複製網址

複製網址

這會將文件的 URL 複製到剪貼板。 您會在左下角看到一條消息,表明 URL 已被複製。

選項

文件選項

選項包括:

隱藏更多設置- 隱藏側邊欄。

複製- 複製文件塊,以便您可以將其粘貼到您的內容中。

複製- 將文件塊的副本放置在原始文件下。

插入前- 在文件塊之前放置一個空格,您可以在其中添加塊。

插入後- 在文件塊之後放置一個空格,您可以在其中添加塊。

移動到- 放置一條藍線,讓您控制將文件塊移動到的位置。

編輯為 HTML - 打開塊的代碼編輯器版本,您可以在其中編輯 HTML。

添加到可重用塊- 將文件塊添加到可重用塊中。

- 將塊添加到可以一起調整的組中。

刪除塊- 刪除文件塊。

文件塊大小調整工具

文件塊大小調整工具

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

文件塊側邊欄設置

文件塊側邊欄設置

側邊欄設置包括文本鏈接、下載按鈕設置和高級。 通過單擊右上角的齒輪打開或關閉側邊欄。 單擊塊會將側邊欄更改為“文件塊”選項。

文件塊側邊欄設置

如果文件是 PDF,則將添加一組新的 PDF 選項。

PDF設置

文件 PDF 設置

Show Inline Embed 允許您啟用或禁用 PDF 預覽。 它默認啟用。 禁用它只會顯示標題和下載按鈕。 此示例顯示它已禁用。

文件 PDF 設置

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

文本鏈接設置

文件文本鏈接設置

文本鏈接設置讓您選擇文件名鏈接的工作方式。 您可以將其鏈接到媒體文件或文件的附件頁面。 您也可以在同一選項卡或新選項卡中打開它。

文件下載按鈕設置

文件下載按鈕設置

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

先進的

文件高級

高級設置包括 HTML 錨點和附加 CSS 類。 錨點會創建一個唯一的 URL,因此您可以直接鏈接到該塊。 CSS 類字段允許您添加自定義 CSS 類以設置文件塊的樣式。

文件組顏色設置

文件組顏色設置

如果您已將文件塊轉換為組,那麼您將看到文本、背景和鏈接顏色的設置。 您仍然可以通過選擇塊來訪問常規設置。

有效使用文件塊的提示和最佳實踐

為顯示的標題鏈接命名,以便通過選擇文本並鍵入新標題使鏈接對用戶有意義。

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

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

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

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

關於文件塊的常見問題

文件塊的目的是什麼?

提供下載按鈕,以便訪問者可以下載文件。

使用文件塊有什麼好處?

它允許您提供可以設置樣式和控制的鏈接和按鈕。 將鏈接粘貼到下載會將鏈接轉換為嵌入塊,它可以顯示與您想要的不同的片段或預覽。

它可以用於什麼類型的文件?

它可用於可下載的任何類型的文件,包括 PDF、音頻、視頻、圖像、文檔、插件、子主題等。

是否支持所有文件類型?

不能。它不能上傳 WordPress 不支持的 zip 文件或其他擴展。

可以下載多個文件嗎?

不能。每個文件塊一次只能連接一個文件。

你能更新可下載的文件嗎?

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

文件塊可以轉換成另一個塊嗎?

是的。 它也可以變成列或組。

結論

這就是我們對 WordPress 文件塊的看法。 這是一個簡單的塊,可讓您提供多種文件類型並包含鏈接的文本和按鈕選項。 兩者都可以獨立設計。 如果文件是 PDF 並且它是可調整的,我喜歡它添加預覽。 此塊非常適合從您的網站提供可下載文件的鏈接。

我們希望聽到您的意見。 你使用文件塊嗎? 請在評論中告訴我們您對此的看法。

精選圖片來自 Jane Kelly/shutterstock.com