如何在WordPress中添加SVG(帶有2個簡單解決方案)


您想將SVG文件添加到WordPress網站嗎? 默認情況下,WordPress允許您上傳所有流行的圖像,音頻和視頻文件格式,但是SVG不在其中。 在本文中,我們將向您展示如何在WordPress中輕鬆添加SVG。

在WordPress中輕鬆添加SVG文件

什麼是SVG?

SVG或可伸縮矢量圖形是一種使用XML標記語言定義矢量圖形的文件格式。 SVG的主要優點是它使您可以放大圖像而不會損失質量或有任何像素化。

SVG如何工作?

可伸縮矢量圖形(SVG)是一種使用XML顯示二維圖形的技術。 它們與常用的圖像格式(如PNG,GIF或JPEG)不同。

如果您拍攝png / jpeg圖像文件並放大,則您會注意到圖像將開始模糊並變為像素化。

矢量圖形不使用像素。 而是使用二維地圖定義您正在查看的圖形。 放大時,圖像不會像素化。

這使您能夠放大矢量圖形而不會降低質量。 最重要的是,SVG圖像的文件大小可以比JPEG或PNG小得多。

矢量圖形通常用於圖標,圖標字體,網站徽標和商標圖像。 您可能需要在WordPress中為公司徽標,圖標或其他圖形添加SVG文件。

聽起來很酷,但是SVG文件仍然有些不安全。 這就是WordPress默認情況下不支持SVG文件上傳的原因。

如果您在WordPress中上傳SVG圖片,則會看到以下錯誤消息:

抱歉,出於安全原因,不允許使用此文件類型。

WordPress中的SVG安全錯誤

WordPress中有關SVG的安全問題

SVG文件包含XML標記語言的代碼,該代碼類似於HTML。 您的瀏覽器或SVG編輯軟件將解析XML標記語言,以在屏幕上顯示輸出。

但是,這會使您的網站容易受到XML漏洞的攻擊。 它可用於獲得對用戶數據的未授權訪問,觸發蠻力攻擊或跨站點腳本攻擊。

我們將在本文中共享的方法將嘗試清理SVG文件以提高其安全性。 但是,這些插件不能完全防止惡意代碼被上傳或註入。

最好的解決方案是僅使用由可靠來源創建的SVG文件,並將SVG上傳限制為僅可信任的用戶。

要了解有關安全性的更多信息,請查看我們針對初學者的完整WordPress安全性指南。

話雖如此,讓我們看一下如何在WordPress中輕鬆安全地使用SVG文件。

方法1.使用SVG支持在WordPress中上傳SVG文件

此方法提供了在WordPress中添加SVG文件的完全支持。 它還允許您在WordPress帖子和頁面中顯示嵌入式SVG。

首先,您需要安裝並激活SVG支持插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»SVG支持 頁面以配置插件設置。

SVG支持設置

在設置頁面上,您需要選中“是否限制管理員?”旁邊的框。 選項。 這將僅允許站點管理員使用WordPress上傳SVG文件。

下一個選項是打開高級模式。 如果要使用CSS動畫和內聯SVG渲染等高級功能,則只需選中此選項。

不要忘記單擊“保存更改”按鈕來存儲您的設置。

現在,您可以創建新帖子或編輯現有帖子。 在帖子編輯器中,您將上傳SVG文件,就像上傳任何其他圖像文件一樣。 只需將圖像塊添加到編輯器,然後上傳SVG文件。

現在,您將能夠在WordPress中上傳和嵌入SVG文件。

SVG文件嵌入WordPress帖子中

方法2.使用安全SVG在WordPress中上傳SVG文件

此方法還使用插件,並允許您執行對上傳到WordPress的SVG文件的清理。

您需要做的第一件事是安裝並激活Safe SVG插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

該插件開箱即用,沒有可供您配置的設置。 您可以直接開始上傳SVG文件。

缺點是此插件允許所有可以在WordPress網站上撰寫帖子的用戶上傳SVG。

為了控制誰可以上傳文件,您將需要購買該插件的高級版本。

我們希望本文能幫助您學習如何在WordPress中安全添加SVG。 您可能還想看一下我們有關WordPress中最常見的圖像問題以及如何解決它們的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。