插入圖像

插入圖像

使用 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

添加新頁面

添加新頁面

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

添加新頁面