如何讓現有的WordPress主題響應？

Question

我有一個網站，我已經應用了一個WordPress主題。但它無法響應，無法在移動設備和其他手柄上正確查看。那麼有沒有什麼辦法可以使現有的應用主題響應？提前致謝。

Answer 1

當然，你可以使它響應。

但是，它可以是一點點的工作。您正在改造現有的建築物。

這裏有一些事情我做：

設置CSS斷點

查看更多在這裏：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/>這基本上設置更改CSS在對應於不同的不同的屏幕寬度的能力設備屏幕寬度。

基本上，您可以通過修改CSS來對現有的網站佈局/外觀做出許多魔術。

隨着修改佈局，你可以從基本樣式表中拉出花哨的CSS3東西（裝飾），只顯示在較大的尺寸。

還有很多可以說這個。 CSS是一門藝術。

可以使用自適應網頁測試插件，這是真的很酷：http://wordpress.org/plugins/responsive-page-tester/

使響應

好的圖片，還有的是一噸講的這個在過去幾年中，但是這似乎爲我工作。使用http://responsiveimg.com/（是否有WP插件使用這個呢？不確定。）你可以看看http://wordpress.org/plugins/simple-responsive-images/。我喜歡http://responsiveimg.com/，因爲我可以看到，它真的取代了適當大小的血腥圖像。

您不僅需要關注的外觀，還要關注頁面的重量。

如果您需要更改圖像大小以匹配您希望的斷點，您需要重建圖像。這個插件是美妙的兩個重建圖像，並設置大小：http://wordpress.org/plugins/simple-image-sizes/

選擇的隱藏或顯示的東西

你可以使用這個插件，可以讓你使用簡碼隱藏或移動/桌面秀的東西：http://wordpress.org/plugins/wp-mobile-detect/。如果技術更加強大，則加載此插件可讓您使用https://code.google.com/p/php-mobile-detect/，並且您可以訪問那裏的所有功能。 （見http://www.lukew.com/ff/entry.asp?1392）。無論如何，如果您使用這些功能，您可以在模板級隱藏/顯示，而不僅僅是編輯窗口級別。

轉換菜單的移動友好的一個在手機大小

在一定breakpiont，你需要摺疊菜單。這個支付的人可能適合你：http://labs.sevenspark.com/UberMenu。你也可以試試這個：http://wordpress.org/plugins/responsive-select-menu/。這真的很好。

調整大小的視頻

這裏：http://wordpress.org/plugins/fitvids-for-wordpress/

或者，只是服務於不同的主題完全

WP Touch Pro的是偉大的 - http://www.bravenewcode.com/wptouch/。它有一個很大的違約音。

優點：

• 從移動開始「從無到有」，而不是試圖改造一個潛在的沉重桌面網站到您的移動
• 適合這個職位，你需要
• 取的優勢變化大量的移動代碼和設計一直爲你

缺點做：

• 它可能有完全不同的「看」比你目前的網站
• 自定義功能，如自定義文章類型或特殊主題代碼不會在那裏，並且將不得不重新創建或冷落

Answer 2

如果主題不是「響應式」，那麼就沒有開關讓它響應。

要使主題「響應式」需要有關使主題響應的一般知識。

通常，如果頁面的格式可以根據給定的查看窗口進行調整，則主題歸類爲響應。這要麼通過用戶調整瀏覽器大小，要麼用戶在不同大小的設備（如手機）上查看頁面。

要理解如何在一般意義上實現這一點，特別是爲WordPress，將需要一個更具體的問題。

要對WordPress主題進行任何更改，首先您必須瞭解WordPress主題結構以及WordPress模板層級。

希望這有助於指出你在正確的方向。

Answer 3

一個簡單的建議讓WordPress主題響應：

首先，您可能會發現一些與您現有主題相匹配的響應式WordPress主題，然後您可能會改進一些影響您的外觀的變化。

這是您可以嘗試的第一個解決方案，因爲它比第二個解決方案簡單。如果它不適合你，那麼你可以繼續改變CSS，以便通過創建一個子主題來響應。