2014-10-06 69 views
0

我想弄清楚如何在WordPress中創建僅顯示移動設備的標題,以及如何從儀表板設置區域修改該標題的屬性。使用自定義設置在WordPress中創建移動導航標題

我假設我應該用wp_is_mobile();功能來測試移動進行。關於如何在WordPress中實現這一點,我只是略顯綠色。我的主要問題如下:

  1. 我相信我需要掛接到wp_head或activate_wp_head行動 掛鉤,這是正確的?
  2. 我想爲儀表板 設置區域中的背景和字體顏色設置顏色。我如何去做這件事?
  3. 這是一個插件嗎?它是一個函數嗎?這個問題是關於我應該使用的 術語。
  4. 最後一個問題,我應該在哪裏放這個代碼?我相信這取決於 幾個以前的答案,這就是爲什麼我最後問它。

感謝您的幫助。我不需要特定的代碼,我只需要指出正確的方向。

回答

1

您應該能夠通過更換來完成你的移動特定的頭方面找什麼:

<?php get_header(); ?> 

與此:

<?php 
if (wp_is_mobile()) : 
    get_header('mobile'); 
else : 
    get_header(); 
endif; 
?> 

在文件中您想要具有移動特定標頭。您需要在主題目錄中的header-mobile.php中創建自定義標題。

在WordPress的法典在這裏瞭解更多關於get_header()http://codex.wordpress.org/Function_Reference/get_header。閱讀更多關於wp_is_mobile()在這裏的WordPress Codex:http://codex.wordpress.org/Function_Reference/wp_is_mobile

在使用主題定製API,它允許您設置背景和字體顏色的顏色在wp-admin而言,我建議在WordPress的法典讀了這裏:http://codex.wordpress.org/Theme_Customization_API

爲主題定製API,你應該在functions.php文件中添加該代碼。

正確的術語是完全取決於你在做什麼,但它聽起來像你只需要編寫一些功能,無插件需要。

希望這會有所幫助!

+0

此外,正如需要指出的那樣,緩存可能會導致無法正常工作(標頭的'wp_is_mobile()'部分)。 – michaelrmcneill 2014-10-06 22:18:26

+0

好的。感謝您的全面迴應!這可以在不修改內置代碼的情況下完成,因爲如果我想要在多個站點上執行它,而無需更改許多可能具有自定義設置的不同文件? – Vap0r 2014-10-06 22:38:36

+0

@ Vap0r你究竟是什麼意思?你想在多個不同的主題上做到這一點? – michaelrmcneill 2014-10-07 00:14:13

-1

我覺得你應該使用@media,例如:

@media (max-width: 767px) { 
.menu { 
    margin-left: 0; 
    height: 100px; 
} 
+0

這並不回答OP的任何問題。 – michaelrmcneill 2014-10-06 22:10:31

+0

@media(max-width:767px){ .menu {display:none; } 。移動菜單{display:inline; } – 2014-10-06 22:12:49

+0

這仍然不能回答這個問題。 – michaelrmcneill 2014-10-06 22:13:15

相關問題