导航栏布局优化调整

随着各业务、网站整体页面信息结构的发展和迭代和交互方式的不断更新,导航栏承受了不可承受之重。为了解决冗余信息、功能重叠、通知触达路径过长等问题,咱们的开发团队对导航栏进行了整体优化,下面就来看看都有哪些具体变化~

一级导航

  • 增加首页入口

网站的首页就是一个公司网站的门面,其重要性是可想而知的。优化之前,有很多新用户会比较懵,CSDN 作为一个技术网站,怎么连简单的「首页」都没有?为什么要通过点击CSDN Logo进入「首页」?对新手太不友好了!为了优化用户体验,咱们这次特意添加了「首页」入口,让「首页」更加明显!

  • 增加会员中心入口

之前,咱们的导航栏上是将VIP权益和电子书整合到「VIP会员」下的,找起来相对来说有点曲折。现在,单独增加了「会员中心」入口,位置相对显眼,操作更为便捷。

二级导航

  • 创作中心整合各类型内容发布入口

之前的创作中心仅简单地放置了写文章、发Blink两个功能,大家想要上传资源的话,得先去「下载」频道;想要提问题,得先去「问答」频道……功能相对分散、操作比较麻烦。

而现在,所有类型的内容发布入口都整合到「创作中心」下啦,不仅包括写文章(写博客)、发Blink、提问题(我要提问)、传资源(上传资源)、建项目(入驻CodeChina),还增加了一个「创作活动」入口,咱们网站近期有什么热门征文活动一览无余!点击「查看更多」即可跳转到活动列表页面。

  • 收藏选项下增加已收藏收据

优化之前,只能点击「收藏」,然后直接跳转到「我的收藏」页面;现在,鼠标悬浮在「收藏」上,会显示当前登录账号下所有收藏夹并部分展示各收藏下的内容。

  • 头像下增加个人主页和签到抽奖入口以及会员标识

1、导航栏调整之前,点击「头像」是跳转到「个人中心」页面的;现在点击「头像」,跳转到个人主页;

2、增加「会员标识」,点击后跳转到CSDN会员权益页面;

3、增加「签到抽奖」入口,点击后展示如下:

导航栏改版后常见问题

1、管理博客入口在哪儿?

答:方法有三,一是直接点击「创作中心」;二是点击「创作中心」下的「查看更多」;三是点击「头像」后再点击右上角的「管理博客」。

2、怎么进博客主页?

答:点击导航栏上的头像即可快速进入博客主页(也叫个人主页)。

pdf、word、ppt格式资源支持试读

此前有不少小伙伴吐槽:“下载下来的文档根本不是我想要的,好浪费时间”、“下载下来才知道内容和资源描述不符”……开发小哥哥们星夜兼程,这次,资源试读功能来了!到底怎么用?咱们找个资源试一下~

以“Python3.2.3官方文档(中文版)高清完整PDF”为例,资源展示结果如下:

而后,鼠标悬浮在右侧文档上,点击「全屏」按钮,即可试读!

试读效果

注:图中的94P代表的是该文档共94页,小伙伴们在下载之前千万要记得点击试读,确认该资源确实是自己想要的以免浪费积分哦~另外,目前仅pdf、word、ppt格式资源支持试读。

2020博客之星年度总评选

为感谢博主们一年来的辛勤付出,也为了激励更多人投身到知识分享中,一年一度的豪礼盛宴——“CSDN 2020年度博客之星”总评选活动启动啦!截止到12月31日,本年度原创博文不低于20篇的均可报名!

不仅有MacBook、华为手机、米家扫地机器人、专属定制奖杯等多重豪礼等着你,更有豪华阵容专家评审团助力!年终盛典不可错过!点击直达2020博客之星年度总评选官网!

CSDN年终重榜福利

2020年立下的Flag,攻克了没?laughing——【CSDN2020年度征文活动】,邀请你来聊聊这一年的所遇、所思、所学与所悟!现在点击【投稿】去撰写你的2020年回忆录,记录2020年发生的点点滴滴吧!更有小米手环,保温杯,随机书籍等超多好礼等着您哦~~

写在最后:大家在使用过程中有什么好的建议或意见,欢迎反馈给咱们网站在线客服,我们将不断地砥砺前行,提供更优质的产品、更完善的服务体验给大家!

关注CSDN资讯,第一时间了解更多CSDN产品快讯~

导航栏使用引导、下载资源支持试读、CSDN年终重磅福利来袭……相关推荐

  1. 学完css,做了一个csdn导航栏(一步一步做csdn导航栏,内容满满)

    学完css,做了一个csdn导航栏,内容满满 步骤 1.导航栏框架 2.导航栏左边部分 3.导航栏中间部分 4.导航栏右边部分 5.搜索框聚焦和用户头像简介信息展示 知识点 完整代码 番外:本来打算做 ...

  2. SAP UI5 初学者教程之八 - 多语言的支持试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...

  3. SAP UI5 初学者教程之二:SAP UI5 的引导过程(Bootstrap) 试读版

    Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和"汪子熙"微信公众号上发表过多篇关于 SAP U ...

  4. 微信小程序 自定义导航栏,只保留右上角胶囊按钮

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. navigationStyle 导航栏样式,仅支持以下值: default 默认样式 custom 自定义导航 ...

  5. 试读angular源码第三章:初始化zone

    直接看人话总结 前言 承接上一章 项目地址 文章地址 angular 版本:8.0.0-rc.4 欢迎看看我的类angular框架 文章列表 试读angular源码第一章:开场与platformBro ...

  6. 微信小程序头部导航栏自定义

    微信小程序头部导航栏自定义 参考网址微信开放文档 navigationStyle导航栏样式:仅支持以下值:default默认样式,custom 自定义导航栏,只保留右上角胶囊按钮 配置示例 {&quo ...

  7. 【小程序自定义组件,冒泡,自定义导航栏,页面栈】

    自定义组件 在根目录新建一个components的文件夹----新建一个文件夹post----新建一个compont文件也叫post 创建完之后 post.json就自动配置好了 {"com ...

  8. 微信小程序实现顶部导航栏渐变

    在小程序开发的过程中,会遇到一些页面上的要求,要求实现顶部导航栏的渐变如何实现,因为小程序做了一些封装,下面看看页面的布局图: 如图所示,实际上我们能够操作的页面只有中间那一块,那么,如果客户需要使用 ...

  9. uni-app去掉页面顶部的导航栏

    默认的样式: 配置后的样式: 在pages.json里面进行配置: navigationStyle导航栏样式,仅支持 default/custom.custom即取消默认的原生导航栏 "ti ...

最新文章

  1. android 布局翻页,安卓APP_ 布局(8) —— 基于 RecyclerView 的 ViewPager2翻页
  2. Visual Studio 2008 可扩展性开发(九):总结篇
  3. 服务器流量异常排查步骤(查看进程的流量)
  4. 四年C++老炮,转攻Python实践分享
  5. 这是小小本周的第六篇,本篇小小将会介绍一个很古老很古老很古老的为什么系列之不能重写service方法。...
  6. Centos7安装、卸载、使用Docker
  7. ubuntu下谷歌开源的TensorFlow Object Detection API的安装教程
  8. java 多列 统计_java – 如何计算多列(colspan)HTML表的宽度?
  9. java可视化编程软件有哪些_几款Java开发者必备常用的工具,准点下班不在话下...
  10. 三菱PLC编程软件Work2的FB块加密后的解密方法
  11. psp c语言编程软件,PSP2000自制系统3.03OE-C如何傻瓜安装及系统测试
  12. 航空公司客户价值分析的实验报告
  13. google地图瓦片地址
  14. 第二章--第二节:注释
  15. Scala 与设计模式(四):Factory 工厂模式
  16. 两个60后大叔的新能源战争:王传福与曾毓群的万亿赌局
  17. 【WCN685X】WCN6856 5G吞吐量测试只有25Mbps问题原因分析及解决方案
  18. MATLAB: 2018a百度云资源、迅雷资源、安装步骤
  19. console常用方法
  20. matlab狐狸与野兔数学模型,狐狸与兔子数学模型的论文.doc

热门文章

  1. 算法不会,尚能饭否之树(1)
  2. 数论之神 HYSBZ - 2219 (原根+指标+bsgs+crt+exgcd+思维)
  3. 对AUTOCAD软件的一些配置
  4. CTreeCtrl::HitTest
  5. ADO Connection failure
  6. Ubuntu中Lamp的一些配置
  7. 看看什么样的人适合网上开店( 转载)
  8. PaddlePaddle常用镜像
  9. [LibTorch Linux] 各版本 LibTorch 下载
  10. [SSH] Permissions 0644 for ‘.ssh/id_rsa‘ are too open.