独立站装修之页眉设置

该文章可以解决如下问题: 1.为什么我修改了菜单颜色,但是没有菜单颜色并没有变化?2.为什么页面顶部被页眉挡住了,看起来很混乱?3.为什么开启了透明页眉、固定页眉,但是页面不生效?…… 页眉就是页面顶部,通常用来放logo,菜单,搜索框等内容。 页眉一般是作为页面部件形式存在,独立于页面本身。只需要设置一次,其它页面就可以直接使用了,不需要每个页面分别设置。 进入页面管理界面 管理员账号登录网站,然后回到网站首页(直接访问你的网址打开的页面就是首页),从Customize(自定义)进去,点开“页眉”,如下图,就可以对页眉进行各种设置了: 在WordPress系统+Astra主题中,页眉内容区域被划分成三行,从上至下,分别叫:页眉上方,主页眉,和页眉下方,每一行又被分为三列。我们可以把logo,菜单,搜索框等内容放到上面的任何位置,通过鼠标即可任意拖拽实现排版。 页眉的具体形式 页眉又分三种形态,分别是:传统页眉、透明页眉和固定页眉。 传统页眉 在设置页眉内容的时候,如果没有特别说明,那么设置的就是传统页眉的效果。传统页眉会出现在页面顶部,相当于拼接在页面顶部。 透明页眉 透明页眉和传统页眉不同,它不是拼接在页面顶部,而是覆盖在页面顶部。正是这种原因,经常会有朋友纳闷,为什么页面顶部的内容被页眉遮挡了? 解决方案非常简单,那就是在主页面顶部必须留出空地。留出空地一般可以用内边框来实现,假设你的透明页眉高度是100,那么你主页面顶部的内边框就可以设置120,反正大于透明页眉的高度即可。 如果要设置透明页眉以及透明页眉上的元素样式,直接点击上图2部分的“透明页眉”进去即可。具体细节就不说了,大家都是文化人,都认识字。 特别注意 Design 选项卡里面的内容,一定要仔细看看,菜单,子菜单,搜索等图标和文本的颜色,都是在里面设置。 固定页眉 滚动页面的时候,某些网站的页眉一直悬浮在顶部,这就是固定页眉。我们在设置页眉上的元素比如菜单、logo的时候,如果前面有“Sticky”这个词,那么就说明设置的效果在固定页眉上生效。 如果要设置固定页眉相关参数,可以点击上图2部分的“固定页眉”进行设置。我们可以设置哪些页面采用固定页眉,可以设置固定页眉是否在桌面、平板、手机端显示,为固定页眉设置另外一个logo等,更多内容请自行探索。 页面级设置透明页眉和固定页眉 上面的方法可以批量设置页面是否开启固定页眉、透明页眉,我们还可以进行页面级设置,让某些页面不受上述设置的影响。要设置某个页面,就编辑某个页面,进入编辑状态后点击右上角三个点,然后选择“Astra设置”,然后再选择“高级设置”,如下图,即可设置该页面是否开启固定页眉、透明页眉了。 如果我们选择“继承”,那么前文中的批量设置对该页面生效。 这篇文章到此为止,如果大家有什么疑问,欢迎留言交流。

独立站装修之页眉设置 Read More »

独立站装修 独立站设置