徽标未显示在菜单中

时间:2017-06-20 18:42:52

标签: php html css wordpress

在我的WordPress菜单中,我有一个设置为第一个列表项的徽标。它在主页上显示正常,但在所有其他页面上它没有显示。这是因为主页上的图像的URL与所有其他页面不同。查看图片以便更好地理解。 what I currently have the url set to. Url on pages other than home page 正如您所看到的,在主页以外的页面上,正确的URL应该包含页面slug。我不确定如何将slug放入我菜单上的当前url。提前谢谢!

    <?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Revived_Furnishings
 */

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="site">
    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'revivedfurnishings' ); ?></a>

    <header id="masthead" class="site-header" role="banner">

        <nav id="site-navigation" class="main-navigation" role="navigation">

        <img class="mobile-logo" src="wp-content/themes/revivedfurnishings/images/logo.jpg">

            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( '', 'revivedfurnishings' ); ?>Menu</button>
            <?php wp_nav_menu( array( 'theme_location' => 'menu-1', 'menu_id' => 'primary-menu' ) ); ?>
        </nav><!-- #site-navigation -->
    </header><!-- #masthead -->

    <div id="content" class="site-content">

2 个答案:

答案 0 :(得分:0)

我不确定您为什么要将徽标作为菜单项。最好将它直接放在header.php文件中。但是,如果您不习惯编辑wordpress主题,那么您只需在图像src的开头添加/即可。这意味着URL src将被视为根路径,不会附加到当前页面URL的末尾。

<img class="logo" src="/wp-content/themes/revivedfurnishings/images/logo.jpg"> 

更新: 这应该允许您在标题导航中添加徽标。我在这里做的是将'container' => false参数添加到wp_nav_menu函数中,因此它不包含<ul></ul>包装器。然后,您可以添加自己的<ul></ul>包装并添加自己的链接/ img。

<ul>
<li><a href="/"><img class="logo" src="<?php echo get_template_directory_uri(); >/wp-content/themes/revivedfurnishings/images/logo.jpg"></a></li>
<?php wp_nav_menu( 
  array( 
    'theme_location' => 'menu-1', 
    'menu_id' => 'primary-menu', 
    'container' => false 
  ) 
); ?>
</ul>

答案 1 :(得分:0)

在wordpress中你sholud给出了像这样的图像路径:

<img src="<?php bloginfo("template_url"); ?>/image_folder_name/image.jpg" alt="image" />

无需提及&#34; wp-content / themes / revivedfurnishings&#34;