Category: WP主题装修

在使用WordPress建站时，默认的Astra主题标头和页脚可能无法满足您对网站外观的所有需求。幸运的是，通过elmentor，您可以轻松创建和定制自己的标头和页脚。本篇文章将详细介绍如何在elmentor中生成这些自定义部分，并替换掉Astra主题的默认设置，为您的网站注入更多个性化元素。

我们需要先进入到Edit with Elementor编辑页面

点击如上图的符号，进入全局设置

再点击Theme Builder（主题生成器），可以进入elmentor的部件生成器界面

你可以编辑标头和页脚，以及单品或者其他的页面，如果需要更多的自定义以及DIY这个就很适合你

我们先添加一个标头，如上图

选择一个你喜欢的布局，具体的细节都可以改的

点击Insert， 先下载，我们会得到一个标题的界面，如下图

然后我们可以更改logo和菜单以及右边的社交

当然你也可以添加新的模块，但要注意每个设备间的适配问题

查看是否协调，特别是手机端

然后全部设置调整好后就可以设置显示条件了，如果没有设置的话，会优先显示Astro主题的，如下图

如果您直接点击保存也回弹出窗口让你设置显示条件的，这只是一种自己调整的方式

Display Conditions（显示条件），在左侧保存的更多的栏目

然后我们点击Add Condition，继续设置条件

可以选择Entire Site(整个网站）或者Archives或者Singular（其实不同类型的页面）

单个建议选择Singular，设置的选项会更多，也更完善，最终根据大家的效果设置就行啦

然后点击保存Save & Close

现在设置的是整个网站展示，所以会替换主题的页眉效果

如果我们需要删除的话，也是有两种方法可以删除

1，重复先前进入主题生成器（Theme Builder）的步骤，进入后

如上图，直接删除即可

2，进入网站后端，找到elmentor模版（Templates）

点击删除即可，模版不多的话，还比较容易找到，建议设置好每一个模版的名称，以便查找

同理，创建页脚的步骤也是一样的

替换掉成你的内容，或者栏目不够的在添加一个容器，也就是一列都是可以的，还有版权信息等等

添加你需要的模块，记得查看每个设备的界面是否协调

然后保持设置需要的条件就完成了，是不是很简单

但如果有Astra主题的话，不建议使用elmentor的自定义生成器，因为主题的会更好用，这种比较适合没有没有好的主题或者只有elmentor的玩家，而且对于elmentor有一定的熟练度，否则可能会和主题有冲突，你可能需要更多时间来排查

总结

通过上述步骤，您已经掌握了如何使用Elementor创建和定制标头与页脚。虽然Astra主题提供了不错的默认设置，但对于希望个性化网站设计的用户来说，Elementor的自定义生成器无疑是一个强大的工具。在下一期，我们将继续探讨更多Astra主题与Elementor的结合使用技巧，帮助您更好地优化网站的设计与功能。

前面已经讲了Astra主题的个别细节功能，今天讲述怎么正式排版

在如今的WordPress生态系统中，Astra主题以其轻量化和高度自定义的特点赢得了广泛的用户青睐。然而，对于初次使用Astra主题的用户而言，如何高效地进行页面排版和模块设置，依然是一个需要探索的过程。在这篇文章中，我们将深入解析如何在Astra主题中使用Elementor编辑器进行页面排版，逐步讲解图片轮播效果和折叠显示图片功能的创建和设置，让你的网页更具吸引力和实用性。

Astra主题是没有主题的特色模块，他适合所有的编辑器，比如默认的Gutenberg编辑器，以及WPBakery PageBuilder还有Elementor编辑器还有他自己的光谱（spectra）编辑器

在进入elmentor编辑界面后，我们会得到一个编辑首页的页面，以下展示的是一个B端已经装修好的页面，具体根据你的实体情况来

我们分别讲述一下这些模块是怎么创建和设置的，第一个我们看到的是一个图片轮播效果的展示

步骤：网站前端→Edit with Elementor→Edit lmage Carousel

我们需要设置他这个图片，然后在设置一些展示方法，比如一共展示多少个，或者当前页面展示多少个，还有尺寸的大小

这样基本的设置就完成了，当然你如果对于图片或者导航的大小或布局，风格不满意，可按照以下设置去修改

下一个是一个折叠显示的图片功能

elmentor和elmentor pro的功能基本够用，但如果有些特殊的功能需要用到Essential Addons（就是elmentor的高级附属插件），提供了大量的模块，基本能满足你的所有要求，比如上述的图形折叠模块（Edit lmage Accordion）

你安装好后，会出现在elmentor编辑器的栏目的下方，如下图

如果大家有兴趣，后续还可以推荐更多elmentor的功能插件

折叠模块的设置方法，设置好是Accordion Style：
悬停滑动还是点击滑动，也就是理解为弹窗.

Direction：设置是横屏还是竖屏

Horizontal Alignment和Vertical Alignment
是居中的

内容设置好图片，标题和按钮，你可以在描述也就是按钮加入链接，也可以在下方的Title Link加入链接，标题链接点击的范围更大，按钮的只能点击按钮才有会跳转

如果你对他的容器或者文字描述不满意，可以去General（容器）和Color & Typography（文字的颜色大小）去调整

总结:

通过本篇文章的介绍，相信大家对如何在Astra主题中使用Elementor编辑器进行页面排版有了更清晰的了解。在实际操作中，你可以根据自身需求对不同模块进行灵活设置，从而打造出更具个性化和功能性的网页。下一期，我们将继续探讨如何创建更多的容器以及Astra主题的更多高级设置技巧，帮助你进一步提升网站的专业性和用户体验。