header
页头的主菜单要分为桌面菜单和移动菜单来设计,可响应式实现。主菜单的右侧放 Sign In 按钮,中间放主菜单导航,不在主菜单顶部放搜索栏,很难看。
当缩小屏幕移动菜单出现时,要将主菜单隐藏,并在左侧出现汉堡菜单,这时可将网站 logo 居中放置。
当你的主菜单项特别少时,才可以将主菜单项放在右侧,然后在左侧靠近 logo 的地方放一个搜索栏。即使放了这个搜索栏,也可在点击时让其弹出一个浮动层,来定制搜索。
比如提供一些常用项搜索。
main
接下来在首页的第一个区域可放置搜索栏。
下面放数据驱动的区块
-
Latest Products
-
Featured Products
-
Latest Posts
-
Join the Community 邮件列表
footer
sidebar
sidebar 一般出现在次级存档页和详情页,当详情页内容特别长时,可能希望将 sidebar 订住。