古騰堡編輯器教程:如何使用Flickr嵌入區塊

如何使用Flickr嵌入區塊

WordPress的Flickr嵌入區塊可讓您將儲存到Flickr的照片和視訊新增到文章和頁面。當訪問者單擊照片或視訊時,他們將被定向到Flickr,在那裡他們可以檢視和/或播放您的媒體。視訊實際上無法在您的網站上播放——訪問者會看到一個靜止影象,當他們點選它轉到Flickr時,他們將能夠在那裡播放。

您還可以嵌入帶有導航箭頭的相簿和畫廊。(相簿是您自己媒體的集合,而畫廊是您從其他攝影師那裡儲存的照片和視訊。)這樣,訪問者就可以看到您想向他們展示的所有媒體,而不會被重定向到Flickr。

在本教程中,讓我們一起來看看如何將Flickr媒體新增到WordPress文章和頁面,並涵蓋最佳實踐、技巧和常見問題解答。

更新Flickr隱私設定

由於您只能共享公開的照片和視訊(意味著所有人都可以看到它們),因此您需要在Flickr中仔細檢查您的設定,以確保媒體可以嵌入您的網站。

前往Flickr。單擊要共享的照片或視訊。這將在其自己的頁面中開啟它。滾動到該頁面的底部。在Viewing Privacy旁邊,確保將其設定為Public。

Flickr隱私設定

更改多個影象的隱私設定

假設您有幾張圖片想要嵌入WordPress,但它們都是私有的。您無法更改整個相簿或大量影象的隱私設定,但不是一張一張地瀏覽每張影象,這是一種解決方法。

首先,將影象下載到您的計算機。開啟相簿,然後單擊向下箭頭圖示。在彈出視窗中,選擇Create Zip File。

下載Flickr相簿

幾分鐘後,您應該會收到一封來自Flickr的電子郵件,其中包含指向您的zip檔案的連結,其中包含要下載的所有照片。當zip檔案在您的計算機上時,開啟它以訪問其中的所有影象。

回到Flickr。單擊頁面右上角的上傳圖示。

Flickr照片上傳

選擇上傳照片的方式 – 通過拖放照片或從計算機中選擇照片。準備好上傳圖片後,您將看到如下所示的頁面:

Flickr批量上傳照片

在左側邊欄中,有一個標題為Privacy的部分。在這裡,您可以設定影象對誰可見。確保標記了Anyone (Public)。

批量上傳Flickr照片隱私設定

現在,您剛剛上傳的影象將設定為Anyone (Public),這意味著您的訪問者可以在訪問您的WordPress網站時檢視它們。

如何將Flickr嵌入區塊新增至頁面或文章

在將Flickr內容新增到WordPress網站之前,您必須新增為您提供功能的嵌入區塊。首先,登入WordPress。從您的儀表盤中,開啟或建立頁面或文章。(僅供參考,您需要為此使用Gutenberg區塊編輯器,而不是經典編輯器。)

單擊加號。(如果您沒有看到它,請單擊文章或頁面主體中的某處。)將彈出一個視窗,其中包含您可以新增到WordPress的不同區塊。搜尋Flickr,然後選擇關聯的區塊將其新增到您的頁面或文章中。

Flickr嵌入區塊插入

搜尋Flickr嵌入區塊

Flickr嵌入區塊URL

如何在文章或頁面中嵌入Flickr影象或視訊

轉到您的Flickr影象或視訊,然後從位址列中複製URL。返回WordPress並將其貼上到嵌入框中,然後單擊嵌入。

Flickr嵌入區塊填入分享連結

Flickr影象在後端WordPress中是低質量的。我的看起來像這樣,我嘗試了幾個以確保我沒有選擇低質量的影象:

Flickr嵌入區塊圖片

但是,當您在預覽中檢視文章或頁面時,它看起來應該是這樣的:

Flickr嵌入區塊圖片預覽

如何在文章或頁面中嵌入Flickr相簿或相簿

轉到Flickr並前往要嵌入WordPress的相簿或畫廊。從位址列中複製URL,然後將其貼上到嵌入框中並點選嵌入。後端版本的質量比單個影象要好得多:

Flickr嵌入區塊畫廊

但是,當您檢視預覽時,您可能會注意到方向不同。在後端,相簿是完全水平的,如果影象不完美,頂部和底部或側面會出現黑條。

Flickr嵌入區塊畫廊圖片佔位

但是在預覽中,相簿在垂直方向上更大,帶有黑條的影象是水平的,沒有佔據所有空間。比較以下兩個:

Flickr嵌入區塊畫廊圖片鋪滿

Flickr嵌入區塊畫廊圖片不鋪滿

Flickr嵌入區塊錯誤訊息

有時,無法嵌入連結。也許連結已損壞,或者您複製並貼上了實際上不是連結的內容。發生這種情況時,您會看到一條錯誤訊息。您可以選擇再次嘗試連結,也可以嘗試轉換為連結選項。但是,如果這些都不起作用,您將不得不使用不同的連結。

Flickr嵌入區塊報錯

Flickr嵌入區塊設定和選項

當您單擊Flickr嵌入區塊時,頂部上方的工具欄中會顯示四個選項。

Flickr嵌入區塊設定和選項

從左到右分別是:

  • 更改區塊型別或樣式:這使您可以組合塊以建立列或組。不要擔心段落選項——它只是將塊更改為純文字。
  • 移動:將部落格拖動到文章或頁面上的其他位置。
  • 向上或向下移動將方塊向上或向下移動一個位置。
  • 更改對齊方式:將框向左、居中或向右對齊,或選擇寬幅或全幅。
  • 編輯URL:用新連結替換Flickr連結。

右側的三點圖示會顯示另一個帶有附加選項的選單:

Flickr嵌入區塊更多選項

使用Flickr嵌入區塊的最佳實踐和技巧

注意你命名的專輯和專輯圖片

當您將Flickr相簿新增到WordPress文章或頁面時,訪問者將滑鼠懸停在相簿標題和顯示影象的名稱上時,會顯示該相簿的標題和顯示影象的名稱。無論您是想擺脫尷尬的圖片名稱,還是隻想讓您的相簿更專業,最好先在Flickr中更新它。我很難更新影象名稱,然後讓它顯示在WordPress上,即使我完全替換了嵌入框和連結。

新增說明文字

當您將媒體從Flickr新增到WordPress時,您可以選擇在下方新增標題。(請注意,對於相簿,您只需為整個相簿新增一個標題,而不是為影象新增單獨的標題。)當然,您不必填寫此項,但它可以為您的內容新增有用的上下文。

使您的媒體更小的簡單方法

Flickr嵌入區塊沒有大小選項,但有一個簡單的方法來放大或縮小媒體:調整對齊方式。例如,當您將內容向左或向右對齊時,它在頁面上會變小。其他選項將使其儘可能大。

關於Flickr嵌入區塊的常見問題

如何在WordPress中嵌入Flickr?

在WordPress文章或頁面中嵌入Flickr內容的最快捷、最簡單的方法是使用Gutenberg中的專用Flickr嵌入區塊。

是否需要Flickr付費計劃嵌入WP?

不!使用免費計劃,即可將公共內容嵌入WordPress。由於您可以將1,000張照片新增到您的免費​​計劃中,您可能有足夠多的照片可供選擇。

小結

今天,有大量的服務可以讓您託管您的影象,無論您是需要免費選項還是願意付費。Flickr已經存在很長時間了,如果您已經使用該服務多年,您可能不想很快進行切換,特別是如果這意味著移動您的所有媒體。幸運的是,由於嵌入塊,您可以輕鬆地將Flickr影象和視訊放在WordPress上。而且您可以輕鬆地將使用者引導到您的Flickr帳戶,以便他們可以檢視您的一張照片所在相簿的其餘部分。此外,您可以完成所有這些操作,而不會因媒體上傳而使您的WordPress庫陷入困境。

注:Flickr在中國境內不可用,如果你的網站主要針對國內訪客,不建議將Flickr內容嵌入WP。

評論留言