使用自定义设置在WordPress中创建移动导航标题

Question

我试图弄清楚如何在WordPress中创建仅针对移动设备显示的标头，以及如何从仪表板设置区域修改该标头的属性。

我假设我应该使用wp_is_mobile();函数来测试移动设备。关于如何在WordPress中实现这一点，我只是有点绿色。我的主要问题如下：

1. 我相信我需要挂钩wp_head或activate_wp_head动作 钩，这是对的吗？
2. 我想在仪表板中设置背景和字体颜色的颜色 设置区域。我该怎么做呢？
3. 这是一个插件吗？这是一个功能吗？这个问题是关于 我应该使用的术语。
4. 最后一个问题，我应该把这段代码放在哪里？我确定它取决于 以前的几个答案，这就是我最后一次问的原因。

感谢您的帮助。我不需要特定的代码，我只需指向正确的方向。

Answer 1

您应该能够通过替换来完成您在移动专用标头方面所寻找的内容：

<?php get_header(); ?>

用这个：

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

在您希望拥有移动专用标头的文件中。您需要在主题目录中的header-mobile.php中创建自定义标题。

在WordPress Codex上详细了解get_header()：http://codex.wordpress.org/Function_Reference/get_header。请在WordPress Codex上详细了解wp_is_mobile()：http://codex.wordpress.org/Function_Reference/wp_is_mobile。

在使用主题自定义API（允许您在wp-admin中设置背景和字体颜色的颜色）方面，我建议您在此处阅读WordPress Codex：http://codex.wordpress.org/Theme_Customization_API

对于Theme Customization API，您应该在functions.php文件中添加该代码。

正确的术语完全取决于你正在做什么，但听起来你只需要编写一些函数，不需要插件。

希望这有帮助！

Answer 2

我认为U应该使用@media，例如：

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