AstraAddon插件(AstraPro套餐):增强了Astra主题的外观选项配置,包括颜色、背景、字体、博客、菜单、导航、返回顶部和商店的增强配置。
PremiumStarterTemplates插件(EssentialBundle套餐):提供了付费的网站模板,可以帮助用户快速建立具有专业外观和功能的网站。
快速加载速度:AstraPro主题是一个轻量级主题,因此加载速度非常快,这有助于提高用户体验和SEO排名。
设计灵活性:AstraPro主题提供了多种设计选项,可以轻松自定义网站的外观和感觉,包括颜色、布局、字体等。
响应式设计:AstraPro主题是响应式设计的,可以自适应各种设备尺寸,包括桌面、平板电脑和移动设备。
SEO友好:AstraPro主题使用标准的HTML和CSS代码,这有助于提高网站的SEO排名。
2、转到外观>主题,然后点击添加新。
3、搜索“Astra”,找到Astra主题并点击安装,然后点击启用。
5、在AstraPro插件的设置页面,输入您的许可证密钥以激活插件。
AstraPro提供了许多预制的网站模板,可以帮助您快速搭建网站。要导入预制网站,请按照以下步骤操作:
或者在插件中心搜索“startertemplates”安装免费版本的,认准作者是BrainstormForce。免费版本就没有付费的主题选择。
2、外观-StarterTemplates
3、点击“BuildYourWebsiteNow”
3、浏览预制网站库,选择一个模板并点击预览。右上角标有PREMIUM的,是需要安装PremiumStarterTemplates插件才能使用。
4、在预览页面,点击导入网站,然后等待导入过程完成。选中模板后,你可以上传logo和设置它的展示宽度,如果没有logo的话,可以以后再传,我们点击按钮继续。
然后,我们可以选择配色方案与字体,如果现在还拿不定主意,以后也可以再改的,点击按钮继续。
接下来我们静静等待网站导入,不要关闭网页哦。
看到这个界面就安装成功了。
模板导入后,一个欧美风格、内容丰富、功能强大的网站雏形已现,但它还不算是一个真正意义上的外贸网站。接下来,我们会在模板的基础上对网站进行自定义,进一步完善外贸建站。
页眉(Header)是第一个需要自定义的地方,它位于网站的最上方,管理着网站Logo,网站导航,按钮等等,自定义方法如下。
1、转到外观>自定义。
2、点击”SiteIdentity”,然后点击”网站标题和LOGO设置”。可以更改网站的LOGO和站点标题。
往下滑动,我们还可以看到设置副标题和站点图标的地方。站点图标会显示在浏览器标签页里面。
3、使用左侧的菜单栏,浏览各个设置选项,例如布局、颜色、字体、背景等。根据您的需求调整这些设置,并实时预览更改。当您满意设置时,点击发布以保存更改。
在网页设计中,固定导航是一种非常常见的做法,将导航菜单固定到网页顶部,不管访客滚动到哪一屏,都可以轻松点击到菜单上的链接,接下来说下如何在Astra主题中设置固定头部导航栏
打开外观–Astra选项,开启固定页头模块
然后打开自定义选项,依次进入页头–StickyHeader
首先,通过“Customize”进入自定义编辑页面,找到页脚生成器的编辑框。
然后,点击页脚里的Widget小工具,依次替换里面的内容,可以是文字说明,也是网站链接。
AstraPro提供了丰富的布局和颜色选项。要配置这些选项,请按照以下步骤操作:
1、转到外观>自定义>全局。
2、选择您想要配置的全局部分,例如字体样式、颜色、容器、按钮等设置。
3、根据您的需求调整设置。
要设置导航菜单,请按照以下步骤操作:
1、转到外观>菜单。
2、点击创建新菜单,为菜单命名,然后点击创建菜单。
3、使用左侧的菜单项选择器,将页面、分类等添加到菜单中。
4、拖动菜单项以调整顺序和层次结构。
5、在菜单设置区域中,选择要显示菜单的位置(如主导航、页眉或页脚)。
6、点击保存菜单以保存更改。
产品页面会用到WooCommerce和Astra的一些自定义选项。首先,找到Store页面,通过快速编辑选项,把它的名字替换成Products。
接下来,通过“Customize”进入自定义选项,找到WooCommerce的产品目录,关闭价格和评级的显示选项。
到这,网站主导航里的Products页面就编辑完了。接下来,我们编辑单个产品页面。首先,找到WordPress后台菜单的产品栏,随便找一个产品进行编辑。
然后,修改产品的标题,URL和详细描述。描述可以使用Elementor修改,能添加很多不同的元素进去,比如表格,图片,图表等可视化元素。
删除产品模板里的价格,产品页面对应的addtocart也会自动删除。
修改产品页面的简短描述,同时还可以在最下面添加一个询盘表单。
删除产品属性,因为详细描述里可以更好的描述产品。
设置产品类别,确认无误后,点击更新按钮,发布产品页面。
最后,在WooCommerce菜单找到设置产品,不允许产品评价,保存修改。
网站首页看上去很复杂,其实有一个捷径可走,那就是拼接Astra的模板。首先,打开首页编辑页面,点击Elementor编辑按钮。
然后,把页面拉到最下方,使用Astra的模板功能,导入LocalBusiness这个模板的首页。
接下来,找到Elmentor页面编辑的导航,把第一个模板里的模块删除后Update。
最后,把新模板里的文字和图片替换成你自己的。因为Elementor是一个可视化页面编辑器,操作很简单,我就不在这逐一演示,如果遇到不会的,可以留言。
网站首页编辑完,其他页面(比如about和contact)都可以用我介绍的这个模板拼接方法来编辑,建站的速度非常的快。
博客页面和上述几个页面的编辑不同,需要去页面选项新建一个Blog页面,完成后发布。
从WordPress仪表板>Astra>AstraPro模块>导航菜单激活插件
如果您想创建超级菜单,您需要为您想要将其子菜单项变成超级菜单的顶级菜单项启用超级菜单功能。
请按照以下步骤执行此操作:
第1步–从WordPress仪表板导航至外观>菜单。
第2步–选择要在其下添加大型菜单的菜单项。
步骤3–展开此菜单项并单击“Astra菜单设置”按钮。
MegaMenuwidth含义:
背景颜色/图像
背景颜色/图像将设置为父菜单的大型菜单框。您可以使用背景重复、背景大小和背景位置等设置来调整背景图像。
覆盖此大型菜单的颜色?
您可以为父菜单的大型菜单框中的菜单项设置颜色。可用选项有文本/链接颜色、文本/链接悬停颜色、列分隔线颜色。
突出显示标签
spacing
您可以为菜单项设置Margin和Padding。
通常情况下,我们在一级菜单目录为某一个菜单项目开始MegaMenu设置,对应本文的Products菜单项目。
在一级目录项目下面添加的二级菜单项目,对应本文的ProductCategorie和ProductGallery自动成为MegaMenu的两列。
而在二级菜单下面添加的三级菜单项目则会自动成为MegaMenu对应列中的内容。
第一步:添加一个自定义链接到Products菜单项目的二级菜单中
链接设置为#,也就是空链接
添加之后为Gallery添加图片
添加图片之后设置相册
Linkto:attachementPage代表链接到添加这个图片的关联页面
Columns:设为2就代表设为2列
RandomOrder:勾选就代表相册随机排列,每次刷新排列的顺序都不一样
Size:图片尺寸,如果需要图片清晰一点就用fullsize。
添加之后保存Gallery返回到AstraMenu设置,保存这个Gallery设置,并保存Astramenu设置,在退出到菜单列表。
第三步:保存菜单设置
保存之后刷新页面验证结果。
您可以使用Astra主题和AstraPro插件创建超级菜单。此外,您还可以使用大型菜单模板来代替或与文本菜单项(链接)结合使用。
本文档将向您展示如何使用Elementor(免费)和AstraPro导航菜单模块将包含WooCommerce产品类别的模板添加到大型菜单中。
注意:该解决方案用于将Elementor模板添加到Astra主题提供的默认标题中。请记住,这仅适用于Astra的默认标题和AstraPro导航菜单模块。如果您改用Elementor标头,则此解决方案将不适用。
请按照以下步骤操作:
步骤1–确保您已安装Elementor插件和AstraProAddon并处于活动状态。另外,请确保在Astra设置中激活导航菜单模块。
步骤2–导航到仪表板>模板>添加新的。
步骤3–在下拉菜单中,选择“部分”,命名您的模板(可以是任何名称;我们使用“MegaMenuItem1”),然后单击“创建模板”。这将创建新模板并打开Elementor编辑器。
步骤4–在Elementor编辑器中,添加“部分”和“短代码”小部件。
使用ElementorPro,您可以使用Elementor“产品类别”小部件而不是简码小部件。
单击“发布”保存您的模板。
第5步–现在,是时候创建一个大型菜单了。为此,请导航至外观>菜单。单击展开要在其下添加大型菜单的菜单项(我们将此项目命名为“商店”)。
步骤6–单击“Astra菜单设置”按钮,然后启用超级菜单切换按钮。这将在该项目下创建一个大型菜单。您还可以在此步骤中设置大型菜单的样式(宽度、填充等)
步骤7–接下来,在超级菜单下添加一个新的菜单项(我们将其命名为“按类别购物”),然后单击“Astra菜单设置”按钮。
步骤8–在内容源下拉菜单中,选择“模板”选项。在模板字段中,输入模板的名称并从列表中选择它。单击“保存”将此模板添加到您的菜单项中。
这是它在前端的样子。
Astra主题作为一个免费主题,里面的核心功能(模板)实在是太好用了,不是付费,媲美付费。利用模板拼接大法,谁都可以快速搭建一个专业的WordPress外贸网站。