如何將Favicon添加到您的WordPress網站

[ad_1]

尋找向您的站點添加WordPress網站圖標的簡單方法?

網站圖標是您會在任何瀏覽器標籤左側看到的小圖像。默認情況下,您的網站僅包含通用圖片,因此您可以自行添加一些自定義圖片。這樣做可以幫助您的網站看起來更值得信賴,可以幫助您建立品牌,並使頁面更易於識別。

為什麼需要創建WordPress網站圖標

如果您在任何瀏覽器中檢出一系列標籤,就會看到每個標籤都包含相關頁面的名稱和一個小圖片:

瀏覽器中的收藏夾圖標。

該圖片-網站圖標-標識了相關站點。考慮到他們的普遍性,您可能從未考慮過他們。但是,當您創建自己的網站時,它將沒有自己的自定義圖標。而是,您頁面的標籤會顯示一個非描述性的默認圖片:

默認的WordPress網站圖標。

這些圖標平淡無奇,令人難忘,可能會使您的網站不專業。因此,創建自定義WordPress網站圖標是您要為自己的網站做的第一件事。

使用精心選擇的網站圖標還可以使您的頁面更易於用戶識別。此外,它在確保您的網站令人難忘並加強品牌方面發揮了作用。

在WordPress中添加圖標也並不困難,這使其成為您可以為網站採取的最好的「低掛水果」操作之一。

如何在您的WordPress網站上添加收藏夾圖標(分3個步驟)

在接下來的幾節中,我們將討論如何創建WordPress網站圖標並將其添加到您的網站。讓我們開始吧!

第1步:規劃圖標的設計

在實際創建和上傳您的網站圖標之前,需要做一些計劃。這個微小的圖像將代表您和您的網站,因此您不想著急地拍一些東西。

您需要做的第一件事就是確定是使用現有圖像還是創建新圖像。例如,如果您已經有一個可以準確代表您的網站或企業的徽標,則您可能希望將其用作您的收藏夾圖標。

但是,請記住,收藏夾圖標很小,因此不能包含太多細節。如果您現有的徽標很複雜,則可能需要對其進行簡化以使其在瀏覽器選項卡中看起來不錯。

另一方面,您也可以創建一個全新的圖像。仍然最好在這裡使用網站或企業品牌的元素。這意味著選擇合併顏色,字體和/或圖標,這些顏色,字體和/或圖標已經是較大網站設計的一部分。

在現階段,它可以幫助在紙上或在簡單的圖像編輯程序中為您的圖標確定一些可能性。請記住–您的設計必須非常簡單,不要包含不必要的元素,並一目了然地形象地展示您的品牌。

步驟2:建立您的網站圖示

確定設計概念後,就該創建實際的圖標圖標了。如果您使用的是現有徽標,並且很幸運可以拿到清晰,簡化的版本,則此步驟很簡單。

否則,您需要設計收藏夾圖標。有幾種方法可以完成此任務:

  • 僱用設計師為您創建。對於這麼小的基本圖像,這似乎有些過分,但是花一點錢就可以得到更高質量的專業效果。另外,設計人員也許可以就各種交付方式如何優化和調整圖像大小提供建議。

  • 使用Photoshop等程序從頭開始設計收藏夾圖標。如果您具有紮實的設計技能(或有時間節省時間),則手動創建Favicon可以為您提供完全的控制。

  • 使用收藏夾創建器來簡化該過程。如果您不想聘請專業人士,但自己不滿意,那麼有很多工具可以幫助您縮小差距。許多都是免費的,您可以使用空白模板來設計收藏夾圖標,也可以上傳和編輯現有圖片。

考慮到最後一點,Faviconer是一個簡單的瀏覽器內工具,可以完成任務:

Faviconer設計工具。

您甚至可以在網站的瀏覽器標籤中看到您的設計,讓您知道上下文中的外觀。

這些網站圖標創建工具的其他好處是,您可以保持圖像簡單,並可以使用各種尺寸選擇。瀏覽器和設備各不相同,但大多數都要求網站圖標為16 x 16或32 x 32像素。這意味著您可以創建更大的圖像(WordPress標準為512 x 512像素),並根據需要縮小圖像。

第3步:將WordPress網站圖標添加到您的網站並對其進行優化

準備好圖標圖標後,您可以通過以下幾種方法將其添加到您的網站。

使用WordPress定製器–很好用於大多數用途

最簡單的方法是導航至儀錶板中的「外觀」>「自定義」,然後選擇「站點標識」選項卡:

通過定製器添加WordPress網站圖標。

除了一些基本選項,您還將在此處找到一個名為「網站圖標」的部分。在這裡,您可以上傳512 x 512像素的圖片版本,以同時用作收藏圖標和移動應用程序圖標。

使用免費的插件–確保與所有設備兼容

儘管上述過程可以很好地完成,但是請記住,您的WordPress網站圖標會在各種設備上顯示。這包括各種各樣的屏幕尺寸和解析度。

如果您想以最佳方式提高網站圖標顯示的機會,無論如何查看,都值得安裝RealFaviconGenerator之類的插件,例如Favicon:

此插件可幫助您快速生成網站圖標的許多版本,並針對各種瀏覽器,設備等進行了優化。安裝插件後,如果您導航到WordPress儀錶板的新外觀> Favicon部分,則可以上傳主圖像:

faviconer插件設置。

然後,您將進入一個頁面,您可以在其中自定義圖標,以用於不同用途:

自定義您的WordPress網站圖標。

您將在這裡找到大量建議,以了解如何調整每個版本的WordPress網站圖標。如果您的主圖像不合適,您甚至可以上傳全新的圖像以在某些設備上使用。另外,您將預覽各種情況下圖標的外觀。

之後,您可以選擇頁面底部的按鈕來生成圖標,並返回到儀錶板:

儀錶板中已上傳的WordPress網站圖標。

總體而言,無論您使用哪種終端設備,如果要確保Favicon都能很好地代表您的品牌,則需要採取一些額外的步驟來確保其完全優化。

結論

將注意力集中在設計網站的主要方面(例如選擇主題和構建頁面)上可能很容易,而您卻忘記了較小的細節。如果您不希望頁面在瀏覽器標籤和移動設備上看起來通用,那麼包括一個簡單而有效的WordPress網站圖標就很關鍵。

如您所見,將WordPress網站圖標組合在一起的過程僅需三個步驟:

  1. 計劃您的網站圖標的設計。
  2. 從頭開始或使用創建工具(例如Faviconer)創建收藏夾圖標。
  3. 使用WordPress定製程序或RealFaviconGenerator的插件(如Favicon),將WordPress網站圖標添加到您的網站並對其進行優化。
相關文章