插入影象

插入影象

使用 WordPress 媒體管理器,插入、檢視和連結您的個人影象和影象庫非常簡單。

圖片只需插入頁面/文章中,請單擊 「新增媒體」按鈕 ( 新增媒體),然後只需將圖片從計算機上的任何位置拖到瀏覽器視窗中即可。您的檔案將自動上傳。

圖片插入

或者,單擊「選擇檔案」按鈕,然後使用顯示的對話方塊視窗選擇您要上傳的檔案。

也可以直接將影象拖移到視覺化編輯器中,而不是單擊「新增媒體」按鈕。

無論您是單擊「新增媒體」按鈕還是隻需將圖片拖放到視覺化編輯器中,圖片上傳後,都會顯示您的媒體庫,其中包含您之前上傳的所有圖片。剛剛上傳的圖片將被自動 「選擇」,方便輕鬆插入到您的頁面或文章中。選中的圖片在圖片的右上角顯示有 「勾號」 圖示。

上傳後,您可以透過按住 Ctrl 鍵 (Mac 上的 Cmd 鍵) 並單擊來選擇其他先前上傳的影象。要取消選擇影象,請單擊影象右上角的 「勾號」 。

在視窗底部,您將看到當前選定影象的數量。

此 「插入媒體」視窗中有多個選項,可幫助您更輕鬆觸發圖片新增到頁面或文章中。

預設情況下,顯示以前上傳的圖片,從最近上傳的圖片開始。如果您想縮小此列表的範圍,視窗頂部有一個下拉選單,可以讓您按所有媒體專案上傳到此文章/頁面的專案、圖片音訊檔案、影片檔案、文件獨立檔案和許多其他選擇。您還可以透過選擇日期來過濾媒體檔案,或者,還有一個搜尋欄位可以讓您指定搜尋影象。

當前突出顯示的圖片 (即帶有藍色近似的圖片) 的屬性將顯示在 「插入媒體」視窗的右側這些屬性包括檔名、檔案上傳日期和圖片大小。此時,您還可以更改每個個影象的標題、說明文字、替代文字和描述,以及插入影象的掃描方式、連結和大小。

  • 標題– 當滑鼠滑鼠懸停在瀏覽器中的影象上時顯示為工具提示
  • 標題– 在圖片下方顯示簡要說明。如何顯示將取決於當時使用的 WordPress 主題。您還可以在標題中包含基本 HTML
  • 替代文字– 顯示當瀏覽器能夠呈現影象時。顯示使用者的螢幕閱讀器也可以使用它,使用因此影象描述填寫此欄位非常重要。在某種程度上,它也對您的網站搜尋引擎最佳化 (SEO)) 中發揮著作用。由於搜尋引擎無法 「讀取」 影象,它們因此依賴於替代文字
  • 描述– 通常顯示在媒體的附件頁面上,但完全當前使用的主題

圖片插入

對於每個影象,您可以使用 「對齊」 下拉選單選擇影象的對齊方式:左對齊居中對齊右對齊。您還可以選擇「無」不對齊,這意味著影象將使用主題的對齊預設設定顯示。

您還可以使用 「連結到」 下拉選單更改插入的影象將連結到的內容您可以透過選擇附件頁面選擇連結到影象的附件頁面,也可以透過選擇媒體檔案來連結到完整尺寸的影象還可以透過選擇 「自定義 URL」連結到任何 URL 當您執行此操作時,將出現一個新欄位,允許您輸入自定義 URL 。您還可以透過選擇無來選擇不連結到任何內容

上傳圖片後,WordPress 還會為您的檔案建立多個不同大小的副本。您可以使用 「大小」下拉選單選擇要插入到頁面或文章中的內容要以圖片為您上傳的有意插入尺寸,只需選擇「全尺寸」即可。此下拉選單中列出的每個尺寸旁邊是影象的實際尺寸,以畫素為單位 (例如 300 x 225) 。

選擇所有後,單擊 「插入到文章」按鈕將選定影象插入到文章中當前圖片位置 (編輯頁面時,此按鈕將顯示 「插入到頁面」) 。

如果您想更改圖片的順序,請單擊 「插入媒體」視窗底部的「編輯選擇」連結。視窗將發生變化,以便僅顯示選定的圖片。或者,單擊「清除圖片」連結將取消選擇所有。

單擊「插入媒體」視窗底部的「編輯選擇」連結後,將顯示所有當前選定的影象。您可以透過單擊並拖動每個影象來重新排序,從而更改在影象頁面或文章中顯示的影象順序。您還可以更新每張影象的標題、說明文字、替代文字和說明。要刪除選定的其中一個影象,則出現懸浮在勾號上時單擊影象右上角出現的小 「-」 。

圖片插入

點選「返回到庫」按鈕將返回到上一個螢幕,您可以在其中選擇或取消圖片選擇。更新圖片的順序和屬性後,單擊 「插入到文章」按鈕將所選圖片插入到當前文章中畫面位置 (編輯頁面時,此按鈕將顯示 「插入到頁面」) 。

當您編輯文章/頁面時,如果您希望插入之前上傳的圖片 (而不是上傳新圖片),請再次單擊 「新增媒體」 按鈕 ( ) 。顯示彈窗後,單擊彈窗頂部新增媒體媒體」 」 選項卡,而不是將新檔案拖到上傳視窗中。將您之前顯示上傳的所有影象,首先顯示最新的影象。

您想要插入到頁面或文章中的影象,然後只需單擊 「插入到文章」按鈕 (或者如果您正在編輯頁面,此按鈕將選擇「插入到頁面」) 。如前所述,如果您想更改影象的插入順序,還可以單擊視窗底部的「編輯選擇」 連結。

最後更新時間:2022 年 4 月 6 日


,

刪除 HTML 連結

刪除 HTML 連結

要刪除 html 連結,請單擊頁面/文章中要刪除的連結以顯示內聯連結工具欄。工具欄出現後,單擊「刪除」按鈕 ( ) 以刪除連結。如果您想從影象中刪除連結,只需單擊影象一次將其選中,單擊 「插入/編輯連結」按鈕 ( 插入/編輯連結) 以顯示內聯連結工具欄,然後刪除 URL 並單擊 「應用」按鈕 ( 申請連結) 接受您的連結改變。如果 html 連結連結到上傳的檔案或影象,單擊「刪除」按鈕不會刪除該檔案,而只會刪除超連結。

刪除 HTML 連結

全屏編輯

全屏編輯

WordPress 允許全屏撰寫。它可以讓您完全無干擾地編輯頁面或文章。要進入全屏模式,只需單擊「無干擾寫作」按鈕 ( 全屏編輯) 。開啟 「無干擾寫作」 按鈕後,左側選單和右側面板就會淡出檢視,只在螢幕上留下撰寫內容所需的最少內容。

全屏編輯

在無干擾寫作模式下,只有標題欄位和視覺化編輯器會顯示,直到您將滑鼠移到編輯器之外。將滑鼠移出編輯器後,選單和側面板就會淡出檢視。

要退出無干擾寫作模式,請再次單擊無干擾寫作按鈕。

 

使用視覺化編輯器新增內容

使用視覺化編輯器新增內容

用於在頁面或文章中輸入內容的編輯器非常易於使用。它很像使用常規文書處理程式,帶有工具欄按鈕,可讓您將文字加粗 ( 大膽的) 或斜體 ( 斜體) 或輸入標題 ( 風格) 或專案符號點 ( 編號列表 專案符號列表) 。您甚至可以使用其他文字編輯器中使用的大多數基本鍵盤快捷鍵。例如:Shift+Enter插入換行符、Ctrl+C/Cmd+C = 複製、Ctrl+X/Cmd+X = 剪下、Ctrl+Z/Cmd+Z = 撤消、Ctrl+Y/Cmd+Y = 重做、Ctrl+A/Cmd+A = 全選等 (在 PC 上使用Ctrl鍵,在 Mac 上使用Command 鍵) 。

向頁面新增內容時,視覺化編輯器會展開以適合您的內容,而不是簡單地滾動。最重要的是,無論視覺化編輯器變得多高,工具欄按鈕都可以透過粘在頁面頂部來隨時可用。

透過使用特殊的鍵盤快捷鍵,新增內容現在變得更加容易。當您想要向內容新增不同大小的標題時,您現在可以使用兩個或更多主題標籤 (#) 開始一行,然後按 Enter 鍵轉到下一行,而不必從工具欄下拉選單中選擇標題大小,視覺化編輯器會自動將您的文字轉換為適當的標題。與標題一樣,您也可以使用*建立無序列表,使用1將啟動一個有序列表,>將建立一個塊引用。

可用鍵盤快捷鍵的完整列表如下;

* – 啟動無序列表
– 啟動無序列表
1. – 啟動有序列表
1) – 啟動無序列表
## – H2
### – H3
#### – H4
##### – H5
## #### – H6
> – 新增塊引用
– 新增水平線
`..` – 將文字轉換為程式碼塊 (將 .. 替換為您的文字)

編輯器頂部有兩個選項卡:「視覺」「文字」 ( 視覺/文字) 。它們在視覺化編輯器文字編輯器之間切換編輯器檢視文字檢視將使您能夠檢視構成內容的 HTML 程式碼。對於更有經驗的使用者來說,這有時會很有幫助,但對於那些不熟悉 HTML 標籤的人來說,不建議這樣做。

建立新頁面或文章時,要做的第一件事是在頂部輸入欄位中輸入標題,其中顯示 「新增標題」將滑鼠向下移動到編輯器後,將為您的頁面建立一個新的永久連結。永久連結是您個人文章、頁面、類別等的永久 URL 。雖然通常沒有必要,但您可以透過單擊永久連結旁邊的「編輯」 按鈕來手動編輯永久連結。修改後,單擊「確定」儲存或單擊「取消」取消更改。

在編寫內容的編輯器頂部,有許多格式按鈕。單擊工具欄切換按鈕 ( 工具欄切換) 將顯示或隱藏第二行格式設定按鈕,這為您提供了額外的功能。編輯器按鈕執行以下功能:

 

新增媒體 新增媒體– 用於上傳和插入影象、音訊、影片或文件等媒體
風格 樣式– 用於根據當前主題使用的樣式設定頁面文字格式
大膽的 粗體– 粗體文字
斜體 斜體– 斜體文字
專案符號列表 專案符號列表– 建立無序列表 (專案符號點)
編號列表 編號列表– 建立有序 (編號) 列表
塊引用 塊引用– 用作顯示引用的方式。它的外觀完全取決於您的網站當前使用的主題
左對齊 左對齊– 文字左對齊
居中對齊 居中對齊– 將文字居中對齊
右對齊 右對齊– 文字右對齊
插入/編輯連結 插入/編輯連結– 用於建立指向另一個頁面或網站的 html 連結。如果首先沒有選擇任何文字,您輸入的 URL 也將用於連結文字
插入「閱讀更多」標籤 插入 「閱讀更多」 標籤 –「更多」標籤插入您的頁面。大多數部落格僅顯示文章的一小部分摘錄,您需要單擊文章標題或 「閱讀更多...」 連結才能繼續閱讀文章的其餘部分。當您在文章中插入 「更多」 標籤時,該標籤之前的所有內容都被視為摘錄。大多數時候,您只會在建立部落格文章而不是頁面時使用此按鈕
工具欄切換 工具欄切換– 用於顯示或隱藏編輯器工具欄上的第二行格式化按鈕
全屏編輯 無干擾寫作– 單擊此按鈕將放大編輯器,使其填滿瀏覽器視窗。單擊螢幕頂部的退出全屏連結會將其縮小回原始大小
刪除線 刪除線- 在文字中新增刪除線
水平線 水平線– 在頁面中插入一條水平線
文字顏色 文字顏色– 用於更改文字的顏色
貼上為文字 貼上為文字- 從其他網站或文書處理程式複製和貼上文字有時會導致文字格式與您期望的不同。原因是,格式化原始文字的 html 標籤或程式碼通常會與文字本身一起貼上。為了避免這種情況,貼上為文字將刪除所有這些格式和 html 標籤。「貼上為文字」 選項就像一個開關,一直保持開啟狀態,直到您再次單擊該按鈕將其關閉或直到您儲存頁面內容
清除格式 清除格式- 使用此功能可以從突出顯示的文字中刪除所有格式 (例如粗體、下劃線、文字顏色等)
插入特殊字元 特殊字元- 用於插入不易透過鍵盤訪問的特殊字元 (例如?、?、?、?、€、?等)
減少縮排 減少縮排– 刪除一級縮排
增加縮排 增加縮排- 將文字縮排一級
撤消 撤消– 撤消您的上一個操作
重做 重做– 重做您的上一個操作
幫助 鍵盤快捷鍵– 顯示有關 WordPress 視覺化編輯器的資訊以及鍵盤快捷鍵
視覺/文字 視覺/文字– 在視覺編輯器和文字編輯器之間切換編輯器檢視。文字檢視將使您能夠檢視構成內容的 HTML 程式碼。對於更有經驗的使用者,這有時會有所幫助,但對於那些不熟悉 HTML 標籤的使用者,不建議這樣做

最後更新時間:2022 年 4 月 6 日


,

插入媒體檔案的連結

插入媒體檔案的連結

新增媒體檔案 (例如文件或 PDF) 的連結就像新增標準 html 連結一樣簡單。有幾種方法可以解決這個問題。

點選「新增媒體」按鈕 ( 新增媒體),然後只需將檔案從計算機上的各個位置拖到瀏覽器視窗中即可。您的檔案將自動上傳。

或者,單擊「選擇檔案」按鈕,然後使用顯示的對話方塊視窗選擇您要上傳的檔案。

檔案上傳後,會顯示您的媒體庫,其中包含您之前上傳的所有檔案。您剛剛上傳的檔案將被自動 「選擇」,方便輕鬆插入到您的頁面或文章中。

插入媒體檔案的連結

更新檔案的標題。當文字連結插入到您的內容中時,標題將用於文字連結「連結到」 下拉選單中,選擇「媒體檔案」下面的欄位將自動填充檔案的 URL 。

單擊 「到插入文章」按鈕可在文章中當前位置插入指向所選檔案的連結 (編輯頁面時,此按鈕將顯示 「插入到頁面」) 。

如果您碰巧知道要連結的媒體檔案的 URL,或者想在某些​​現有的文字上建立連結,只需單擊並拖動滑鼠並突出顯示要轉換為文字的文字即可。連結,然後單擊插入/編輯連結按鈕 ( 插入/編輯連結) 。像以前一樣,新增簡單的 HTML 連結時,輸入媒體檔案的 URL,然後單擊 「新增連結」按鈕。將建立一個標準的 html 連結,連結到您指定的媒體檔案。

新增 HTML 連結

新增 HTML 連結

HTML 連結允許您的網站訪客輕鬆瀏覽您的網站。當您希望允許人們從您的網站下載檔案 (例如 PDF 或其他文件) 以檢視影象甚至只是連結到其他網站時,也可以使用它們。HTML 連結經常會顯示有下劃線,以將其與其他文字區分開來,但這可能會根據您當前使用的主題而有所不同。

也可以看看:

編輯或刪除影象

編輯或刪除影象

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

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

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

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

編輯或刪除影象

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

編輯或刪除影象

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

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

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

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

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

 

設定特色影象

設定特色影象

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

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

設定特色影象

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

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

設定特色影象

插入影片、音訊或其他檔案型別

插入影片、音訊或其他檔案型別

The procedure for inserting any other type of file into your Page/Post is exactly the same as Inserting an Image. Simply click the Add Media button (Add Media). Once the relevant pop-up window displays, perform the same steps to upload your file to your site and to insert it into your Page or Post.

When inserting video or audio files, you can select Embed Media Player from the Embed or Link dropdown list in the Insert Media pop-up window to use the audio and video players that are now built into WordPress. Supported audio/video formats include M4a, MP4, OGG, WebM, FLV, MP3, and WAV files.

Inserting Video, Audio or Other File Type

 

It』s recommended that you make your filename 「server friendly」. Make sure the filename has no spaces, apostrophes, slashes or other non-alphanumeric characters (such as $, % and &). Rename the file before uploading if it does. To preserve readability, some people replace spaces with the underline character or hyphen. For instance, My File Name.txt becomes My_File_Name.txt or My-File-Name.txt

新增新頁面

新增新頁面

要新增新頁面,請將滑鼠懸停在左側導航選單中的頁面選單選項上,然後在彈出選單中單擊新增連結。或者,單擊頁面選單選項,然後單擊下面的新增新連結,或頁面頂部的新增新按鈕。您將看到類似於下圖的頁面。

新增新頁面