企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站开发

Website development

如何添加一个额外的二级菜单标志

发布时间:2017-01-11 10:56:00

TAGS:网站开发

How to Add a Logo to Extra’s Secondary MenueDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不久前,我创建了我们的第一次额外的类别布局包。的反应是巨大的,所以我开始在我的下一个工作:一个视频博客一个品类的布局。在这个过程中创造出来的我意识到我在演示现场的东西可能是一些社区还想知道怎么做。如何添加一个标识,额外的二级菜单(隐藏主菜单共)。
eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联


eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 概念与启示eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

hulu-inspirationeDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我的想法在寻找有趣的视频网站借鉴的启示。我真的很喜欢Hulu网站有一个很不显眼的,小的菜单在他们的网页上得到游客的权利为自己的内容–这都是每个人想要的吧!eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我很快意识到这只是一个小小的改变可以额外有非常相似的外观。这里的如何!eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联


eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 准备你的设计元素eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在本教程中你可能会需要一个较小的版本,你的标志。我用我的例子是由25px 190px尺寸。你甚至可以选择去比,取决于你的标志,它看起来像什么不同尺度。
eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一旦你创建了这个版本的你的标志,你会想把它上传到你的网站,那么你很容易接触到后来。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联


eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如何添加一个额外的二级菜单标志eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你要做的第一件事是隐藏你的主菜单。在你的WordPress管理员桌面主题选项>向下滚动一般标签直到你的自定义CSS面板。
eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

复制并粘贴以下CSS有:eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

<trans data-src="#main-header {display: none;}#main-header-wrapper {display: none;}" data-dst="#主要标题{显示:无;} #主要头包装{显示:无;}">#主要标题{显示:无;} #主要头包装{显示:无;}</trans>eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

点击绿色的“保存更改”按钮,并刷新你的网站的前端。如果您的所有其他设置仍然是默认的,你的头现在可能看起来像这样。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

extra-secondary-menu-logo-beforeeDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

下一步,去Theme Customizer > Header & Navigation Settings > Header Elements Settings和未勾选框旁边的“显示趋势吧”。点击蓝色的“保存并发布“退出前的主题定制按钮。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在是时候去创造你的实际菜单外观&#62;菜单。开始的时候,点击蓝色的链接文本”创建一个新的菜单”。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

名称菜单任何你喜欢的,一定要勾选复选框在屏幕底部的“菜单设置”,这个菜单将显示为次级菜单下。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在你可以用所有你想要显示的链接有填充你的菜单。在我的例子中,我添加了我所有的类别有。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

后,添加一个自定义链接。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在URL字段中简单地把你的网站的主页域名。这,毕竟,成为你的“家”按钮。然后,在导航标签领域的地方下面一行HTML。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

<span><img src="YOUR LOGO IMAGE LINK"></span>eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

替换文本“链接”从媒体库您的徽标图像文件的链接标志形象。如果你不确定如何去连接,去图书馆媒体&#62;和你的logo图片点击。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

logo-image-linkeDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当附件细节模态弹出你会在地址栏看到URL。复制粘贴到指定空间中的HTML代码上面。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当您的自定义链接完成,节省您的菜单和刷新你的网站的前端。你现在应该有一个苗条的,小的标题您的徽标放在额外的二级菜单。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

extra-secondary-menu-logo-finaleDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

其他额外的教程都是你所感兴趣的?eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联


eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我知道我们小区里有一吨的热情额外的用户提供各种额外的具体教程和免费的请求。这是你的要求,让他们加入到我们的内容生产队列的机会!让我们知道在下面的评论中你想我们未来的盖,我乐意把它写下来,然后把它写在未来的职位。eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

download divieDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

弥敦是一个职业作家和数字出版商。他的作品存在于宇宙学,人类学,心理学,交叉比较神话学,讲故事和WordPress。很奇怪,对吗?eDC北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7041,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号