分類： 入門

Starter Templates with Other Themes

Starter Templates are initially designed with the Astra theme. They inherit global properties like typography, color, logo, menu, layout, button from Astra customizer.

While importing a template when you click on the 『Import Template』 button, you will see a popup that gives the option to install and activate the Astra theme. Choosing this option will automatically add the Astra theme.

In case, you skip this option and continue importing template with the current theme (other than Astra) you might notice a few changes in template. In this case template will inherit styling from current theme customizer that might have different colors, typography, and other layouts.

This article lists all the possible changes that you might see if you import a starter template with another theme than Astra.

1. Site logo missing/ Change in Site Tagline – Astra customizer provides an option to add a logo and site tagline. This might be missing when the template imported with another theme. 2. Colors & Typography – You might see colors and typography applied from an existing theme. 3. Few icons in Header – Astra allows adding extra menu item like search icon, button, cart icon, etc. This might be missing with another theme. 4. Page Title – Astra does not display site title unless it』s chosen intentionally. With another theme, you might see them displayed. 5. Button Style – Global button stylings with color and border are set from Astra. You might see different button styles. 6. Spacing – Some of the themes apply static spacing to page builder sections. So padding and the margin between the sections might look different. 7. Background Color – Overall background color for the site can be set from the Astra. This will change according to the different themes. 8. Background Color on Sections – Background color for each section. It will appear above the site background color. 9. Transparent Header will be replaced by Theme header – Astra theme customizer gives option to set transparent header. With other themes, this will be replaced by a normal theme header. 10. Blog page – Astra manages the layout of the blog archive and single blog page. With other themes, content width might look different. 11. Footer widgets – Astra allows inbuild footer widgets with number fo columns. So with other themes, you might see these missing.

Related Articles

Starter Templates — Basics and FAQsHow to Import Complete Site with Starter Templates?How to Import Single Page Starter Templates?Starter Templates – Elementor PopupStarter Templates – Free Images from Pixabay

Astra Compatibility with LearnDash Version 3.0

The following article will help you get an overview of LearnDash – Overview of LearnDash integration in Astra

Recently LearnDash released version 3.0 with major improvements. In this version, few new things were added while few of the previous structures were changed.

LearnDash Legacy mode

In case you still wish to continue with the previous version you can select a Legacy mode –

You can find the settings under WordPress Dashboard > LearnDash LMS > Settings > General > Design & Content Elements > Active Template.

When you choose Legacy mode Astra will continue working as it was previously. Astra adds LearnDash settings in the customizer under –

1. Customizer > LearnDash

2. Customizer > LearnDash > Colors [Astra Pro]3. Customizer > LearnDash > Typography [Astra Pro]

Below are the related documents –

LearnDash Integration in Astra ThemeLearnDash integration in Astra Pro

LearnDash 3.0 mode

You can switch to the LearnDash 3.0 template from WordPress Dashboard > LearnDash LMS > Settings > General > Design & Content Elements > Active Template. This will enable all the new LearnDash features on your site.

Astra theme and Astra Pro – version 1.8.6 and above, can work seamlessly with LearnDash 3.0 version. Astra disabled a few of the settings that were dependent on LearnDash previously and that are no longer usable. Also, LearnDash 3.0 provided some new attractive features that were available with Astra before. We removed such duplicate options too as we do not want to bloat your site with identical options.

Below are some settings that you will find disabled from Astra customizer –

1. Customizer > LearnDash – This tab held a few layout options for LearnDash pages. Like –

1.1 Distraction Free Learning: LearnDash 3.0 has a similar feature – Focus Mode. ( LearnDash LMS > Settings > General )

Note: The Astra Meta Settings will not work when the Focus Mode of LearnDash is enabled.

1.2 Student』s Gravatar in Primary Header: Enabling Focus Mode will add Student』s Gravatar by default.

1.3 Course Content Table: LearnDash 3.0 doesn』t support table structure anymore. All tables are now converted into fields.

2. Customizer > LearnDash > Colors [Astra Pro] – This tab will be available in the customizer with new color options. We will see all the new options in the later part of this document.

3. Customizer > LearnDash > Typography [Astra Pro] – This tab will be disabled. Previously typography options were available for LearnDash Tables. Since the table structure will not be available these settings are no longer usable. LearnDash pages will inherit typography from Customizer > Global > Typography > Base Typography.

New Colors & Background options for LearnDash 3.0 with Astra Pro

LearnDash 3.0 provides basic colors options under WordPress Dashboard > LearnDash LMS > Settings > General > Design & Content Elements. Below are the available settings with LearnDash –

Accent Color: This will be a base color for the LearnDash pages. It will be applied to – buttons, action items, and highlights Progress Color: Color used for all successful progress-related items (completed items, certificates, and progress bars).Notifications, Warnings, etc.: This color is used when there are a warning, important messages.

With Astra Pro, it provides more specific color options for your LearnDash pages. These will be available in the customizer under Customizer > LearnDash.

Note: Make sure you have activated LearnDash addon from Appearance > Astra Options.

In color settings, you will see a checkbox saying – Check this if you wish to overwrite LearnDash Colors. This will allow you to apply Astra colors over the above LearnDash colors.

Link Color: This will be applied to links on LearnDash pages, lesson panels, etc. Highlight Color: This will work as a background for buttons, highlighted tabs, hovered text/link, etc. Highlight Text Color: It will work with the above highlight background color as well as text color for progress items. Progress Color: Progress bars, completed items, certificates will have this as the background color.

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the LearnDash module of Astra Pro Addon.

White Label Constants to Change Strings Permanently

We all know how to White Label Astra? It is also known that the white label settings page can be hidden from the dashboard. However, it reappears when the plugin is re-activated on the website.

We were asked whether these white label settings can be hidden permanently. Especially agencies who serve many clients would not want them to know that the plugin or theme used to build their website is a third party white labeled plugin.

Therefore, we』ve introduced a method that will allow you to White Label the Astra and hide the White Label settings – and keep them hidden, no matter what activity the user performs with the plugin or on the website. This means that you can white label the Astra permanently from the wp-config.php file and these settings will not be changed from the WordPress dashboard settings.

To achieve the above scenario we have added a White Label Constants to Astra. Along with Astra theme and Astra Pro plugin, you get contact for Astra related plugins as well.

Below is the list for the White Label Settings and their respective White Label Constants

# Astra Theme and Astra Pro Plugin

White Label Settings
White Label Constants

Agency Author Name
AST_WL_ASTRA_AGENCY_AUTHOR

Agency Author URL
AST_WL_ASTRA_AGENCY_AUTHOR_URL

Agency License URL
AST_WL_ASTRA_AGENCY_LICENCE

Astra Theme Name
AST_WL_ASTRA_NAME

Astra Theme Description
AST_WL_ASTRA_DESCRIPTION

Astra Theme Screenshot
AST_WL_ASTRA_SCREENSHOT

Astra Pro Name
AST_WL_ASTRA_PRO_NAME

Astra Pro Description
AST_WL_ASTRA_PRO_DESCRIPTION

# Starter Templates plugin or Astra Premium Sites plugin (available with Astra Essential Bundle and Growth Bundle)

White Label Settings
White Label Constants

Astra Sites Name
AST_WL_ASTRA_SITES_NAME

Astra Sites Description
AST_WL_ASTRA_SITES_DESCRIPTION

# Lightweight Sidebar Manager Plugin

White Label Settings
White Label Constants

Sidebar Manager Name
AST_WL_BSF_LW_SB_NAME

Sidebar Manager Description
AST_WL_BSF_LW_SB_DESCRIPTION

# Astra Hooks Plugin

White Label Settings
White Label Constants

Astra Hooks Name
AST_WL_ASTRA_HOOKS_DESCRIPTION

Astra Hooks Description
WP_UAEL_WL

# Custom Fonts Plugin

White Label Settings
White Label Constants

Custom Fonts Name
AST_WL_BSF_CUSTOM_FONTS_NAME

Custom Fonts Description
AST_WL_BSF_CUSTOM_FONTS_DESCRIPTION

# Adobe Fonts (Custom Typekit Fonts)

White Label Settings
White Label Constants

Adobe Fonts Name
AST_WL_CUSTOM_TYPEKIT_FONTS_NAME

Adobe Fonts Description
AST_WL_CUSTOM_TYPEKIT_FONTS_DESCRIPTION

How to use White Label Constants?

Step 1 – Open and edit the wp-config.php file.Step 2 –  Find the line /* That』s all, stop editing! Happy blogging. */ and add White Label Constants code just before this line.Step  3 – Below is the sample code for the White Label Constants. You can update the strings as per your requirement.

define( 'AST_WL_ASTRA_AGENCY_AUTHOR', 'Agency Author' );
define( 'AST_WL_ASTRA_AGENCY_AUTHOR_URL', 'www.your-website-url.com' );
define( 'AST_WL_ASTRA_AGENCY_LICENCE', 'www.your-get-licence-url.com' );
define( 'AST_WL_ASTRA_NAME', 'Fastest WP Theme' );
define( 'AST_WL_ASTRA_DESCRIPTION', 'WordPress theme' );
define( 'AST_WL_ASTRA_SCREENSHOT', 'www.your-theme-screenshot-url.com' );
define( 'AST_WL_ASTRA_PRO_NAME', 'Pro Addon' );
define( 'AST_WL_ASTRA_PRO_DESCRIPTION', 'Pro Addon extends the features of theme' );
define( 'AST_WL_ASTRA_SITES_NAME', 'Ready Sites' );
define( 'AST_WL_ASTRA_SITES_DESCRIPTION', 'Library of Ready sites' );
define( 'AST_WL_BSF_LW_SB_NAME', 'Custom Sidebar Manager' );
define( 'AST_WL_BSF_LW_SB_DESCRIPTION', 'Manage your Sidebar' );
define( 'AST_WL_ASTRA_HOOKS_NAME', 'Hooks for theme' );
define( 'AST_WL_ASTRA_HOOKS_DESCRIPTION', 'Use hooks to put custom code' );
define( 'AST_WL_BSF_CUSTOM_FONTS_NAME', 'My Custom Fonts' );
define( 'AST_WL_BSF_CUSTOM_FONTS_DESCRIPTION', 'Add custom fonts' );
define( 'AST_WL_CUSTOM_TYPEKIT_FONTS_NAME', 'My fonts' );
define( 'AST_WL_CUSTOM_TYPEKIT_FONTS_DESCRIPTION', 'Add custom typekit font' );

Colors & Background options for EDD

Easy Digital Downloads Module is a premium feature available with Astra Pro Addon plugin that extends color and background options for EDD pages. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Read about the module here. Make sure that the Easy Digital Downloads Module is activated from Astra Options under Appearance.

Before that please verify if you have the Easy Digital Downloads plugin installed and activated.

Colors & Background options will be available in the customizer under Customize > Easy Digital Downloads > Product Archive / Single Product.

Below are the available tabs –

Product Archive

Product Title Color: Applies color to product title on the product archive page.Product Price Color: Applies color to product price on the product archive page.Product Content Color: Applies color to product short description on the product archive page.

Single Product

Product Title Color: Applies color to product title on the single product page.Product Content Color: Applies color to the product description on the single product page.Product Navigation Color: Applies color to the product navigation at the bottom of the single product page.

How to Add Download Archive Pages to the Menu When Using Astra with EDD?

Easy Digital Downloads plugin allows adding Download Archive pages like Download Categories and Download Tags to the menu.

Below are the steps that show how to add these archive pages to the menu –

Step 1 – From the WordPress dashboard navigate to Appearance > Menus.

Step 2 – Make sure Download Categories and Download Tags options are enabled form the Screen Options.

Step 3 – Choose and add required archive pages from the list. Save the menu.

Note: Make sure each category and tag is assigned to at least one Download. Then only they will appear on the above list.

How to Enable Astra Comment Box on Custom Post Types?

Do you notice the default Comment Box and need to change it to Astra』s Comment Box on Custom Post Type?

Astra provides a filter using which you can replace the default Comments Box with the Astra』s Comment Box.

add_filter( 'astra_comment_form_all_post_type_support', '__return_true' );

You will need to add this filter to the Child theme』s functions.php.

Default Comment box –

Updated Comment box using the above-mentioned filter –

Note: If you are unable to find the Comments box on your Custom Post Types, you will need to enable it from the Types if using Custom Post Types plugin. Also here』s an article to help you locate this feature.

Why font-display property is added to Astra?

With Astra Version 1.8.3 and above, improvement is added with property font-display: fallback; for loading Astra Font.

@font-face {
font-family: "Astra";
src: url( https://wpastra.com/wp-content/themes/astra/assets/fonts/astra.woff) format("woff"),url(
https://wpastra.com/wp-content/themes/astra/assets/fonts/astra.ttf) format("truetype"),url( https://wpastra.com/wp-content/themes/astra/assets/fonts/astra.svg#astra) format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}

While loading a website, there is a very short period of time (100ms according to Google) for which text will not display in a font applied to it. That means custom fonts ( Astra fonts ) will be invisible for a small period of time. Once your website is fully loaded text will display with a font set from the customizer.

For this short period of time browsers have introduced new property font-display which adds a fallback font until custom font is loaded.

For more information, please refer to the doc below – https://developers.google.com/web/updates/2016/02/font-display

Manually Install Astra via FTP

Sometimes you might not able to install the Astra theme via the WordPress dashboard. In such a case, try installing the theme via FTP.

Below are the detailed steps –

Step 1 – Download Astra theme』s zip from WordPress repository Step 2 – Unzip the Astra theme zip fileStep 3 – Open your WordPress site via FTP. We would recommend you to use FileZilla Step 4 – From FTP, visit the root of the WordPress install Step 5 – Now visit wp-content folder > themes Step 6 – Upload Astra unzipped file from step 2

Step 7 – Now the Astra is installed on your site. Go to WordPress Dashboard and activate it from Appearance > Themes

Typography options for EDD

Easy Digital Downloads Module is a premium feature available with Astra Pro Addon plugin that extends typography options for EDD pages. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Read about the module here. Make sure that the Easy Digital Downloads Module is activated from Astra Pro options. And before that please verify if you have the Easy Digital Downloads plugin installed and activated.

Typography options will be available in the customizer under Customize > Easy Digital Downloads > Product Archive / Single Product.

Below are the available tabs –

Product Archive

Product Title: Applies typography to product title on the product archive page.Product Price: Applies typography to product price on the product archive page.Product Content: Applies typography to the product description on the product archive page.

Single Product

Product Title Color: Applies typography to product title on the single product page.Product Content Color: Applies typography to the product description on the single product page.Product Navigation Color: Applies typography to the product navigation at the bottom of the single product page.

How to Disable EDD Inbuilt Styling?

Astra is integrated with the Easy Digital Downloads plugin. That means Astra provides styling for EDD pages to enhance the look. While EDD plugin provides a default styling as well.

You need to turn off these default styling to enable styling from Astra theme. Below are the steps that show how to disable EDD inbuilt styling –

Step 1 – From the WordPress dashboard navigate to Downloads > Settings and open a Style tab.

Step 2 – Tick the checkbox for Disable Styles option. Save the changes.

This will allow Astra to enable styling to EDD pages.