打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何制作纯文本的Product导航栏

如果你的产品种类特别多,不是特别的聚焦,比如:你既做花园灯,又做割草机,你的产品定位不是某一类产品而是整个花园的产品,这个时候,你很难找到一个有商业价值的关键词来涵盖所有产品。

因此,在此种情况下,专门做一个'Product'的页面对关键词排名并没有太大意义,最多只能起到展示的作用。但专门做一个'Product'的页面,其实挺浪费时间的,所以这种项目。我一般不推荐专门做一个'Product'的页面。

但是,你的导航需要有一个'Product'导航栏来引导所有的产品,而在这个时候,你就需要纯文字的导航:当用户的鼠标放到'Product'时,是点击不进去的,但是会直接下拉细分的产品。这样,既达到了引领细分产品的目的,又节省了我们的时间,那么怎么设置呢?

Step 1:

进入我们的网站后台,找到 Appearance > Menus

Step 2:

在“Select a menu to edit” 中找到 “Main Menu (Primary Menu)”,点击“Select”。

Step 3:

点击一级导航“Product”,点击下方的“Remove”,将原本的一级导航给删除。

Step 4:

点击左侧的“Custom Links”,在URL处写上“#”,在Link Text处写上“Product”,然后点击“Add to Menu”添加至导航。

Step 5:

将页面滑到最低下找到我们新添加的“Product”导航,将其拖拽导航的最上方,然后根据你之前设定好的“Product”导航内容将下面二级,三级导航内容拖拽到“Product”的后下方。

Step 6:

点击“Product”,并删除URL里的“#”。

Step 7:

点击网页右下角的“Save Menu”保存设置,这样你的纯文本的导航就做好了,回到你的首页去看看吧~

如果你在设置纯文本导航的过程中遇到有什么问题,

你可以在后台私信小汪,小汪会及时为你的疑问做出解答的。

关注小汪,带你从零开始学习建站推广知识~

THE

END

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
UI设计中不可错过的网页设计技巧,盛星远创
CSS中如何正确的使用id和class
如何为选取文本设置分栏?
android如何在系统导航栏旁显示menu按键
使用WordPress搭建一个简单的外贸网站全过程图示教程 | DIYzhan.com
如何自定义?prestashop?布局
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服