AstraPro主题超详细手把手设置图文教程

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外贸网站。

THE END
1.菜谱设计菜谱模板菜谱图片觅知网为您找到1306个原创菜谱设计图片,包括菜谱图片,菜谱素材,菜谱海报,菜谱背景,菜谱模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于菜谱素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、PPT、视频等设计素材就来觅知https://www.51miz.com/so-sucai/2747958/p_4/
2.菜单素材菜单图片菜单素材图片下载熊猫办公为您找到400个菜单素材图片,包括菜单图片,菜单素材,菜单背景,菜单模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等多种格式的素材,更多关于菜单素材、图片、背景、矢量、UI、PS、免抠,艺术字、插画、配图等设计素材模板https://www.tukuppt.com/speciall/caidan1546.html
3.家常菜单图片家常菜单图片素材免费下载千库网为设计者提供家常菜单素材大全,为您省却家常菜单图片素材搜索时间,这里有海量家常菜单素材图片供您下载使用,本次搜索千库网为您找到4364张素材https://588ku.com/image/jiachangcaidan.html
4.年夜饭菜单展架年夜饭菜单展架图片年夜饭菜单展架设计模板红动中国素材网提供51个年夜饭菜单展架、年夜饭菜单展架图片、年夜饭菜单展架素材、年夜饭菜单展架模板下载,包含了psd、ai、png,jpg、cdr等格式年夜饭菜单展架,更多精品年夜饭菜单展架下载,就来红动中国,最后更新于2024-12-10 05:26:12。https://so.redocn.com/caidan/c4ead2b9b7b9b2cbb5a5d5b9bcdc.htm
5.Dreamweaver网页设计与制作100例餐饮主题简洁日式料理餐饮网页设计(4 免费且实用的WEB前端学习指南:【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、chrome=1"/>日式料理餐饮公司网站html模板首页 - 模板之家 http://www.cssmoban.comhttps://blog.csdn.net/p305114466/article/details/144308806
6.模板tips模板 1、 美食小tips: 1、 2、 美食小tips: 1、 3、 美食小tips: 1、 4、 美食小tips: 1、 5、 美食小tips: 1、https://chihe.sohu.com/a/835570488_121948401
7.网页模板,网站模板免费下载,做网站首选模板无忧模板无忧是国内最具人气的网站模板、网页模板下载站,提供网站模板、网页模板、程序模板下载及建站相关素材、教程资源。众多专业模板设计师,新模板每日更新http://www.mb5u.com/
8.餐饮菜单模板共有119717个餐饮菜单模板相关内容为您呈现 创意菜谱制作,美食菜谱制作,餐饮菜单模板,捷达菜谱 12 捷达菜谱品牌设计 羊肉灯箱设计 (餐饮菜单&灯箱) 5 Z92231883 餐饮菜单排版 6 不上班小羊 高端大气餐厅项目餐饮商业计划书PPT模板 11 OfficeStore 壹陆视觉 https://www.zcool.com.cn/tag/ZMTg0NjcxNg==.html
9.我爱模板网我爱模板网推荐一款个人图集作品展示个人博客首页single page 风格的html模板,模板为左右布局,左侧是导航,右侧是内容,点击导航滚动到对应区域。 电商官网响应式HTML5网页模板 974 基于jQuery+bootstrap的响应式电商网站HTML5网页模板,带有加载动画效果。首页前几个菜单类似于single-page效果的点击滚动效果。 http://www.5imoban.net/
10.网站模板ps素材图片素材懒人建站提供网页素材下载,提供网站模板素材、图片素材、ps素材、素材库等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。https://www.51xuediannao.com/
11.菜单图片下载菜单模板素材公社是专业的菜单设计素材和模板下载网站,提供菜单图片免费下载,菜单设计模板下载,菜单促销海报、展板设计psd源文件素材和矢量图下载。https://m.tooopen.com/tag/%E8%8F%9C%E5%8D%95.aspx
12.图品汇图品汇是领先中国万千图网中免费设计素材模板网,提供免费素材/模板/图片下载,包括名片/画册/ppt/手抄报/模板等,致力将中国优秀的设计师,高品质的设计作品汇聚一起服务于用户,精品原创,作品严格审核,日更新2000+,高速免费下载。https://www.88tph.com/
13.菜单设计免费菜单设计模板在线菜单制作设计软件MAKA是最受欢迎的免费在线菜单设计软件、菜单制作工具,提供精美的菜单设计模板素材,5分钟完成在线设计制作中英文餐厅菜单、酒水菜单,包括烧烤、火锅、大排档、快餐、饭店、宴会、婚宴菜单。https://www.maka.im/zhinan/caidansheji
14.网页模板html模板下载菜单栏 广告 提示文字 图片文字 css3圆角 选项卡 收缩展开 计时器 网页布局 响应式网站模板 树形菜单 木马旋转 表单美化 登录界面 下拉列表 图片叠加 网页背景 缩略图 放大镜图片 select美化 图片拖动 大图切换 日历选择器 table 拖拽 对联广告 html5游戏 http://www.100sucai.com/web/templates/html/
15.(自适应手机端)生活家具产品网站模板下载带三级子菜单栏目(自适应手机端)生活家具产品网站模板下载 PbootCMS内核开发的网站模板,该模板适用于生活家具产品网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可; 自适应手机端,同一个后台,数据即时同步,简单适用!附带测试数据! 友好的seo,所有页面均都能完全自定义标题/关键词/描述,PHP程序(php≥7.0,<8.0)https://www.adminbuy.cn/pbootcms/10741.html
16.帝国CMS模板帝国模板帝国CMS仿站帝国CMS模板网承接帝国CMS模板定制,帝国CMS仿站,提供帝国CMS源码,帝国CMS企业模板,帝国CMS学校模板,帝国CMS自适应模板,帝国CMS手机模板,帝国CMS插件,二次开发,帝国CMS免费模板下载.https://www.daixiao360.cn/
17.99种堪称「神器」的软件,却不被大众所知…3.QQ轻聊版官方网站:QQ应该是大多数人生活中不可或缺的一个工具,然而PC版广告着实太多,那么就用官方的轻聊版吧,尽管更新可能慢一点,但是没有广告呀。 【Windows】 4.免费下载百度文库文档、免注册、免登录、免财富值:我只是大自然的搬运工(很久没用过,现在要注册,不上图了)。 http://www.360doc.com/content/16/0228/18/17132703_538076977.shtml
18.模板王模板王精选上万个网页模板免费下载,提供html模板、个人网站模板、企业网站模板、DIV+CSS模板、响应式网站模板、手机网站模板等免费网页模板下载大全。https://www.mobanwang.com/
19.免费源码下载php网站源码整站源码免费主题模板888收录网为PHP源码下载者提供网站源码下载,常见PHP CMS博客资源系统的二次开发,php网站源码,企业网站源码,asp源码下载,商城源码,html5网站源码免费下载,以及众多的免费主题模板下载演示服务!https://www.888slw.com/
20.[菜单简约设计]图片免费下载菜单简约设计素材千图网为您找到6658张菜单简约设计相关素材,千图网还提供菜单简约设计图片,菜单简约设计素材, 菜单简约设计模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://m.58pic.com/tupian/caidanjianyuesheji.html
21.模库网中国免费设计素材图片库模库网专业优质商业素材免费下载!提供海量免费素材,平面海报,广告海报素材,电商海报,背景海报,电商素材,png素材,背景图片,插图插画,UI设计模板,背景模板,网页设计模板,UI素材,UI界面,app界面,ios设计,网页素材,psd海报素材,免费素材图库,样机贴图,样机素材,样机模型,设计素https://www.mcool.com/
22.菜单模板素材免费下载觅元素为您提供菜单模板素材免费下载,此作品编号为qvrnguvbhb,图片大小为 0.23M,图片规格为 400*533 | 72dpi,下载更多图片素材就来觅元素!https://www.51yuansu.com/sc/qvrnguvbhb.html
23.菜单制作菜单生成器免费菜单模板Canva可画免费菜单制作工具,拖拽式操作简单易上手,免费导出无水印菜单图片,还有丰富的菜单模板可供选择,助你轻松在线制作出精美的菜单图片!https://www.canva.cn/menus/
24.菜单模板0.883(314.3MB)百度网盘资源下载菜单模板0.883 发布时间: 2020-03-19 17:02:53文件大小: 共计15 个文件 ,合计: 314.3MB发布者: unknown资源来源: 百度网盘 提取码: g4s0 复制资源售价: 8金币 会员所有资源免费资源状态: 【实时检测】链接有效 获取资源链接1.本站会员获取资源无需消耗金币。 2.获取资源后可以在「个人中心」48 小时内无https://www.iizhi.cn/resource/detail/3eda28a8362c85c010e68bb89c6e47b3
25.创意菜单模板图片免费下载创意菜单模板图片素材菜单模板图片 详情 菜单模板图片 详情 菜单模板图片 详情 菜单模板图片 详情 菜单模板图片 详情 菜单模板图片 详情 菜单模板图片 详情 美食菜单模板图片 详情 海鲜菜单模板图片 详情 电视菜单模板图片 详情 创意菜单图片 详情 创意菜单图片 详情 创意菜单图片 详情 创意菜单图片 详情 ABCDEFGhttps://www.sucai999.com/sucai/3239034.html
26.免费菜单模板专题模板免费菜单模板图片素材下载我图网免费菜单模板专题为您整理了74285个原创高质量免费菜单模板图片素材供您在线下载,PSD/JPG/PNG格式免费菜单模板模板下载、高清免费菜单模板图片大全等,下载图片素材就上我图网。https://www.ooopic.com/search-c3e2b7d1b2cbb5a5c4a3b0e5-0-0_0__0_0_37_ooo_0____0____8.html
27.免费菜单模板免费菜单模板模板可编辑下载创客贴拥有海量精美的免费菜单模板设计模板和免费菜单模板设计素材,每一个模板都可编辑 文字图片背景皆可修改,简单3步即可完成在线免费菜单模板设计制作 免费使用 免费菜单模板图片一键生成 每一张设计模板、图片都可以在线编辑,替换文字就能生成精美设计。 您也可以DIY托拉拽轻松创意设计。下载设计时,会进行版权检测,为您https://www.chuangkit.com/polymer/886074.html
28.菜单设计制作菜单设计模板菜单设计图片免费下载凡科快图,为您提供海量菜单设计模板、菜单设计图片,各类菜单设计素材免费下载,在线实现无障碍菜单设计制作,3秒快速生成精美可商用图片。https://kt.fkw.com/caidansj.html
29.菜单册模板图片菜单册模板素材菜单册模板模板免费下载六图网为您提供39081张菜单册模板设计作品免费下载服务,您还可以找到菜单册模板图片、菜单册模板素材、菜单册模板模板等设计素材,我们为您提供菜单册模板图片下载,菜单册模板模板下载、菜单册模板素材下载等服务!https://m.16pic.com/sucai/3582837.html?from=singlemessage
30.20个免费的导航菜单PSD模板素材20个免费的导航菜单PSD模板素材 在网页设计中有一个优秀的导航菜单来引导浏览者非常重要。有了好的引导,浏览者可以延长浏览者停留的时间,可以让浏览者看到更多层里的网页,加大网站的深层流量。好的设计师会运用整体来设计出完美有张力的菜单。这些菜单或许看起来夸张,或许看起来简洁,但是都能完美的衔接整理。通过色调https://www.jackchen.cn/blog/archives/7365.html
31.菜单设计免费PPT模板找原创菜单设计免费PPT模板,就来当图网,提供各种风格的菜单设计免费PPT模板下载,更多精美PPT模板,PPT美化服务,尽在当图网!https://www.99ppt.com/ppt/757895.html
32.免费使用!20款精致优质的HTML网站模板和小组件下载优设网免费使用!20款精致优质的HTML网站模板和小组件下载 随着国内大部分浏览器已经升级,并且手机端的使用率增加,大部分网站都需要兼容移动端,并结合CSS3动画来实现体验良好的网站,今天和大家分享的模板素材也是如此,布局精美,配合细微的交互动画,这才是目前流行的网站趋势。https://www.uisdc.com/20-elegant-html-templates