是否在2013年菜单项之前添加导航栏中的徽标？

时间：2013-12-16 作者：Mohammad Mursaleen

我正在自定义“二十一三”主题，并希望在菜单项之前的导航栏中添加一个徽标图像，如this link.

我尝试过不同的方法，但没有成功。

希望您能就此提出建议。

2 个回复

最合适的回答,由SO网友:Brad Dalton 整理而成

在2013年&；“十二个孩子”主题。

enter image description here

从您的子主题函数中尝试此操作。php文件。

可以使用各种方法添加图像。

add_filter( \'wp_nav_menu_items\', \'wpsites_add_logo_nav_menu\', 10, 2 );

function wpsites_add_logo_nav_menu( $menu, stdClass $args ){

if ( \'primary\' != $args->theme_location )
    return $menu;


$menu .= \'<nav class="nav-image"><img src="\' . get_stylesheet_directory_uri() . \'/images/header.png" /></nav>\';

return $menu;

}

您的子主题样式的CSS示例。css文件：

.nav-logo {
float: left;
margin-right: 20px;
}

您还需要一些媒体查询，这些查询会因主题而异。

这是2012年的结果：

enter image description here

SO网友:Tornrise

我认为：

.nav-logo {
float: left;
margin-right: 20px;
}

应为：

.nav-image {
float: left;
margin-right: 20px;
}

这就是我的工作。

结束

标签： theme-twenty-thirteen 小码农

是否在2013年菜单项之前添加导航栏中的徽标？

时间：2013-12-16 作者：Mohammad Mursaleen

我正在自定义“二十一三”主题，并希望在菜单项之前的导航栏中添加一个徽标图像，如this link.

我尝试过不同的方法，但没有成功。

希望您能就此提出建议。

2 个回复

最合适的回答,由SO网友:Brad Dalton 整理而成

在2013年&；“十二个孩子”主题。

enter image description here

从您的子主题函数中尝试此操作。php文件。

可以使用各种方法添加图像。

add_filter( \'wp_nav_menu_items\', \'wpsites_add_logo_nav_menu\', 10, 2 );

function wpsites_add_logo_nav_menu( $menu, stdClass $args ){

if ( \'primary\' != $args->theme_location )
    return $menu;


$menu .= \'<nav class="nav-image"><img src="\' . get_stylesheet_directory_uri() . \'/images/header.png" /></nav>\';

return $menu;

}

您的子主题样式的CSS示例。css文件：

.nav-logo {
float: left;
margin-right: 20px;
}

您还需要一些媒体查询，这些查询会因主题而异。

这是2012年的结果：

enter image description here

SO网友:Tornrise

我认为：

.nav-logo {
float: left;
margin-right: 20px;
}

应为：

.nav-image {
float: left;
margin-right: 20px;
}

这就是我的工作。

标签： theme-twenty-thirteen 小码农

小码农CODE

是否在2013年菜单项之前添加导航栏中的徽标？

相关推荐

小码农CODE

是否在2013年菜单项之前添加导航栏中的徽标？

相关推荐