如何在WordPress中輕鬆嵌入iFrame代碼(3種方法)

您是否要在WordPress帖子或頁面中嵌入iFrame代碼? IFrame提供了一種無需上傳即可將視頻或其他內容嵌入到您的網站的簡便方法。 YouTube等許多第三方平台都允許用戶使用iframe嵌入其網站中的內容。 在本文中,我們將向您展示如何使用多種方法在WordPress中輕鬆嵌入iFrame代碼。 什麼是iFrame? 通過iFrame,您可以在自己的網站上嵌入視頻或其他內容。 這意味著您可以在站點上顯示視頻而無需實際託管該視頻。 iframe就像在您的網站上打開一個窗口以顯示外部內容一樣。 實際內容仍從您要嵌入的源中加載。 要添加iframe,您需要添加特殊的HTML代碼。 如果這聽起來很技術性,請不要擔心。 我們將向您展示將iFrame嵌入WordPress博客的最簡單方法。 為什麼要使用iFrame? 使用iFrame的一個關鍵原因是避免必須在您的站點上託管視頻或其他資源,這會佔用您的帶寬和存儲空間。 另外,通過iFrame,您可以避免侵犯他人的版權內容。 您無需下載視頻或其他內容然後將其上傳到您的網站,只需使用iFrame將其添加到頁面即可。 另一個優點是,如果更改了原始內容,它也會在iFrame中自動更新。 使用iFrame也有一些缺點。 並非所有網站都允許您將其內容放入iFrame。 另外,對於您的頁面而言,iFrame可能會變得太大或太小,因此您需要手動對其進行調整。 另一個問題是HTTPS網站只能將iFrame用於其他HTTPS網站的內容。 同樣,HTTP站點只能將iFrame用於其他HTTP站點的內容。 這就是為什麼像WordPress這樣的許多平台都喜歡oEmbed的原因。 您只需將URL粘貼到WordPress帖子中,即可使用oEmbed嵌入視頻以及其他類型的內容。 內容將自動調整大小以適合,並且即使在移動設備上也將是正確的大小。 重要: WordPress不支持在Facebook和Instagram帖子中嵌入oEmbed。 有關更多信息,請查看有關Facebook / Instagram oEmbed問題的完整指南以及如何解決。 iFrames的另一個絕佳替代方法是使用社交Feed插件。 我們建議使用Smash Balloon的插件。 這些使您可以顯示來自Facebook,Instagram,Twitter和YouTube的內容。 話雖如此,讓我們看一下將iFrame添加到網站的三種不同方式。 1.使用源代碼的嵌入代碼在WordPress中添加iFrame 許多大型網站的內容都有“嵌入”選項。 這為您提供了需要添加到網站的特殊iFrame代碼。 在YouTube上,您可以轉到YouTube上的視頻,然後單擊其下方的“共享”按鈕來獲取此代碼。 接下來,您將看到一個帶有多個共享選項的彈出窗口。 只需單擊“嵌入”按鈕。 現在,YouTube將向您顯示iFrame代碼。 默認情況下,YouTube將包含播放器控件。 我們還建議您啟用隱私增強模式。 之後,繼續並單擊“複製”按鈕以復制代碼。 現在,您可以將該代碼粘貼到網站上的任何帖子或頁面中。 我們將其添加到塊編輯器中的新頁面。 要創建新頁面,請轉到 頁»添加新 在您的WordPress儀表板中。 然後,將HTML塊添加到您的頁面。 現在,您需要將YouTube iFrame代碼粘貼到該塊中。 然後,您可以預覽或發布頁面以查看嵌入其中的YouTube視頻。… Continue reading 如何在WordPress中輕鬆嵌入iFrame代碼(3種方法)

如何輕鬆地將博客文章保存到計算機(5種方法)

您想將WordPress博客帖子保存到計算機嗎? 通常,您可以製作WordPress備份並將其保存在計算機上。 但是,如果不重新安裝WordPress,則這些備份不可讀或不易於共享。 在本文中,我們將向您展示如何輕鬆保存博客內容的副本,以供您閱讀,共享甚至轉換為電子書。 為什麼將博客帖子保存到計算機 將博客帖​​子保存到計算機有多種原因。 最常見的原因是創建博客備份,以便以後可以還原它。 您可能需要將其移至新的WordPress網站,或者只是為了安全起見而將其保持安全。 或者,您可能想要關閉並刪除WordPress網站,但希望以可讀的格式保存博客內容。 您可以將所有博客文章另存為PDF或eBook,而不必將它們另存為備份文件,因此可以輕鬆閱讀或共享文章。 另一個常見原因是從另一個博客平台轉到WordPress。 為此,您需要保存您的博客文章,然後將其導入WordPress。 有多種保存和下載博客文章的方法。 根據您的需求,您可以選擇最適合您的方法。 創建博客備份 如果您只想備份博客文章以進行保管,則建議使用此方法。 它允許您在任何其他WordPress網站上恢復博客文章。 但是,它不會以可讀或可共享的格式保存您的博客文章。 WordPress具有內置功能可導出您的博客文章。 只需轉到 工具»導出。 WordPress管理區域內的頁面。 在這裡,您可以選擇下載整個網站,也可以僅下載博客文章。 之後,您可以點擊 下載導出文件 按鈕和WordPress將以XML格式下載您的所有博客文章。 該文件可用於還原您的站點,或遷移到另一個域或其他Web主機。 您還可以下載整個媒體庫,並分別保存圖像和視頻。 但是,如果要保留整個WordPress網站的備份,則導出工具不是理想的方法。 它不會保存任何其他網站數據,設置,您的WordPress主題或插件。 為此,您將需要使用適當的WordPress備份插件。 這些插件可讓您製作完整的WordPress網站備份,然後可以將其保存在計算機上或上傳到Google雲端硬盤或Dropbox等雲存儲。 您也可以設置它們,以便它們定期自動備份並遠程保存它們。 我們建議使用UpdraftPlus,它易於使用並支持多種雲存儲選項。 有關更多詳細信息,請參閱有關使用UpdraftPlus設置WordPress備份的指南。 創建博客的PDF或電子書 WordPress備份插件或默認的導出方法存在的問題是,您的博客文章將無法在WordPress之外讀取。 這就是為什麼許多用戶喜歡將博客文章另存為PDF的原因,因為它使閱讀,共享或重新發布博客文章為eBook變得容易。 讓我們看一下如何輕鬆地將博客文章以PDF格式保存到計算機。 如果您只想保存單個博客文章,那麼最簡單的方法是在瀏覽器中打開它並使用鍵盤快捷鍵 CTRL + P (對於Windows)或 CMD + P (對於Mac)。 這將打開瀏覽器的 打印設置 窗口。 現在,您可以將目標更改為“另存為PDF”,然後單擊“保存”按鈕將其下載到您的計算機。 現在,如果您想一次將所有博客文章另存為PDF,那麼最簡單的方法是使用WordPress插件。 首先,您需要安裝並激活“打印我的博客”插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。… Continue reading 如何輕鬆地將博客文章保存到計算機(5種方法)

如何使用Sugar日曆創建簡單的事件日曆

您是否要向您的WordPress網站添加事件日曆? 有很多不同的插件和日曆應用程序可以做到這一點,但是有些過於復雜或無法與WordPress很好地配合使用。 在本文中,我們將向您展示如何使用Sugar Calendar在WordPress中輕鬆創建一個簡單的事件日曆。 如何使用Sugar日曆創建簡單的事件日曆 Sugar Calendar是由Pippin Williamson和Easy Digital Downloads背後的團隊構建的用於WordPress的簡單輕便的事件日曆插件。 由於我們一直在尋找輕量級的事件日曆插件,因此我們決定嘗試使用Sugar Calendar,發現它非常易於使用。 這是使用Sugar Calendar在WordPress中創建事件日曆的方法。 您需要做的第一件事是在您的網站上安裝並激活Sugar Calendar插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。 激活後,轉到 日曆»設置 WordPress管理員中的頁面。 在這裡,您需要輸入許可證密鑰。 您可以在Sugar Calendar網站的帳戶區域中找到它。 完成後,單擊“保存更改”按鈕以確保您的許可證密鑰已保存。 在Sugar日曆中創建日曆 Sugar Calendar將功能分為兩個主要部分:“日曆”和“事件”。 您可以創建多個日曆,然後相應地向每個日曆添加不同的事件或活動。 首先,請點擊WordPress管理員側欄中的“日曆”菜單項頁面。 之後,您需要選擇“日曆”標籤,然後單擊“添加新日曆”按鈕以創建新日曆。 然後,您將看到一個用於添加新日曆的彈出框。 您需要給日曆起一個名字和一個“ slug”,它將成為日曆URL(Web地址)的結尾部分。 有一個框,您可以在其中描述日曆。 該描述是可選的,如果需要,可以將其保留為空白。 在說明下方,您可以為日曆選擇一種顏色。 如果要創建多個日曆,這將非常有用,因為這樣可以更輕鬆地在WordPress網站上標識不同的日曆。 如果您僅創建一個日曆,則無需設置顏色。 完成後,點擊“添加新日曆”按鈕以創建日曆。 在Sugar日曆中添加事件 現在,是時候向您的日曆中添加一些事件了。 只需點擊“事件”標籤,然後點擊“添加事件”按鈕即可創建您的第一個事件。 “添加新事件”屏幕上有空間容納有關事件的所有信息。 繼續,在頂部輸入您的活動的名稱。 在此之下,您可以設置事件的開始時間和結束時間。 您的活動可以是一天或多天。 如果是全天活動,則只需選中“全天”框。 接下來,繼續並在“詳細信息”框中添加有關事件的更多信息。 如果您想在此處添加圖片或照片,請繼續並使用“添加媒體”按鈕添加圖片或照片。 在屏幕的右側,您需要單擊要將事件添加到的日曆。 您還可以在此處創建日曆(如果尚未創建)。 準備就緒後,繼續並單擊“發布”按鈕。 您可以重複此過程以將更多事件添加到日曆中。 將活動日曆放到您的網站上 您可以將日曆添加到任何頁面或發佈在您的網站上。… Continue reading 如何使用Sugar日曆創建簡單的事件日曆

如何在WordPress中創建全寬頁面(入門指南)

是否要在WordPress中創建全寬頁面,以便可以在屏幕上延伸內容? 大多數WordPress主題已經帶有內置的全角頁面模板,您可以使用該模板。 但是,如果您的主題沒有主題,則添加主題很容易。 在本文中,我們將向您展示如何輕鬆地在WordPress中創建全寬頁面,甚至無需任何代碼即可創建完全自定義的頁面佈局。 方法1。使用您的主題的全寬模板 如果您的主題已經帶有全角頁面模板,那麼最好簡單地使用它。 幾乎所有好的WordPress主題都可以。 即使是最好的免費WordPress主題也經常帶有全角模板,因此很有可能您已經擁有一個。 首先,您需要編輯頁面或通過轉到以下頁面來創建新頁面 頁»添加新 在您的WordPress儀表板中。 在內容編輯器的右側“文檔”窗格中,您需要通過單擊旁邊的向下箭頭來展開“頁面屬性”部分。 然後,您應該會看到“模板”下拉列表。 如果您的主題有全角模板,則將在此處列出。 應將其稱為“全寬模板”: 您在此處看到的選項將根據您的主題而有所不同。 如果您的主題沒有完整寬度的頁面模板,請不要擔心。 您可以使用以下方法輕鬆添加一個。 方法2。使用插件創建全寬頁面模板 此方法最簡單,可與所有WordPress主題和頁面構建器插件一起使用。 首先,您需要安裝並激活Fullwidth Templates插件。 如果您不確定該怎麼做,請查看我們的初學者指南以安裝WordPress插件。 全寬模板插件將為您的頁面模板添加三個新選項: 這些選項是: FW無側欄:從頁面上刪除側欄,但其他所有內容保持不變 FW Fullwidth:刪除邊欄,標題和註釋,並將佈局拉伸到全寬 FW Fullwidth無頁眉頁腳:刪除FW Fullwidth所做的所有操作,以及頁眉和頁腳 如果您只想使用內置的WordPress編輯器,“ FW No Sidebar”將是最佳選擇。 使用此插件可以創建全角頁面模板,但自定義選項有限。 如果要自定義不使用任何代碼的全角模板,則需要使用頁面構建器。 方法3:使用頁面構建器插件在WordPress中設計全角頁面 如果您的主題沒有全角模板,則這是創建和自定義全角模板的最簡單方法。 它允許您輕鬆地編輯全寬頁面,並通過拖放界面為您的網站創建不同的頁面佈局。 對於這種方法,您將需要一個WordPress頁面構建器插件。 在本教程中,我們將使用Beaver Builder。 它是最好的拖放頁面構建器插件之一,它使您無需編寫任何代碼即可輕鬆創建頁面佈局。 首先,安裝並激活Beaver Builder插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。 激活它後,請編輯現有頁面或創建一個新頁面。 在屏幕右側的“文檔”窗格中,轉到“頁面屬性”,然後從下拉菜單中選擇全角模板。 接下來,單擊屏幕中央的“啟動Beaver Builder”按鈕。 現在,使用Beaver Builder的拖放界面創建頁面。 一個好的開始方法是單擊頂部的“模板”選項卡。 選擇一種預製模板作為您的全寬頁面的基礎。… Continue reading 如何在WordPress中創建全寬頁面(入門指南)

17 Best Gutenberg Blocks Plugins for WordPress (Super Useful)

Are you looking for the best Gutenberg block plugins for your WordPress site? Gutenberg blocks are the editor blocks that are used to create content layouts in the new WordPress block editor aka Gutenberg. Introduced in WordPress 5.0, the Gutenberg editor is a fully block-based editor where each piece of content is a draggable block.… Continue reading 17 Best Gutenberg Blocks Plugins for WordPress (Super Useful)

如何使用Uncanny Automator在WordPress中創建自動化工作流

您是否曾經想在WordPress中創建自動化工作流以減少管理任務並節省時間? 許多用戶在WordPress中執行手動任務來管理其網站。 如果您可以自動執行這些任務並為用戶創建更智能的工作流程,那不是很好嗎? 在本文中,我們將向您展示如何使用Uncanny Automator在WordPress中輕鬆創建自動化工作流。 這將使您節省時間,提供更好的用戶體驗並發展您的業務。 為什麼要在WordPress中創建自動化工作流? 網站所有者花費大量時間在WordPress中執行重複性任務。 例如,處理表格數據,銷售產品或提供支持。 為這些重複性或手動任務創建自動化工作流可以節省您的時間。 它還為您的客戶提供不間斷的,交互式的和更好的用戶體驗。 現在您將認為自動化這些任務應該並不困難。 但是,問題在於WordPress插件無法很好地相互交流或與第三方應用程序對話。 例如,如果您使用的是WooCommerce和聯繫表單插件,那麼除非一個插件創建了一個插件來執行此操作,否則這兩個對象將無法相互通信。 這是Uncanny Automator出現的地方。 什麼是Uncanny Automator? Uncanny Automator是最好的WordPress自動化插件,可幫助您創建自動化的任務和工作流,而無需編寫任何代碼。 通過幫助您集成不同的WordPress插件並允許它們彼此對話,它起到了橋樑的作用。 例如,您可以使用聯繫表單提交並將其添加為會員訂閱。 您甚至可以連接2個獨立的WordPress網站來一起工作。 例如,您可以在創建用戶的同時出售一種產品,而在另一用戶上建立訪問權限。 總而言之,Uncanny Automator就像WordPress網站的Zapier一樣。 實際上,它也可以與Zapier一起使用,因此您可以將WordPress操作與2,000多種外部應用程序集成,包括Google Drive,Slack,Asana,Twitter,Instagram等。 話雖如此,讓我們看一下如何使用Uncanny Automater在WordPress中創建自動化工作流。 在WordPress中創建自動化工作流 您需要做的第一件事是安裝並激活Uncanny Automator插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。 激活後,還將要求您安裝免費版本的Uncanny Automator核心插件。 此插件的精簡版功能受功能限制,但用作專業版的基礎。 接下來,您需要前往 Automator»許可證激活 頁面以輸入您的許可證密鑰。 您可以在Uncanny Automator網站上的帳戶下找到此信息。 激活許可證後,您現在就可以在WordPress中創建自動化的工作流程了。 Uncanny Automator稱它們為“食譜”。 只需前往 Automator»添加新 頁面來創建您的第一個食譜。 系統將要求您選擇要創建“已登錄”配方還是“匿名”配方。 登錄配方只能由登錄用戶觸發,匿名配方可以由任何用戶觸發。 根據您要創建的工作流程選擇一種配方類型,然後單擊確認按鈕。 為了本教程的緣故,我們將使用WPForms插件創建一個匿名配方。 它是超過4百萬個網站使用的最佳WordPress聯繫人表單插件。 它還有一個名為WPForms Lite的有限免費版本,您可以使用它試用此食譜。… Continue reading 如何使用Uncanny Automator在WordPress中創建自動化工作流

如何在WordPress中突出顯示文本(入門指南)

您要突出顯示WordPress帖子或頁面中的文本嗎? 能夠突出顯示文本可以幫助您將用戶的注意力吸引到特定的文本區域。 突出顯示號召性用語,特價商品,或者僅強調特定句子,這可能非常有用。 在本文中,我們將向您展示如何輕鬆在WordPress中突出顯示帶有或不帶有插件的文本。 為什麼以及何時突出顯示文本 突出顯示文本是強調內容中重要信息的簡便方法。 這有助於您將用戶的注意力吸引到重要的號召性用語上。 以下是文本突出顯示的示例: 默認情況下,WordPress內容編輯器不帶有簡單地選擇並突出顯示任何文本的選項。 您仍然可以通過使文字更加突出 斜體,更改文字顏色或進行更改 膽大。 話雖如此,讓我們看一下如何輕鬆地在WordPress中突出顯示文本。 方法1.突出顯示WordPress中的任何文本(無需HTML) 突出顯示文本的最簡單方法是使用WordPress插件。 首先,您需要安裝並激活Advanced Editor Tools插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。 高級編輯器工具(以前稱為TinyMCE Advanced)添加了更多格式設置選項,並擴展了WordPress塊編輯器。 激活插件後,您可以編輯要突出顯示一些文本的WordPress帖子或頁面。 只需選擇要修改的文本,然後單擊下拉箭頭以獲取更多格式選項。 從下拉菜單中,您需要選擇“標記”選項。 這將使用默認顏色突出顯示文本。 但是,實際顏色可能因您的WordPress主題顏色而異。 現在,您可以保存您的帖子/頁面並對其進行預覽,以查看突出顯示的文本。 是不是很簡單? 但是,如果您不需要經常突出顯示文本,則可以使用下一個方法,而無需使用插件。 方法2。在WordPress中手動突出顯示文本 此選項需要一些代碼,但易於實現。 在此示例中,我們將使用HTML’mark’元素。 這可以用來突出顯示並吸引您對寫作的某些部分的關注。 只需在要突出顯示文本的地方編輯帖子或頁面。 接下來,轉到包含文本的段落,然後單擊塊工具欄中的三點菜單。 在這裡,您需要選擇“編輯為HTML”選項。 接下來,您將看到HTML格式的原始文本。 只需將要突出顯示的文本包裝在 和 像這樣的標籤: highlighted text 現在,您可以再次單擊三點菜單並在塊工具欄中選擇“可視地編輯”,以切換回可視模式。 阻止區域將切換回可視模式,您會注意到所選文本突出顯示。 根據WordPress主題,突出顯示的文本可能看起來有所不同。 但是,通常它只是黃色背景。 如果您要更改它,則可以通過添加自己的自定義CSS進行更改。 只需轉到 外觀»定制 頁面以啟動主題定制器。 從這裡,您需要切換到“其他CSS”標籤。 在這裡您可以粘貼自定義CSS。 您可以使用以下CSS代碼作為起點。 mark {… Continue reading 如何在WordPress中突出顯示文本(入門指南)

49 Best WooCommerce WordPress Themes (2021)

Are you looking for the best WooCommerce themes for your online store? Not all WordPress themes offer complete WooCommerce support and pre-styled templates. If a theme doesn’t support WooCommerce, then it won’t support all the available addons and extensions. However, WordPress WooCommerce themes let you create an eCommerce shop and sell your products. With these… Continue reading 49 Best WooCommerce WordPress Themes (2021)

如何將作者限制在WordPress中的特定類別

您是否要限製作者只能在WordPress網站的特定類別中發布的功能? 如果您正在運行一個多作者博客,則限製作者僅在網站的選定類別或部分上發帖的功能可能會有所幫助。 在本文中,我們將向您展示如何將作者限制在WordPress中的特定類別。 為什麼限製作者為特定類別? 如果您有多個人為您的WordPress博客寫作,那麼他們可能沒有選擇適當的類別。 通過將作者限制為特定類別,可以限制他們可以選擇的類別。 您甚至可以指派作者在一個類別中發帖。 這不僅有助於他們專注於自己的寫作優勢,而且還可以防止內容張貼在錯誤的類別中。 總體而言,正確使用類別也可以對您的網站的SEO排名非常有益。 如何將作者限制在WordPress中的特定類別 最簡單的方法是使用“受限作者”插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的初學者指南。 激活插件後,轉到 用戶»所有用戶 然後點擊您要限制的用戶個人資料的“編輯”。 在他們的個人資料頁面上,您需要滾動到底部。 您將看到一個部分,您可以在其中選擇要限制用戶發布能力的類別。 在第一個框中,無論您選擇什麼類別,都可以使用它們。 在下面的字段中,您可以為該特定用戶選擇默認類別。 完成後,單擊“更新用戶”按鈕,一切就完成了。 現在,當作者進入WordPress內容編輯器中創建帖子時,他們將在側邊欄中看到以下內容: 如您所見,由於我們使用的插件設置,他們無法選擇其他類別。 如果要將他們的WordPress用戶角色限制為特定的部分或自定義帖子類型,則可以使用Members插件進一步自定義權限。 我們希望這可以幫助您學習如何將作者限制在WordPress中的特定類別。 您可能還希望查看有關如何創建WordPress會員網站的指南,以及我們為所有網站選擇的最佳WordPress插件的專家信息。 如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。

Best of Best WordPress Tutorials of 2020 on WPBeginner

2020 is about to come to an end, and it has been an unprecedented year. Despite the COVID lockdowns and challenges, a record number of people started new businesses and took advantage of WPBeginner’s free resources and community support. We want to thank all of you for your continued support that keeps us motivated and… Continue reading Best of Best WordPress Tutorials of 2020 on WPBeginner