自定義WordPress設計災難以及一些簡單步驟如何避免它們

自定義WordPress設計將幫助您在基於此發布平台的所有其他網站中脫穎而出。但是,如果設計不正確,自定義的WordPress主題可能會導致插件的功能無法正確顯示以及其他許多視覺和性能問題。在這裡,我們討論您自己如何容易陷入這個陷阱,以及避免這種情況的最佳方法。

因此,您已經在網站上安裝了WordPress,並開始向其發布博客文章。您已經很高興能夠輕鬆地在網站上快速獲得新鮮內容,並且只需要非常有限的技能就可以滿意。而且,您擁有WordPress博客的時間越長,使用WordPress發布界面就會越自在。

很快,您對WordPress感到非常滿意,以至於您決定只要更改屏幕頂部的標題圖片就可以了。您已經看過CSS文件和其他PHP文件,並且認為將標頭使用的圖像的URL更改為您實際想要的圖像的URL並沒有那麼困難。使用代替。

您在CSS文件中對所需的行進行了更改,嘿,很高興,您發現確實將圖像更改為您要使用的圖像。您已經開始創建自定義WordPress設計的冒險之旅。但是要當心!因為除非謹慎,否則在這裡事情確實會變得非常危險!

因為在仔細查看了新的標題圖像後,您意識到它不太適合博客的頂部。圖像的一點點都沒有顯示。替代地,整個圖像被顯示,但是它也在圖像應被終止的那一側再次重複一些圖像。

當您嘗試創建自定義WordPress設計時,這是一個常見問題。您會看到原始主題是為特定的圖像尺寸創建的,如果圖像尺寸不完全相同,則必須進行一些更改。但是,這並不是那麼困難,您很快就會發現可以在博客的主CSS文件中編輯所需的代碼,一切看起來再好不過了!

此後不久,您決定在博客上使用精美的導航系統。您已經從DynamicDrive.com或JavaScriptKit.com看到了一些很棒的免費導航面板,並且您認為其中之一在您自己的網站上看起來很不錯,可以幫助訪問者進行導航。因此,您可以將其安裝在網站上,並在其投入使用時對其進行查看。

您的自定義WordPress設計現在真的開始看起來不錯。但是隨後您注意到導航面板的性能不如演示中的那樣。您會注意到它實際上並不適合您喜歡的博客。但不必擔心,您已經在編輯CSS文件之前進行了修復,您可以再次進行編輯,對嗎?

因此,經過反覆試驗,您會發現需要更改的相應代碼行,並且在您不知道該行之前,您已經找到了一種使該強大導航系統適合您的博客的方法。現在,所有訪問者都可以在博客上看到與您網站上其他任何地方相同的美觀導航面板。

誰曾說製作自定義WordPress設計很困難?您剛剛進行了另一次更改,一切看起來都很棒。互聯網上所有說編輯WordPress主題並不簡單的人都不知道他們在說什麼,對嗎?嗯,這讓您感到自信,因為現在您正在考慮那些側欄可以稍作調整。

當然,側欄看起來已經不錯了,但是如果您可以稍作改動,則可以在其中添加一個或兩個您想暫時使用的功能。您想為您真正喜歡的會員產品添加這些橫幅,並希望在您的博客上進行宣傳以賺取額外的傭金。好吧,這應該不會太困難,您已經正確完成了嗎?

因此,您需要重新調整邊欄的大小,然後一次更改一行代碼,然後在瀏覽器中刷新博客,以查看每次更改的效果,並且在您不知不覺中,邊欄是適合各種類型的理想大小廣告媒體。您很高興開始添加橫幅和想要在其中顯示的其他內容。

定製的WordPress設計工具很容易讓您想到,您看起來像花哨的外觀,易於瀏覽和有效的新博客,還可以通過您選擇的廣告媒體獲利,也適合您到處都有的電子郵件列表訂閱者形式其他在您的網站上。不過,在此階段,比較好的一件事是,如果您實際上可以將側邊欄移出,以使它們恰好位於可視屏幕的邊緣,從而在中間留出更多空間容納內容,並且它將與樣式相匹配網站其餘部分。

因此,您再次開始調整主CSS文件。這次需要花費更多的精力才能使側欄移到屏幕邊緣,但是最終您設法實現了這一點。它花費的時間比您想像的要長得多,並且您必須在CSS文件中更改幾行代碼,但是就像您一直以來所做的那樣,您對WordPress設計進行了更改,並且一切看起來都不錯。

隨著時間的流逝,您需要進行更多的更改,沒有什麼大不了的,只是在這裡和那裡進行了一些細微的調整,但是逐漸地,您的博客看起來與最初應有的主題不一樣,並且坦率地說要擺脫它,因為您現在有了更好的東西。如您所願,自定義WordPress設計一直以來都在幫助您與其他所有網站都區分開來,這些網站的所有者沒有做出簡單的小改動就能顯著改善其博客的感覺!

也許他們只是懶惰,您自己想想。或者,也許它們太愚蠢了,您在笑著說自己的時候,想著幾個月來自己多麼聰明地自己做出了所有這些改變。

在本文的此階段,您可能已經注意到重複出現的主題是希望更改WordPress博客的某些元素。您還將注意到以下事實:在CSS文件中的代碼是經過反覆試驗後才進行更改的。實際上,許多人已經學會了通過一次更改一行CSS代碼並刷新博客來查看更改主題對其博客的影響,從而改變主題。

但是,這是開始變得非常嚴重的地方。因為即使您不斷檢查以查看每次更改都會進行哪些更改,但是如果僅使用一個瀏覽器,或者更糟糕的是使用一個屏幕解析度,則很容易錯過更改!沒錯,在一個瀏覽器中看起來不錯的東西可能實際上在另一瀏覽器中無法工作,而在一個屏幕解析度下看起來不錯的東西在另一屏幕解析度下看起來可能很糟糕。

屏幕解析度問題是這兩個問題中最嚴重的問題,因為大多數瀏覽器都能夠顯示和支持相同的基本功能,但是並非所有監視器都是一樣創建的!您的網站訪問者中的某些人可能正在使用具有較低屏幕解析度的極其老舊的顯示器,而其他網站的訪問者可能會使用具有驚人屏幕解析度的全新顯示器。而且,如果您不太謹慎,那麼新的博客可能會在其他顯示器上看起來很糟糕!

如果您從本文中學到的一課應該是:

WordPress主題功能取決於主CSS文件中的多行代碼。有時,需要更改幾行代碼才能進行更改。如果您沒有正確正確地更改每一行必要的代碼,那麼幾乎可以肯定會得到意想不到的結果。如果您沒有立即注意到對您的博客有害的任何更改,那麼您可能會忘記再次更改它們。從這一點開始,進一步的更改可能會對您的博客產生巨大影響,並且如果沒有足夠的原始CSS文件備份(每次更改後都會再次創建),那麼您可能會創建一個災難性的博客!

因此,始終進行備份,始終測試每個更改,始終在所有屏幕解析度下查看博客,最重要的是,甚至在開始之前就了解有關WordPress主題CSS文件的更多信息。您的自定義WordPress設計取決於此!

相關文章