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.菜单制作菜单生成器免费菜单模板Canva可画免费菜单制作工具,拖拽式操作简单易上手,免费导出无水印菜单图片,还有丰富的菜单模板可供选择,助你轻松在线制作出精美的菜单图片!https://www.canva.cn/menus/
2.饭店菜单模板设计图片大全简单好看熊猫办公精心为用户挑选81张高清精美饭店菜单图片、支持专业级饭店菜单设计素材下载,更多风格的饭店菜单,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。https://www.tukuppt.com/speciall/fandiancaidan4455.html
3.菜单模板菜单模板设计菜单模板设计图小清新可爱卡通风格BBQ美食菜单模板 速食菜单PSD广告模板设计 餐厅手绘菜单PSD免费模板 西餐厅菜单模板设计PSD 寿司餐厅菜单模板源文件 日式美食菜单广告模板 日式餐厅手绘菜单模板 韩式餐厅菜单模板设计PSD 日式寿司餐厅菜单模板 寿司菜单模板设计PSD 法式马卡龙菜单模板PSD 日式餐厅菜单PSD模板 手绘美食菜单http://sc.chinaz.com/tag_psd/caidanmoban.html
4.菜谱菜单设计菜谱菜单模板菜谱菜单图片觅知网为您找到932个原创菜谱菜单设计图片,包括菜谱菜单图片,菜谱菜单素材,菜谱菜单海报,菜谱菜单背景,菜谱菜单模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于菜谱菜单素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、Phttps://m.51miz.com/so-sucai/3057076.html
5.菜单设计制作菜单模板图片这是一个关于菜单设计的专题页面,包含了菜单设计的基本原则、技巧,以及相关的在线设计工具、设计模板等内容。通过本专题,您可以学习如何快速创建专业的菜单设计,并打造与众不同的独特菜单设计。无论您是餐厅、咖啡馆还是其他行业,都能从中获取灵感并提升您的菜单设计水https://www.gaoding.com/features/4
6.Canva可画在线设计协作平台平面设计作图软件在线设计协作平台Canva可画提供了海量的设计模板,涵盖海报、简历、名片、Logo、PPT、手抄报、二维码、Banner等数十种平面设计场景,更有千款中英文字体及千万张正版图片素材可供使用。精彩设计,随时随地!http://www.canva.com/
7.设计免费生成器外卖店铺头像设计LOGO免费设计在线生成强大图文编辑器让你可以对logo在线生成结果随心所欲地调整图标、字体、颜色、布局等,让你的外卖店铺头像设计logo设计更加个性,与众不同! 原创外卖店铺头像设计logo设计 如果你的外卖店铺头像设计logo设计需要量身设计,标智客专业设计团队可为您提供原创外卖店铺头像设计logo设计服务。 https://www.logomaker.com.cn/logo/tag/18366/
8.三款手机作用APP,免费模板,小内存设计,你知道几个??点击链接,开始免费制作: 人人秀海报-海报模板_海报素材_在线海报图片下载?hb.rrx.cn/#BYzh1110san44 基本简介 0人人设计是恒图科技旗下主打的一款多平台图片编辑和平面设计产品,跟随欧美设计风潮,每一个界面都严格遵照极简主义理念,呈现给用户*流畅、*唯美的修图和设计体验。 除了提供给广大用户轻便而https://zhuanlan.zhihu.com/p/577723744
9.菜单设计制作模板免费可编辑菜单设计菜单设计制作模板免费可编辑 繁华落幕者 2023-10-18 06:45:40 免费咨询 一、免费的菜单设计制作模板软件介绍这款神奇的软件叫做Canva,它是一款在线设计平台,提供了大量的免费可编辑模板,包括各种菜单设计制作模板。用户可以通过简单的拖拽操作,快速替换文本、图片和排版,得到心仪的设计制作模板。最重要的是,Canva支持下https://aiqicha.baidu.com/qifuknowledge/detail?id=10113308324
10.菜单设计制作菜单设计模板菜单设计图片免费下载凡科快图,为您提供海量菜单设计模板、菜单设计图片,各类菜单设计素材免费下载,在线实现无障碍菜单设计制作,3秒快速生成精美可商用图片。https://kt.fkw.com/caidansj.html
11.菜单设计免费菜单设计模板在线菜单制作设计软件MAKA是最受欢迎的免费在线菜单设计软件、菜单制作工具,提供精美的菜单设计模板素材,5分钟完成在线设计制作中英文餐厅菜单、酒水菜单,包括烧烤、火锅、大排档、快餐、饭店、宴会、婚宴菜单。https://www.maka.im/zhinan/caidansheji
12.自己设计菜单的app哪个好2022可以设计菜单的app推荐图小白设计是一款拥有海量资源的图片设计制作软件,在这款软件当中各种宣传图片海报,创意图片能够轻松制作,还有各种商用模板,智能图片编辑器,协助用户办公,设计菜单也得心应手。 4、《商标设计》 商标设计是一款功能非常全面的logo和图片设计软件,可以选择AI自动生成智能logo,也可快速作图手动制作各种商标设计以及艺术字形,https://www.wandoujia.com/strategy/12502135077164382202.html
13.威力导演菜单设计师 自定义DVD菜单标题、章节、炫粒及子母画面效果,符合你的风格需求。 强大的编辑功能 增强的影像工具:威力导演9内建先进的TrueTheater视讯强化技术,能针对影片的画质与声音进行强化,包括将标准SD画质影片提升至趋近于高画质HD影片、影像及声音噪声移除、亮度调整、虚拟环场音效支援,使影片播放效果更顺畅。进阶的http://www.360doc.com/content/24/0430/18/75017606_1122010158.shtml
14.友好界面(精选三篇)可以通过两种方法制作模板: (1) 在Office的Excel中直接制作。 这种方法制作简单、可以利用的功能菜单多, 操作简单、灵活。但是需要手工将Excel另存为HTML或XML格式文件。 (2) 通过OWC控件。 利用OWC控件以及程序员提供的功能在线制作模板。OWC控件已经提供了一些在线编辑的功能按钮和右键快捷菜单 (主要在快捷菜单的“https://www.360wenmi.com/f/cnkeyt8k916i.html
15.PPT课件制作技巧如果你厌烦了PowerPoint中默认的链接文字颜色和单击后链接的文字颜色,可通过“格式”菜单中的“幻灯片配色方案”(PowerPoint 2002应为“幻灯片设计”中的“编辑配色方案”),从弹出的“配色方案”对话框中选中“自定义”选项卡,然后就可以进行相应的设置了。 https://www.360doc.cn/article/2644716_159849918.html
16.菜单在线制作图怪兽菜单在线制作专题为您精选菜单在线制作模板,包含菜单在线制作的图片素材等可根据您的需求选择,不同图片尺寸进行在线替换文字制作,即可一键生成一张正版可商用模板图片免费下载。https://818ps.com/shejiimg/12093.html
17.[菜单简约设计]图片免费下载菜单简约设计素材千图网为您找到6658张菜单简约设计相关素材,千图网还提供菜单简约设计图片,菜单简约设计素材, 菜单简约设计模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://m.58pic.com/tupian/caidanjianyuesheji.html
18.1000款PSD餐厅饭店菜谱菜单设计模板图片可编辑素材花钱买来的一套大体积资源,该资源中包含了1000多个PSD或者CDR格式的图片菜谱菜单图片模板,都是可编辑的,通常用于设计美观的餐厅菜谱。这里的大多数都设计的很好,有些甚至只需要修改一下菜品名称即可直接使用。 对于设计有要求的,还可以自己根据菜单模板上的菜品图片去拍摄自己的菜品照片来替换,总之这套资源可以给你设计https://libao.wobangzhao.com/6255/
19.FLBOOKH5电子画册杂志期刊书刊报刊电子书FLBOOK电子杂志在线即可设计制作,无需下载安装软件,无论您是免费版用户,还是VIP用户,都可以享受正版软件服务。在线制作、实时保存、一键上传发布,无编程、无代码、无崩溃,让曾经非常虐心的工作变得轻松而舒心! 实时修改 实时修改 曾经制作电子杂志,常常会因为一个错别字,就要重新找到源文件来修改编辑,然后重新导出和发布https://www.flbook.com/
20.菜单的设计与制作PPT模板模板找原创菜单的设计与制作PPT模板模板,就来当图网,提供各种风格的菜单的设计与制作PPT模板模板下载,更多精美PPT模板,PPT美化服务,尽在当图网!https://www.99ppt.com/Tag_3041636.html
21.设计菜单用什么软件好,免费的菜单设计软件图怪兽是每次绝对要给大家推荐的一款商用作图神器,这款应用里面的高质量模板都是可以免费商用的,不管你是想要做商用海报还是LOGO还是一些招聘广告,甚至是制作一些有着自己特色的餐馆菜单,在这款软件的帮助下都是轻松拿捏的。 稿定设计也是一款专门服务于各大商家或者是作图人的一款全能图片编辑工具,这款软件可以有着超https://www.18183.com/soft/4360516.html
22.简约饭店菜单模板(可编辑).docx简约饭店菜单模板(可编辑).docx,菜单家常菜凉菜 酸辣土豆丝 16¥ 地三鲜 18¥ 辣炒鸡胗 25¥ 酸菜鱼 30¥ 水煮肉片 30¥ 清炒竹笋 16¥ 红烧排骨 25¥ 凉拌海蜇 16¥ 海米黄瓜 16¥ 凉拌豆芽菜 10¥ 家常凉菜 10¥ 凉拌皮蛋 16¥ 肉丝拉皮 20¥ 蒜泥拌杂碎 22¥ https://m.book118.com/html/2022/1112/8126056043005012.shtm
23.在线PS软件在线PS图片(照片)处理工具简单好用的图片编辑工具 图片标记 去除水印 特效滤镜 批量操作 快捷裁剪 添加水印 立即作图 图片编辑器,一键裁剪 ai"黑科技",一键抠图 马上抠图 海量素材,无限精彩 一站式全场景素材供应人人皆可创作 图片模板 h5网页模板 ppt模板 视频模板 稿定al,一键灵感到创作 让设计更简单,无论身在何处 ai设计 创意无限,https://www.uupoop.com/