在顶栏

时间:2016-08-18 10:51:14

标签: php html css wordpress woocommerce

我有这个代码,允许我在主标题菜单中显示登录的客户。

我想要的是更改标题中的位置(或位置)(不在菜单中),以更改菜单中显示的用户名的颜色和链接网址。

这是我用来在菜单中显示它的代码:

add_filter( 'wp_nav_menu_items', 'my_custom_menu_item');
function my_custom_menu_item($items)
{
    if(is_user_logged_in())
    {
        $user=wp_get_current_user();
        $name=$user->display_name; // or user_login , user_firstname, user_lastname
        $items .= '<li><a href="">'.$name.'</a></li>';

    }
    return $items;
}

这是生成的标题顶栏HTML代码,我希望在迷你购物车的右边:

<div id="top-header">
    <div class="container clearfix">
        <div class="et-info"></div>
        <div class="et-secondary-menu">
            <div class="et-duplicate-social-icons"></div>
            <a class="et-cart-info" href="#"></a>
        </div>
    </div>
</div>

我怎样才能做到这一点?

由于

1 个答案:

答案 0 :(得分:1)

是的,可以使用 header.php 主题文件中的功能:

function topbar_logged_user( $link = '#' ) {

    // get the currect user
    $cur_user = wp_get_current_user(); // $cur_user->display_name (or user_login , user_firstname, user_lastname)

    // loggin users only
    if ( $cur_user->exists() )
        echo '<a class="user-topbar" href="' . $link . '">' . $cur_user->display_name . '</a>';
}

此代码用于活动子主题(或主题)的 function.php 文件或插件文件中。

header.php 活动子主题文件(或活动主题)

<div id="top-header">
    <div class="container clearfix">
        <div class="et-info"></div>
        <div class="et-secondary-menu">
            <div class="et-duplicate-social-icons"></div>
            <a class="et-cart-info" href="#"></a>
            <?php function topbar_logged_user( 'your_link_in_here' ); ?>
        </div>
    </div>
</div>

在您的活动子主题(或主题)的 style.css CSS文件中,您可以添加以下内容:

a.user-topbar {
    color: #999;
    margin-left: 10px;
    display: inline-block;
}

您可以添加/更改自定义CSS规则以满足您的需求。

这应该有用