关注VPS服务器
相关知识分享

Avada主题制作header页头/页眉详细过程

Avada主题header网页头部内容如何制作呢?Avada是目前 themeforest上面销量第一的 wordpress主题,所以很多人学习 wordpress建站都会从 avada主题学起。老魏在本文中分享 avada主题制作网页头部 header部分的详细过程,其实也适用于别的wordpress主题制作header页眉

开始动手之前我们先了解下网站页面的基本结构,网页头部也叫页头、页眉、header,指的是网站上面包括logo、导航栏的这部分内容。如下图所示,从 avada的logo图片和导航栏开始向上都属于 header区域,也是我们本文要制作的内容部分。

Avada主题header网页头部

Avada主题header网页头部

选择 header 类型

avada提供多种 header类型供选择。

位于 wordpress后台 avada > options > header > header content 右侧的Select a Header Layout选择一款布局方式。

avada主题选择 header 类型

avada主题选择 header 类型

老魏选择默认的3,而大家常用的包括1,2,3,5都有。

avada主题多种 header 类型可选

avada主题多种 header 类型可选

添加page页面

菜单的具体栏目都是由page页面组成的。新建 home、about us、products、contact这几个页面。这几个名字就是page标题,内容留空,点击publish发布成功。

wordpress添加page页面

wordpress添加page页面

这几个page页面都创建完了是下图这样的。

wordpress添加好的多个page页面

wordpress添加好的多个page页面

建站初期我们先考虑搭建网站框架雏形出来,页面内容先空着以后再补充。

创建menu菜单

  • 在 wordpress后台左侧的栏目中点击 appearance外观 > menus菜单,在 menu name给新菜单起名;
  • 在 pages页面 most recent/view all 勾选要添加的全部page页,点击 add to menu添加到右侧导航菜单栏;
  • 鼠标上下拖动给菜单排序,左右拖动是可以区分主菜单和子菜单;
  • menu settings 默认勾选了 main navigetion 设为主导航菜单,下面的sticky header navigation是设为跟随菜单(也有叫粘性菜单,固定菜单);
  • 右侧点击 save menu保存。
avada主题创建menu菜单

avada主题创建menu菜单

刷新网站首页看到如本文第一张图片所示,导航菜单按照我们的意思显示出来了。

Avada主题制作header网页头部内容就到此结束了,网站设计往往是一个复杂的过程,在设计header的时候还会夹杂着制作首页的操作,但是为了让新手更快速、更容易理解所以老魏分开多篇文章讲解。老魏还发现导航菜单中的 blog 这一条,这条叫做 page title bar,首页显示这个明显是不合理的,怎么处理我们分享到下一篇文章中。

安装 Avada主题前提条件

1、教程使用的国内服务器 1核1g从实际使用来看速度并不快。如果你是学习的话,选择 1核2g配置的服务器起步,如果用 avada主题建站要使用 2核4g配置,这样才能运行流畅。

国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱)

国外服务器:点我登陆 Vultr 主机

不知道如何选择地域、配置请在页面右侧+老魏的联系方式,我们一起研究。

2、如果是学习 Avada主题,那么也可以不用域名,直接用服务器IP当做网站域名使用。

如果是用来建站,那么就要注册域名了。主要用户是老外的话(外贸网站、B2C/C2C等),建议在国外注册,不要在国内注册。打开namesilo官网,在搜索框里输入要注册的域名,选择好之后注册,付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

3、Avada主题。avada主题是themeforest中销量第一的wordpress主题,那里面有上万个国外主题销售,感兴趣可以点我去看看。目前在 themeforest上面这款主题是一次付款终身使用,和别的主题一年一付费的情况相比还是蛮划算的。付费后拿到注册密钥留用。

4、建站面板。老魏在本文中使用了宝塔面板,多亏宝塔的可视化操作界面,部署avada主题才这么快速。点我领取宝塔官方赠送 3188元优惠券礼包。新用户可享受0.99元体验1个月专业版。

5、siteground虚拟主机是 wordpress官方推荐的主机,与 wordpress是天生一对。老魏在实际使用当中发现 siteground虚拟主机上面的 wordpress网站速度、稳定性都很棒,而且在国外测试评分网站的得分也很高,如果你打算长期运行外贸网站,老魏强烈建议选择 siteground虚拟主机。

如果你要做外贸网站,点我打开 siteground去注册一个新账号,开始你的外贸建站之旅吧。

关于 siteground建站的文章:

外贸网站选择Siteground虚拟主机有哪些好处?
如何选购新版 SiteGround 虚拟主机详细图文流程 新手必看
SiteGround 新版控制面板详细介绍及如何使用
更多教程点我直达

本文是全系列中第22 / 22篇:Avada

赞(0) 打赏
允许转载,保留出处:魏艾斯笔记 » Avada主题制作header页头/页眉详细过程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏