新闻发布
管理系统不久前,我创建了我们的第一次额外的类别布局包。的反应是巨大的,所以我开始在我的下一个工作:一个视频博客一个品类的布局。在这个过程中创造出来的我意识到我在演示现场的东西可能是一些社区还想知道怎么做。如何添加一个标识,额外的二级菜单(隐藏主菜单共)。
概念与启示
我的想法在寻找有趣的视频网站借鉴的启示。我真的很喜欢Hulu网站有一个很不显眼的,小的菜单在他们的网页上得到游客的权利为自己的内容–这都是每个人想要的吧!
我很快意识到这只是一个小小的改变可以额外有非常相似的外观。这里的如何!
准备你的设计元素
在本教程中你可能会需要一个较小的版本,你的标志。我用我的例子是由25px 190px尺寸。你甚至可以选择去比,取决于你的标志,它看起来像什么不同尺度。
一旦你创建了这个版本的你的标志,你会想把它上传到你的网站,那么你很容易接触到后来。
如何添加一个额外的二级菜单标志
你要做的第一件事是隐藏你的主菜单。在你的WordPress管理员桌面主题选项>向下滚动一般标签直到你的自定义CSS面板。
复制并粘贴以下CSS有:
<trans data-src="#main-header {display: none;}#main-header-wrapper {display: none;}" data-dst="#主要标题{显示:无;} #主要头包装{显示:无;}">#主要标题{显示:无;} #主要头包装{显示:无;}</trans>
点击绿色的“保存更改”按钮,并刷新你的网站的前端。如果您的所有其他设置仍然是默认的,你的头现在可能看起来像这样。
下一步,去Theme Customizer > Header & Navigation Settings > Header Elements Settings和未勾选框旁边的“显示趋势吧”。点击蓝色的“保存并发布“退出前的主题定制按钮。
现在是时候去创造你的实际菜单外观>菜单。开始的时候,点击蓝色的链接文本”创建一个新的菜单”。
名称菜单任何你喜欢的,一定要勾选复选框在屏幕底部的“菜单设置”,这个菜单将显示为次级菜单下。
现在你可以用所有你想要显示的链接有填充你的菜单。在我的例子中,我添加了我所有的类别有。
后,添加一个自定义链接。
在URL字段中简单地把你的网站的主页域名。这,毕竟,成为你的“家”按钮。然后,在导航标签领域的地方下面一行HTML。
<span><img src="YOUR LOGO IMAGE LINK"></span>
替换文本“链接”从媒体库您的徽标图像文件的链接标志形象。如果你不确定如何去连接,去图书馆媒体>和你的logo图片点击。
当附件细节模态弹出你会在地址栏看到URL。复制粘贴到指定空间中的HTML代码上面。
当您的自定义链接完成,节省您的菜单和刷新你的网站的前端。你现在应该有一个苗条的,小的标题您的徽标放在额外的二级菜单。
其他额外的教程都是你所感兴趣的?
我知道我们小区里有一吨的热情额外的用户提供各种额外的具体教程和免费的请求。这是你的要求,让他们加入到我们的内容生产队列的机会!让我们知道在下面的评论中你想我们未来的盖,我乐意把它写下来,然后把它写在未来的职位。
弥敦是一个职业作家和数字出版商。他的作品存在于宇宙学,人类学,心理学,交叉比较神话学,讲故事和WordPress。很奇怪,对吗?