在主菜单下的标题中添加徽标

时间:2013-01-05 21:25:05

标签: css wordpress menu header graphical-logo

感谢您花时间阅读本文。我的头衔几乎总结了我遇到的问题。通常我会摸索这些类型的东西,但最终会以错误的方式完成,因此我的网站最终会出现问题。我正在努力学习编码所有内容的正确方法,让它变得干净整洁。

这是我正在使用的WordPress模板。这是我site的链接。我已经设置了一个儿童主题,就像目前为止大多数情况一样,除了我想在“menu-primary”下的所有页面上放置一个网站徽标“因为它在标题中被称为。在页面的左上角是我的网站标题和我的网站标语或者你称之为的地方。下面是我的菜单(menu-primary),所有提到的都属于标题。我的模板不允许我在设置或自定义项的标题中插入徽标。我想在菜单部分正下方的页面中间插入一个站点徽标。我想我应该可以点击我的主页或其他东西并确保它是有效的XHTML clickable header image?我不确定这是不是一个坏主意或不看,因为网站标题将链接回主页。在我的所有页面上有两个指向同一位置的链接是不是很糟糕?我这样假设。我猜我真的不需要图像链接。

有没有人可以帮我解决这个问题?我感谢所有的投入。这个网站在教我基础知识方面非常有帮助。我知道如何在这里做我想做的事,但我担心他们都不是正确的方法。再次感谢!

这是header.php:

<?php
/**
 * Header Template
 *
 * The header template is generally used on every page of your site. Nearly all other templates call it 
 * somewhere near the top of the file. It is used mostly as an opening wrapper, which is closed with the 
 * footer.php file. It also executes key functions needed by the theme, child themes, and plugins. 
 *
 * @package Save for Web
 * @subpackage Template
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php bloginfo( 'charset' ); ?>" />
<title><?php hybrid_document_title(); ?></title>

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="all" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

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

</head>

<body class="<?php hybrid_body_class(); ?>">

    <?php do_atomic( 'open_body' ); // saveforweb_open_body ?>

    <div id="container">

        <?php do_atomic( 'before_header' ); // saveforweb_before_header ?>

        <div id="header">

            <div class="fixed">

                <?php do_atomic( 'open_header' ); // saveforweb_open_header ?>

                <div class="wrap">

                    <div id="branding">
                        <?php hybrid_site_title(); ?>
                        <?php hybrid_site_description(); ?>
                    </div><!-- #branding -->

                    <?php get_template_part( 'menu', 'primary' ); // Loads the menu-primary.php template. ?>

                    <?php get_sidebar( 'header' ); // Loads the sidebar-header.php template. ?>

                    <?php do_atomic( 'header' ); // saveforweb_header ?>

                </div><!-- .wrap -->

                <?php do_atomic( 'close_header' ); // saveforweb_close_header ?>

            </div><!-- .fixed -->

        </div><!-- #header -->

        <?php do_atomic( 'after_header' ); // saveforweb_after_header ?>

        <?php do_atomic( 'before_main' ); // saveforweb_before_main ?>

        <div id="main">

            <div class="wrap">

            <?php do_atomic( 'open_main' ); // saveforweb_open_main ?>

这是menu-primary.php:

<?php
/**
 * Primary Menu Template
 *
 * Displays the Primary Menu if it has active menu items.
 *
 * @package Save for Web
 * @subpackage Template
 */

if ( has_nav_menu( 'primary' ) ) : ?>

    <?php do_atomic( 'before_menu_primary' ); // saveforweb_before_menu_primary ?>

    <div id="menu-primary" class="menu-container">

            <?php do_atomic( 'open_menu_primary' ); // saveforweb_open_menu_primary ?>

            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu', 'menu_class' => '', 'menu_id' => 'menu-primary-items', 'fallback_cb' => '' ) ); ?>

            <?php do_atomic( 'close_menu_primary' ); // saveforweb_close_menu_primary ?>

    </div><!-- #menu-primary .menu-container -->

    <?php do_atomic( 'after_menu_primary' ); // saveforweb_after_menu_primary ?>

<?php endif; ?>

1 个答案:

答案 0 :(得分:1)

为您生成菜单的功能很可能是wp_nav_menu。因此,第一步是找出它在模板源代码中的位置。也许在header.php中。确保它的参数显示为“theme_location =&gt;'menu-primary'”,以便您拥有正确的菜单,以防您的模板有多个。

接下来,复制此代码并将其粘贴到下面:

<a href="<?php bloginfo( 'url' ); ?>"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/..." alt="" title="" /></a>

您必须调整src = ...部分,使其与标题图片的网址匹配。