詩語，作者 Astra 文檔 - 第 18 頁共 38 頁

Max Width Site Layout

This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Please refer the following document, to begin with, Site Layout.

A website generally has the main wrapper followed by the container.

The main wrapper consists of header, content, sidebar, and footer — the entire website;And the container is the child wrapper that includes a content & sidebar.

In Max Width Site Layout, the main wrapper of the website is set to a certain maximum width. We have also provided settings for you to control the top and bottom margin, so you can design your website to appear like a real box.

You can find the setting to manage Max Width Site Layout under Appearance > Customize > Global > Container > Site Layout

Other Notes:If you need to set a background image for the entire site please check this document: Global Colors – Astra Theme.

How to Upgrade to Astra Pro?

Astra Pro is a plugin that enhances the capabilities of the free Astra theme and adds more features to it. If you』re looking for a solid and fast theme with easy options for customizations, go for Astra Pro Addon. This article will help to understand how you can upgrade from Astra free theme to Astra Pro Addon plugin.

Refer Astra Pro Addon link here to see all the features it offers. It comes with addons that can be activated and deactivated as per your needs. Therefore, you can select the features that you wish to keep and avoid the rest from bloating your website.

Where can I purchase Astra Pro?

On Astra pricing page, you can see packages available for Astra Pro Addon. You can select the ASTRA PRO ADDON package that offers Astra Pro Addon plugin separately while it is bundled with Essential Bundle and Growth Bundle.

After purchasing the Astra Pro Addon refer an article here to get started with the plugin.

Automatic Beta Updates for Astra

Small but a very useful feature we are introducing with Astra Pro Addon version 1.5.1 is Automatic Beta Updates.

We follow a Beta testing process while releasing any major version. It allows us to provide a working copy of the upcoming release to our customers and get feedback on new features, improvements, and fixes. It is a part of our efforts to release only stable and thoroughly tested updates.

Until now, you had to log in your account on our store, download the beta version and install it manually on your website. But now, we』ve simplified the processing by introducing a feature that will allow users to easily participate in the Beta Program. You can now enable automatic beta updates for Astra Pro on your website.

The setting can be found under Appearance > Astra Options > Allow Beta updates.

You will see the Allow Beta Updates box. Click on the Enable Beta Updates button.

Important Note –

1. Automatic Beta Updates feature is available only with Astra Pro Addon plugin. You will only find this feature with Astra Pro Addon plugin but enabling this option from Astra Pro Addon will display beta updates for both Astra Pro plugin and Astra Theme. Whenever there is a beta update available for Astra Pro or Astra theme, you will get the update notification in WordPress updater.2. If you want a beta update notification for Astra theme, you can enable the above option from Astra Pro. If you are not Astra Pro user then you need to manually download the zip for beta and upload it to the site. Read more here.3. Beta versions are stable as possible since we release them only after testing internally. But we still recommend you to use them only on staging sites or playgrounds. Do not use beta features on live websites. Read About Beta Versions.

How to revert back to the previous version?

In case you update theme or plugin to the beta version and want to revert back to the previous stable version, follow the steps –

Step 1: Install Easy Theme and Plugin Upgrades plugin.Step 2: Download the previous stable version of the theme from here. Step 3: Download the previous stable version for Astra Pro from your store account.Step 4: Now upload recently downloaded zip for theme and plugin to the site.Step 5: Easy Theme and Plugin Upgrades plugin will override the current beta version of the theme and plugin with a zip uploaded in Step 4.

Note – If you need zip for the older version for Astra Pro Addon plugin, contact us on the support portal.

Padded Site Layout

This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Please refer the following document, to begin with, Site Layout.

Technically, Padded is just the Full-Width Site Layout, with extra options for the padding across the website edges.

The padding remains consistent even when user scrolls and thus, it results in a neat frame kind of design for the website, seen on many creative websites.

You can find the settings in Appearance > Customize > Global > Container > Site Layout

Note: Padded layouts work best with Full Width / Stretched.You can manage the padding independently for different devices as we』ve provided that flexibility.

Here is one of the Astra Demo Websites where we have used the padded layout option:https://websitedemos.net/plant-shop-03/

Other Notes:If you need to set a background image for the entire site please check this document: Global Colors – Astra Theme.

How to Install Astra Pro Plugin?

A Pre-requisite –

Please make sure you have the Astra theme installed on your website.

In order to install the Astra Pro (Addon) Plugin on your WordPress Website, you will have to follow the steps mentioned below.

Step 1: Log in to our store.

Step 2: Go to Accounts -> Downloads

Step 3: Download the Astra Pro plugin. You』ll get an installable zip file on your computer.

Step 4: On your WordPress website, install the zip file like you install any other plugin.

Step 5: Activate the plugin.

Step 6: Activate the Astra Pro Addon license.

You are all set to create wonders with the Astra Pro Addon!

Starter Templates – Free Images from Pixabay

Starter Templates plugin makes the entire free Pixabay image library is available right inside your WordPress backend. You can add Pixabay images with your page builder by searching and importing them straight to your content.

That means whenever you need to insert an image on your page, you can add awesome free pictures from the Pixabay library without leaving your site.

Where can I find it?

Step 1 – Navigate to Dashboard > Page / Post to edit Page or Post.

Step 2 – Start editing the pages with your page builder of choice (e.g. Elementor, Block Editor, etc.).

Step 3 – Navigate to the element (block, widget, section, row, etc.) you wish to add an image to.

Step 4 – Choose to add an image.

Step 5 – When it opens a media library window, you will observe a new option 『Free Images from Pixabay』.

Step 6 – You can search for an image and choose to 『Save & Insert』 it. This will automatically download the image, add it to your media library and insert it on the page.

Pixabay License:

Pixabay images available with Starter Templates are free. Images downloaded can be used for the purpose for free. Here is the Pixabay License page. There are a few exceptions you need to take care of. Read – Pixabay License – What is allowed and what is not?

Starter Templates — Basics and FAQsHow to Import Complete Site with Starter Templates?How to Import Single Page Starter Templates?Starter Templates with Other ThemesStarter Templates – Elementor Popup

How to Clear Astra』s Cache?

Did you notice Astra』s settings not reflecting correctly after the update to the latest version? The reason behind this is that Astra』s data is not being rendered correctly and requires you to clear Astra』s Cache.

This is not to be mixed with your Site cache or your browser cache. The Astra Cashe actually means that all CSS and JS from all Astra addons are combined into a single Js and CSS file. This gets cleared after you toggle any addons or make any changes in the customizer.

To resolve the same please follow one of these two steps –

Save Astra』s Customizer settingsActivating/Deactivating a module from the Astra Options page

Steps to Save Astra』s Customizer settings

Step 1: Visit the WordPress Dashboard > Appearance > Customize

Step 2: Modify some settings and Publish/Update the Customizer Settings.

Step 3: Hard Refresh using Ctrl + Shift + R / ⌘ Cmd + Shift + R on the concerned page and confirm if it resolves the issue.

Steps to Activate/Deactivate a module from the Astra Options page

Step 1: Visit the WordPress Dashboard > Appearance > Astra Options

Step 2: Besides the Available Astra Pro Modules — Deactivate and Activate one of the Pro modules.

Step 3: Hard Refresh using Ctrl + Shift + R / ⌘ Cmd + Shift + R on the concerned page and confirm if it resolves the issue.

Keep in mind that these options refer only to Astra Cache. If you made some changes to your content or changed some Customizer settings, and you don』t see the changes on your front end, you might still need to clear your Site cache and your browser cache.

How to Clear WordPress Cache?

Typography Module

This is a premium feature available with Astra Pro Addon plugin. To use these pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Though you can manage the typography manually at the page builder』s element/module level, it』s important as well as best suggested to manage typography from the default theme options. This will help you to manage fonts throughout your website. Any additional text added while creating a new row or column will match the site』s typography without any efforts taken.

Astra Pro Typography Module gives you complete control to manage typography from header to footer on your website.

Quick Steps to Add Font Styling Using the Typography ModuleStep 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?Step 2: Activate the Typography module from the Astra Options under the WordPress Dashboard > Appearance > Astra OptionsStep 3: Visit customizer [ Appearance > Customize > Global > Typography ] to edit module settings

Header

This option helps you to set the typography for the primary menu and submenu.

For below Typography options, navigate to the Customizer > Header > Primary Menu.

Note: If Site Title and Site Tagline is set to display ( Header > Site Identity ) on the site, typography for both the Header and Site Identity will appear here.

Content

Astra Pro Typography Module gives you complete control for setting the website typography.Along with the font size, you can manage following from H1 to H6:

With these options, you can try the combinations of various fonts on your website, by simply setting the Font Family for the heading.It』s best suggested to use two to three fonts for a website.

Button

Astra Pro Typography Module makes it easy for you to run typography for buttons on all your websites. Like the call to action buttons on your website comes from various elements/modules that you use.

Blog/Archive

Archive Summary Box Title

This box will appear on the archive pages like category, tags, author, publish date, where the title and the description of the archive page will appear. However, this box is not enabled on the Blog page, thus this option will not apply here.

Blog Post Title | Post Meta

You can give special treatment to Blog Post Titles and Post Meta with the following typography options.

Pagination

This option will appear if you have kept the post pagination option enabled from the Blog Pro Archive settings.

The font applied to this setting is from the Base typography.This option helps you manage the Text Transform.

Single Post / Page Title

You can manage the typography of a single blog post/page title. Locate this option under Customize > Blog > Single Post > Post / Page Title Font.

Sidebar

Widget Title | Widget content

This option lets you manage the typography of the Sidebar widget title and content. Locate this option under Customize > Sidebar > Title Font.

Footer Widgets

This option helps you to handle the typography of Footer Widgets. Locate under Customize > Footer > Footer Widgets > Widget Title Font / Widget Content Font

Footer Bar

Manage the typography of the main Footer Bar, which appears at the very end of the website. Locate under Customize > Footer > Footer Bar > Content Font

How to Add Logo, Favicon, and Site Title with Astra? (Old Astra Header)

Note:

The new Header and Footer builder is available since Astra version 3.0.0. If you are using Header and Footer builder please switch to the related document to learn how to manage Site Identity and Logo options.Quick Tip: With Header Builder, the Site Identity options can now be found under the Customizer > Header Builder > General > Site Identity & Logo

Below are the settings that is provided by Astra below 3.0.0 for allowing easy settings to add site identities like –

LogoRetina LogoLogo for mobile devicesSite TitleSite TaglineSite Icon (favicon).

Settings can be found in the customizer under Customize > Header > Site Identity

Logo (Normal and Retina)

For the normal logo select a logo image from Media Library. Astra also allows adding Different Logos for retina devices. This 2x sized logo is necessary on high definition screens so the logo won』t look blurred. For detailed information about the retina logo please refer the link here.

In case the normal logo is big in size and covers most of the header space on mobile devices – choose to set Different Logos for mobile devices and add a separate smaller logo. For more details read the article for Mobile Header with Astra.

Logo Width

You can easily adjust the logo width with a slider. Set the toggle button to adjust logo width on the desktop, tablet, and mobile. Astra physically crops the logo in an appropriate aspect ratio which helps reducing page load. To explore how Astra handles the logo width, please refer to the link here.

Site Title &Tagline

Site Title is a name for the website. While the Tagline is the one-line description for the site. Site Title and Tagline will display in the title bar of a web browser. Manage the font size for both from Typography > Primary header.

Inline Alignment – This option sets logo and site title – tagline, in one line. It will be visible only when the site title or/and the tagline is enabled.

Site Icon (Favicon)

It』s a small image icon that can be seen in the tab of a web browser, bookmark bars, and within the WordPress mobile apps. You can set it with the site icon option. The recommended size for a favicon is 512 pixels. Know more about Site Icon here.

How to Set up a WordPress Staging Site?

What is a staging site?

A staging site is an exact copy of your existing website. But it is not available to everyone as your live site. So even if you change anything on the staging site it will not reflect on your live site.

Note:

If you have Astra Pro Addon activated on your (live) website, setting up a staging website will not affect the functioning of the plugin. Your license will work well on both the live and staging website.

Why having a staging site makes sense?

1. As it』s not a live site, you can test stable updates, beta updates or new plugins and make any kind of experiments. You can do this without worrying about breaking your live site.2. Provide access to support staff for troubleshooting without worrying about your confidential data.

Why is this useful for the support team?

1. If you are a customer who can not provide login details of the live site to the support team, you can create a staging site and share login details of it.2. It is better for the support team to troubleshoot support problems on the staging site, instead of the live site.3. So the support team doesn』t have to worry about breaking the live site of the customer.

How to create a staging site?

Below is the detailed video that shows how to set up a staging site in less than 5 minutes with the WP Staging plugin.