查詢迴圈區塊

查詢迴圈區塊

查詢迴圈塊允許您插入文章列表。如果您使用的是 WooCommerce,這可能是頁面、文章甚至產品的列表。雖然您可以將此塊新增到正常的頁面或文章內容中,但使用完整站點編輯器將其新增到主題模板中會更有用。

首次插入查詢迴圈塊時,系統會提示您從預製模式中進行選擇或從空白開始。

查詢迴圈塊

如果您選擇從預製圖案開始,單擊 「選擇」按鈕將顯示一個彈窗,您可以在其中選擇用於顯示內容的佈局圖案。只需滾動瀏覽可用的佈局模式列表,然後單擊您喜歡的佈局即可選擇它。您還可以使用彈窗頂部的搜尋欄位來搜尋您喜歡的佈局。

單擊您喜歡的佈局後,適當的塊將被插入到您的內容中。然後,您還可以訪問塊工具欄和設定側欄中的更多選項。

查詢迴圈塊

您還可以在首次插入查詢迴圈塊後單擊「開始」 空白按鈕。然後,您將看到一系列可供選擇的佈局變體。只需單擊相應的圖示即可選擇一個。然後,適當的塊將被插入到您的內容中。

查詢迴圈塊

確認用於查詢迴圈塊的佈局後,您可以使用塊工具欄上的顯示設定( 查詢迴圈塊顯示設定) 圖示來更改每頁顯示的文章數、設定要跳過的文章數 (如果有),並限制分頁中顯示的文章數量。

設定側欄中的選項還允許您調整為檢索文章而執行的 WordPress 查詢。您可以選擇文章型別 (例如,如果您使用的是 WooCommerce,則顯示文章、頁面,甚至產品) 。您還可以選擇顯示文章的順序 (例如,最新的在前、最舊的在前、按字母順序) 、選擇是否包含 「粘性」 文章,還可以新增過濾器,例如類別、標籤、作者或關鍵字。

如果您開啟從模板繼承查詢開關,則此塊將僅繼承當前模板的全域性查詢,例如存檔或搜尋模板。

值得注意的是,查詢迴圈塊 (同樣,文章列表塊) 將在主查詢迴圈塊中插入多個塊。在能夠調整查詢迴圈的所有設定之前,您需要選擇最外面的查詢迴圈塊。選擇此塊將顯示塊工具欄和設定側欄中的所有查詢設定。如果您發現很難選擇查詢迴圈塊,請嘗試使用頁面底部顯示的塊麵包屑來選擇該塊。只要您選擇了一個塊,麵包屑就會出現,並將列出當前所選塊的所有父塊。您還可以使用編輯器頂部工具欄中的列表檢視圖示 ( ),幫助您選擇所需的確切塊。區塊編輯器工具欄 - 列表檢視

查詢迴圈塊

 

編輯或刪除影象

編輯或刪除影象

有多種選項可用於調整插入影象的佈局。

單擊已插入頁面或文章中的影象後,影象上方將出現一個小工具欄。透過選擇對齊按鈕 ( ) 之一,對齊影象您可以更改插入影象的對齊方式。單擊編輯按鈕 ( 編輯影象) 可以編輯影象屬性。單擊「刪除」按鈕 ( 刪除影象) 將從您的內容中刪除該影象。它只會從您的頁面或文章中刪除影象,而不會從您的媒體庫中刪除影象。

當您單擊頁面或文章中的影象以及上面提到的對齊、編輯和刪除圖示時,影象還會顯示 「調整大小手柄」 。這些是您在影象邊緣看到的小方塊。要調整影象大小,只需單擊並拖動角調整大小手柄之一即可。

與任何影象編輯軟體一樣,如果您嘗試放大小影象,它往往會變得相當畫素化。最好插入大影象,然後調整大小。

編輯或刪除影象

單擊「編輯」按鈕 ( ) 後,將出現以下彈窗。

編輯或刪除影象

影象詳細資訊彈窗允許您編輯各種影象和連結屬性:

  • 標題– 顯示在影象下方作為簡短說明。如何顯示將取決於當時使用的 WordPress 主題。您還可以在標題中包含基本 HTML
  • 替代文字 – 當瀏覽器無法呈現影象時顯示。視障使用者的螢幕閱讀器也使用它,因此使用影象描述填寫此欄位非常重要。在某種程度上,它也在您的網站搜尋引擎最佳化 (SEO) 中發揮著作用。由於搜尋引擎無法 「讀取」 影象,因此它們依賴於替代文字
  • 對齊– 允許您選擇影象的對齊方式。它們可以左對齊、居中對齊或右對齊。將對齊設定為 「無」 將刪除其他對齊設定。這如何影響您內容中的影象將取決於當前使用的主題
  • 尺寸- 從下拉選單中選擇特定尺寸或選擇 「自定義尺寸」,然後在出現的輸入欄位中輸入寬度和高度 (以畫素為單位)
  • 連結到– 從下拉選單中選擇您想要將影象連結到的位置。您可以透過選擇 「附件頁面」 來選擇連結到影象附件頁面,也可以透過選擇「媒體檔案」來連結到全尺寸影象您還可以透過選擇 「自定義 URL」連結到任何 URL 當您執行此操作時,將出現一個新欄位,允許您輸入自定義 URL 。您還可以透過選擇 「無」來選擇不連結到任何內容
  • 影象標題屬性– 當滑鼠滑鼠懸停在瀏覽器中的影象上時顯示為工具提示
  • 影象 CSS 類 – 預設情況下,WordPress 將為您的影象分配多個 CSS 類。如果由於某種原因,您想將其他 CSS 類分配給您的影象,那麼您可以將它們新增到此輸入欄位中
  • Link Rel – 描述從當前文件到指定連結的關係。有關 rel HTML 屬性的更多資訊可以在 Wikipedia上找到
  • 連結CSS 類– 如果需要在 HTML 連結上設定特定的 CSS 類,則可以將其新增到此輸入欄位中

單擊編輯原始按鈕可以對上傳的影象執行一些簡單的操作。您可以旋轉和翻轉影象,也可以將其縮放和裁剪為不同的尺寸。

如果您想完全替換影象,請單擊「替換」按鈕,您將看到媒體庫,您可以在其中選擇新影象。

更新影象屬性後,單擊「更新」按鈕儲存更改。或者,單擊彈窗右上角的小 「x」 以關閉彈窗而不儲存任何更改。

 

設定特色影象

設定特色影象

某些主題允許您為頁面和文章指定特色影象。特色影象通常稱為文章/頁面縮圖,通常是代表特定頁面或文章的某種影象。這些影象的顯示方式完全取決於當前使用的主題。

如果您的主題允許您設定特色影象,則當您編輯頁面或文章時,將顯示以下特色影象面板。如果無法設定特色影象,則不會顯示此面板。

設定特色影象

設定特色影象與將影象新增到頁面或文章中非常相似。單擊「設定特色影象」連結後,將顯示一個彈窗,該視窗看起來與您向頁面/文章新增影象時顯示的視窗類似。您可以上傳一張新影象作為您的特色影象,也可以簡單地從之前上傳的影象中進行選擇。

預設情況下,您將看到之前上傳的影象的列表。如果您想上傳新影象,可以單擊彈窗頂部的 「上傳檔案」 選項卡,然後單擊「選擇檔案」按鈕,或者只需將影象拖放到彈窗中即可。上窗。單擊要用作特色影象的影象後,您可以更新標題、說明文字、替代文字和說明。要將影象設定為特色影象,請單擊設定特色影象按鈕。然後,您選擇的影象將出現在「特色影象」面板中。

設定特色影象

區塊目錄

區塊目錄

塊目錄帶來了一種在站點中查詢和安裝單個獨立塊外掛的新方法。

當您在塊插入器中執行搜尋時,如果您的塊庫中沒有匹配的結果,它也會在 WordPress 塊目錄中執行搜尋。如果它找到任何相關的塊,您可以滾動瀏覽這些結果並立即安裝並啟用塊外掛,並且無需離開編輯器即可將其插入到您的頁面中。

塊目錄搜尋是自動完成的。單擊螢幕頂部塊工具欄中的切換塊插入器圖示 ( 區塊編輯器工具欄 - 新增塊) ,塊插入器出現後,單擊搜尋欄位並輸入搜尋字串。如果您網站上的塊庫中沒有匹配結果,它將自動在塊目錄中執行搜尋並顯示任何匹配結果 (如果有) 。

塊目錄

如果您在搜尋結果中找到某個塊,請單擊搜尋結果,WordPress 將自動下載、安裝並啟用該塊外掛,然後將其插入到您的頁面中,而無需離開編輯器。

如果您發現剛剛插入的塊沒有按您希望的方式工作,或者只是不合適,您可以輕鬆地從頁面中刪除該塊,就像任何其他塊一樣。

當您從塊目錄安裝新塊時,請務必注意您實際上正在安裝新外掛,因此如果您瀏覽到儀表盤中的外掛螢幕並發現已安裝一些不熟悉的外掛,則可能是因為您已透過塊目錄安裝它們。

堆疊區塊

堆疊區塊

堆疊允許您將多個塊堆疊在垂直列中。堆疊塊類似於行塊和組塊,因為它允許將多個塊分組在一起。

新增堆疊塊後,您可以將所需的任何塊新增到此塊中,例如標題、段落或影象塊,僅舉幾例。

將內容新增到塊後,設定側邊欄中提供了更多選項,例如能夠選擇塊的對齊方式型別,以及是否允許它們換行多行。

您還可以更改文字和背景顏色,以及塊周圍的填充量。

該塊的各種選項位於 「設定」 側欄中單獨的 「設定」( ) 和 「樣式」( ) 選項卡中。

堆疊塊

嵌入

嵌入

將影片或其他內容新增到頁面中的另一種方法是透過嵌入。一個流行的例子是將 YouTube 影片嵌入到您的頁面中。

當您嵌入檔案時,無需將檔案上傳到您的網站。您基本上只是在您自己的頁面中建立指向該檔案的連結。WordPress 能夠自動嵌入來自許多不同服務的檔案。

要將某些內容嵌入到您的文章或頁面中,只需選擇適當的嵌入塊,將 URL 貼上到欄位中,然後單擊嵌入按鈕即可該塊將神奇地發生變化,以在編輯器中顯示實際的網站內容。

值得注意的是,YouTube 和 Vimeo Embed 塊與影片塊不同。這兩個嵌入塊不會在設定側欄中為您提供與影片塊相同的選項。YouTube 和 Vimeo 嵌入塊分別用於嵌入這兩個網站的影片,而影片塊則用於新增您已上傳到自己網站的影片。

YouTube 嵌入塊

WordPress 已嵌入以下站點的塊:

編輯

編輯

單擊編輯將在新頁面上顯示編輯器。與 「快速編輯」選項一樣,您可以更新評論、評論作者姓名、郵箱地址和 URL 。透過 「編輯」選項,您還可以設定評論狀態並更改評論日期和時間。評論狀態可以設定為「已批准」「待處理」「垃圾郵件」您還可以選擇透過單擊 「移至回收站」連結將專案移至 「回收站」

評論編輯

您可以透過單擊日期和時間旁邊的編輯連結來更改提交評論的日期和時間。單擊「編輯」後,原始日期和時間下方會出現幾個欄位。如果需要,請更新欄位,然後單擊「確定」按鈕儲存新的日期和時間。

更新完評論後,單擊「更新」按鈕儲存更改。如果您想取消更改,請單擊瀏覽器後退按鈕或單擊 「評論」 選單選項返回評論列表。

介紹

介紹

WordPress 是一個開源軟體系統,全世界數百萬人使用它來建立精美的網站和部落格。它可以透過使用主題外掛完全定製。

「WordPress 是一款網路軟體,您可以用它來建立漂亮的網站或部落格。我們想說 WordPress 既免費又無價。」

可以從 WordPress 官方網站或網路上數百個其他地方輕鬆下載主題。外掛也是如此,它們用於擴充套件 WordPress 網站的功能。

除了成為一個出色的部落格和內容管理系統之外,其巨大的好處之一就是豐富的資訊。 WordPress 系統本身的設計和開發背後有一個很棒的社羣。來自世界各地的人們貢獻自己的時間、知識和技能來保持 WordPress 的更新和安全。

還有大量的設計師、開發人員和博主透過部落格文章、教程、評論、影片以及建立數千個主題和外掛來分享他們的知識。

WordPress 為數量驚人的網站提供支援。事實上,它為整個網路的 43% 以上提供支援!從個人部落格到大型企業網站,應有盡有。以下只是由 WordPress 提供支援的數百萬個不同網站的極少數示例......

Ladybird Educationhttps://www.ladybirdeducation.co.uk
Ladybird Education 網站是一個國際教材資源,旨在幫助學童學習英語。

墨爾本大學https://blogs.unimelb.edu.au
在墨爾本大學,我們將 WordPress 用於不需要重要自定義功能但確實需要易於更新和快速釋出的網站。

珍·古道爾研究所http://www.janegoodall.org
珍·古道爾研究所致力於促進對類人猿及其棲息地的理解和保護,並以珍·古道爾博士的遺產為基礎,激勵各個年齡段的年輕人採取個人行動,幫助動物和其他人,保護我們共同的世界。

Snoop Doghttps://snoopdogg.com
多白金藝術家、演員、慈善家和娛樂偶像 Snoop Dogg 憑藉屢獲殊榮的專輯和歌曲、熱門電視節目、電影、生活方式產品、慈善事業,走在流行文化的最前沿,和數字企業。史努比狗狗 (Snoop Dogg) 作為一支無與倫比的音樂力量統治了二十多年,提高了藝人和全球公認的創新者的標準。

華特迪士尼公司https://thewaltdisneycompany.com
華特迪士尼公司的使命是透過無與倫比的講故事的力量來娛樂、告知和激勵世界各地的人們,反映我們的標誌性品牌、創意思維和創新技術全球首屈一指的娛樂公司。

thisisFINLANDhttps://finland.fi
thisisFINLAND 為每個對這個國家、其文化和人民感興趣的人提供了一個瞭解芬蘭的有吸引力的視窗。

英國聯合國兒童基金會https://www.unicef.org.uk
聯合國兒童基金會英國委員會 (UNICEF UK) 為聯合國兒童基金會的兒童應急和發展工作籌集資金。他們還在英國和國際上促進和保護兒童權利。他們是一家英國慈善機構,完全由支持者資助。

瑞典官方網站https://sweden.se
Scotland.se 由瑞典研究所 (SI) 公共資助、製作、開發、維護和運營。 SI 是一家公共機構,致力於在全世界範圍內建立對瑞典的興趣和信任。我們與瑞典一起推動波羅的海地區的合作以及全球的發展。

編輯影象

編輯影象

WordPress 有一個基本的影象編輯工具,可讓您對上傳的影象執行一些簡單的操作。您可以旋轉和翻轉影象,也可以縮放影象並將其裁剪為不同的尺寸。

編輯影象的檔案屬性 (與文件或 PDF 等其他檔案型別相反) 時,單擊影象正下方出現的「編輯影象」按鈕以顯示影象編輯工具。

如果您在使用網格檢視時單擊「編輯影象」按鈕,影象編輯工具將出現在彈窗中。

編輯影象

如果您在使用列表檢視時單擊「編輯影象」 按鈕,您的頁面將與上面的網格檢視略有不同除了影象編輯工具之外,您還可以看到檔案的屬性,例如檔案大小和尺寸。您還可以更新標題替代文字說明

編輯影象

無論您使用什麼檢視,您都會在影象上方找到以下影象編輯按鈕:

影象裁剪 裁剪– 單擊影象並將選擇框拖動到您想要裁剪影象的大小。單擊 「裁剪」 按鈕將影象裁剪為新尺寸
縮放– 縮放影象
影象旋轉 影象旋轉– 向左或向右旋轉影象 90°、將影象旋轉 180°、垂直或水平翻轉影象。
影象撤消 撤消– 撤消最後的更改
影象重做 重做– 重做最後的更改
取消影象編輯 取消編輯– 取消影象編輯工具

要將影象縮放到新尺寸,請單擊影象上方的 「縮放」 按鈕以顯示 「縮放」 欄位,然後只需在相應欄位中輸入新的寬度高度尺寸並單擊 「縮放」 按鈕即可。為了獲得最佳效果,應在執行任何其他操作 (如裁剪、翻轉或旋轉影象) 之前完成縮放。需要注意的是,影象只能縮小,而不能放大。

輸入一個比例值後,另一個比例值會自動改變,以保持影象的比例。原始影象尺寸顯示在輸入欄位的正上方,供您參考。

有多種方法可以裁剪影象。首先,單擊影象上方的 「裁剪」 按鈕以顯示 「裁剪」 欄位。然後只需單擊影象並將選擇框拖動到適當的大小即可。如果您希望將影象裁剪為特定比例,請在寬高比輸入欄位中輸入值(例如 1:1(方形) 、 4:3 、 16:9 等) 。然後,您可以拖動選區的邊緣之一來放大或縮小尺寸,同時保持此縱橫比鎖定。如果已經進行了選擇,則指定縱橫比將自動更改選擇以匹配它。

每當調整選擇框時,尺寸都會顯示在選擇輸入欄位中。您還可以透過在這兩個欄位中輸入值來手動輸入選擇框的尺寸 (以畫素為單位) 。調整選擇框後,單擊「應用裁剪」按鈕將影象裁剪為新尺寸。

單擊「儲存編輯」按鈕儲存您的更改。

如果您想恢復為原始影象,請再次單擊「編輯影象」按鈕以返回到影象編輯器。將顯示一個新的恢復原始影象選項。單擊小箭頭圖示檢視按鈕,然後單擊恢復影象按鈕放棄更改並恢復原始影象。