将标志添加到果园主题页面

Question

目前我正在为果园网站创建主题，并且需要将徽标图像添加到页面。我的要求是将徽标图像显示在与导航菜单相同的级别上。

LOGO   Home | Blog | About Us 

我可以将LOGO图像添加到标题区域并使用css使其显示在导航区域的同一水平面上，或者将LOGO图像添加到导航区域。什么才是正确的方式呢？

Answer 1

您想在您的<header>区域的顶部添加您的徽标，并使用CSS使徽标与您的<nav>区域内联。您的导航菜单中已经有一个主页链接，因此不建议您在同一个导航菜单中重复您徽标上的链接（假设您将徽标链接到主页）。

<header> 
<a href="home"><img src="logo"></a> 
    <nav> 
     <ul> 
     ... 
     </ul> 
    </nav> 
</header>