How to Disable Title on Posts, Pages, or Other Post Types?

How to Disable Title on Posts, Pages, or Other Post Types?

The title is the name of your post, page, or other post types you might have on your website. The title appears in the frontend and can be disabled with Astra Settings or with the custom code

Method 1 – Page/Post Astra Settings

Page/Post meta settings or Astra Settings are available for each individual post or page. Thus, using the Astra Settings you can decide for each post, page, or post type to disable the Title where needed. You can find these settings by accessing your post/page backend editor (e.g Dashboard > Posts > 「Edit」) – check the menu on the right side and scroll down to 「Astra Settings」:

If you wish to apply this setting to a larger number of pages or posts, then editing every page and updating the above setting can be time-consuming. In this case, you can use Astra Bulk Edit plugin. This will allow editing the above settings on multiple pages.

Method 2 – Custom Code

You can also do this using a custom code. This can be a great solution if you want to disable titles on all posts, pages, or other post types.

You can add the following custom code to the functions.php file of your Child Theme:

/**
* Disable title on all post types.
*/
function your_prefix_post_title() {
$post_types = array('page','post');

// bail early if the current post type if not the one we want to customize.
if ( ! in_array( get_post_type(), $post_types ) ) { return; }

// Disable title.
add_filter( 'astra_the_title_enabled', '__return_false' );
}
add_action( 'wp', 'your_prefix_post_title' );

If you don』t have your Child Theme installed, please check this article on how to do it. 

If you are not sure how to add this code, please check this article.

This code will remove titles on all of your pages and posts. You can apply this code only to pages, posts, any of your other post types, or all of them by modifying the bolded part of the code above. Here are the examples how this should look like:

To remove titles on all your posts only:

$post_types = array('post');

To remove titles on all your pages only:

$post_types = array('page');

To remove titles on all pages, posts and example custom post type. This is the example which you can use to add any other post types you want the above code to be applied:

$post_types = array('page','post','custom-type-1');

Colors/Background and Typography options for Footer Bar (Old Astra Footer)

Colors/Background and Typography options for Footer Bar (Old Astra Footer)

Footer Bar is an area where you can put copyright information. See all footer bar settings here. Colors/Background and Typography options for footer bar are listed below –

Note:

We have released the Header Footer builder in Astra version 3.0.0, due to which you will find some new changes. Please check the following article for to learn more about building your footer with Astra』s Footer Builder.

Colors & Background options for Footer Bar

You can set colors for Footer Bar under Appearance > Customize > Footer > Footer Bar.

With Colors & Background module available with Astra Pro, you get an option for Background Image for Footer Bar.Activate Colors & Background module from Astra Pro settings and you can find the option under Appearance > Customize > Footer > Footer Bar.

Note: Please adjust the opacity of background color, as it will appear on the background image. If you don』t want any overlay for background image kindly set background color opacity to zero

Typography for Footer Bar

Typography options set under Appearance > Customize > Typography > Base Typography will be applied to the footer bar by default.

Additional dedicated options for Footer will be available with Typography module available with Astra Pro.

Activate the Typography module from Astra Pro settings and you can find these options under Appearance > Customize > Footer > Footer Bar.

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

Find the Way With Breadcrumbs

Find the Way With Breadcrumbs

The breadcrumbs are showing your visitors the path in which they came to the current content they are viewing. They will show all the higher-level pages/categories that led to the current content. 

Astra Theme Walkthrough Docs:

Astra Theme WalkthroughThis Is Your CustomizerStyle Your Website With Global SettingsBuild Your Header Find the Way With Breadcrumbs (currently reading)Set Up Your BlogAdd Your SidebarsBuild Your FooterHost Google Fonts Locally – Performance Is the KeySee Other Customizer OptionsHow To Build Quick Sites With Astra?Getting the Most Out of Astra Theme

These are navigational links which means that the visitor can easily return to any higher-level category simply by clicking on it.

Use the General tab to enable your breadcrumbs by choosing the Header Position (where should breadcrumbs be positioned in your header) or disable them by choosing 「None」. In addition, you can disable breadcrumbs on specific pages by activating appropriate options from the list.

Also here you can set a Separator which will be used between the categories, as well as the Alignment.

Styling options for breadcrumbs are located in the Design tab.

Previous: Build Your Header

Next: Set Up Your Blog

Disable All Meta Settings of Page/Post by Default

Disable All Meta Settings of Page/Post by Default

Astra meta settings are page-specific settings. These settings allow you to disable Astra sections on a particular page/post.

In addition, you can disable all Astra meta settings on pages and posts by default (all boxes checked) by using a custom code.

Hence, to do this, add the following filter to the child theme』s functions.php file.

add_filter( 'astra_meta_box_options', 'default_disable_options' );

/**
* Default disable the Meta Options
*
* @param array $meta_option Page Meta.
* @return array
*/
function default_disable_options( $meta_option ) {

$meta_option['ast-hfb-above-header-display'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['ast-main-header-display'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['ast-hfb-below-header-display'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['ast-hfb-mobile-header-display'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['footer-sml-layout'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['footer-adv-display'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['site-post-title'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['site-sidebar-layout'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['site-content-layout'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['ast-featured-img'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);
$meta_option['ast-breadcrumbs-content'] = array(
'default' => 'disabled',
'sanitize' => 'FILTER_DEFAULT',
);

return $meta_option;
}

Which Zip Should I Install from the Store?

Which Zip Should I Install from the Store?

When you purchase any Astra package, you』ll find zip files for the package plugins on your store account under Account > Downloads.

Sometimes you may find more than one zip file for the Astra theme and other purchased plugins. You might be wondering which zip you should install from the list. This article will help you to understand various zip files available in the store. For example –

In the above screenshot, you can see various zip files are available for Astra Theme & Pro Addon. While working on a major update for the Astra, we make it a point to release a few beta or RC versions before the final stable product. Here, users can try out the new features, test them, and share the beta/RC version feedback. The stable version releasing process follows the pattern: Alpha -> Beta -> RC -> Stable. Below is the description for these versions  –

Alpha This package contains very initial development for the new feature.Generally, it is for the internal usage of the development team and it is not available in public. Beta This is the next version of the alpha and contains the basic functionality of new features.  They are available in public.It is strongly recommended to use beta zip on staging or local environment. DO NOT use them on live sites as they release in the middle of development.Beta is released so that users can try the new features, test and share feedback. Read more here. RC ( Release Candidate ) As the name suggests, this package is a candidate for a stable release.Usually, we do not update any major thing after RC package.Again it is strongly recommended to use RC zip on staging or local environment. DO NOT use them on live sites. Stable Zip files that do not have a suffix like RC or beta are stable version zip files. As in the above screenshot,  Astra Pro Addon Plugin – Version 1.5.2 is a stable version zip for Astra Pro plugin.You can use stable version zip on your live sites.

Conclusion

If you wish to test new features, you can use the beta/RC version on the staging/ test environment. As they might need some improvements we DO NOT recommend to use them on live sites.

Finally, if you want to update Astra Pro on your live website, use only a stable version (e.g., Astra Pro Addon Plugin – Version 1.5.2). A stable version is tested and usually error-free, so there should be no major issues after the update.

Set Up Your Blog

Set Up Your Blog

A blog page is used to keep track and display all of your past posts. This is why this page is an archive.

Astra Theme Walkthrough Docs:

Astra Theme WalkthroughThis Is Your CustomizerStyle Your Website With Global SettingsBuild Your Header Find the Way With Breadcrumbs Set Up Your Blog (currently reading)Add Your SidebarsBuild Your FooterHost Google Fonts Locally – Performance Is the KeySee Other Customizer OptionsHow To Build Quick Sites With Astra?Getting the Most Out of Astra Theme

To set your Blog page, start by creating and naming a page (Dashboard > Pages > Add New). Then, navigate to Dashboard > Settings > Reading and set this page as your 「Posts page」. This will apply the Blog Archive template to this page – that means any previous content on this page will not be visible. This is why we use an empty page for this.

Within this option, you can also modify the number of posts to be shown on each page of your Blog archive (the default value is 10 posts).

Once you set this, you can customize your Blog / Archive page and your Posts using the Astra theme Blog option in the Customizer.

Blog / Archive

Within the General tab, if you wish to change a default Content Width set for your whole website, just select 「Custom」 and set the custom width specifically for your Blog page. 

You can modify the way the posts are displayed on the Blog page. In the Post Structure and Meta sections, you can set the order of elements in which they are displayed by simply dragging each of them to the desired place in the list.

Also, you can hide any element in the list by clicking on the 「eye」 icon on it (click the 「eye」 icon one more time if you decide to have the element displayed again).

The last option, the Post Content, lets you choose if you want to show the Full Content of the posts on the Blog page or only Excerpt.

Available styling options in the Design tab are setting the Archive Title Font Size (the Blog page title) and the Post Title Font Size (title of each of your posts shown on the Blog page).

Single post

A Single post option is used to customize the way your Posts are displayed.

General Tab

Similarly as with Blog / Archive settings, in the General tab you can set the Custom Width for your Posts and modify Structure and Meta.

The last option in the General tab allows you to Enable Related Posts and adjust the settings according to your needs. You can set a custom Title for a related posts section, set the Number of related posts, Grid Column Layout, as well as Posts Query and Structure. You can find more details on related posts in this article.

Design Tab

In the Design tab, you can find options for changing the Post / Page Title Font Size.

Previous: Find the Way With Breadcrumbs

Next: Add Your Sidebars

Not Valid License – Starter Templates

Not Valid License – Starter Templates

While importing a site template or a single page template, you might observe a button that says – 『Not Valid License』. In this article lets see a possible reason for the notice and how this can be fixed.

As Premium Starter Templates need a license while importing, you will always see this notice with 『Premium』 templates.

Why?

As you know starter templates with 『Premium』 tag are available with – Astra Essential Bundle and Growth Bundle.

While purchasing Astra Essential Bundle you get a choice of a one page builder addon. You can choose either – Ultimate Addons for Elementor or – Ultimate Addons for Beaver Builder

In case you have purchased the Essential Bundle with a choice of 『Elementor』 page builder addon but trying to import a starter template designed with Beaver Builder, you will see 『Not Valid License』 notice. That means you have a license for Elementor Agency templates while you are trying to import the Beaver Builder Premium template. OR vice versa.

How to Fix?

In case this is not intentional you can switch to the desired page builder and continue importing the Premium starter template. But if this is intentional and you want to import Premium template with another page builder (in the above case, with Beaver Builder)-

Upgrade to Astra Growth Bundle – You can upgrade your current Essential Bundle to Astra Growth Bundle. For this, you will just need to pay a difference amount between both packages (read more here).

Astra Growth Bundle gives you access to all Premium templates including templates built with both Elementor and Beaver Builder.

In case of any query, get in touch with our support team from the link here.

Elements in Header/Footer Builder With Astra Theme and Astra Pro

Elements in Header/Footer Builder With Astra Theme and Astra Pro

Since Astra 3.0.0 (Theme and Pro), you can build great headers and footers easier than ever. Astra Header and Footer Builders give you great flexibility by bringing different features as individual elements. Now, you can place multiple elements and organize them any way you want.

Hence, you』ll find the list of all available elements for both header and footer in this document.

Header Builder

Further down, you』ll find the list of available Header Builder elements. Depending on the element type, some elements can be added more times. For example, you can add two separate 「HTML」 elements with different codes to your header.

Also, you can use a larger number of certain types of elements with Astra Pro. In addition, some elements are not available with Astra Theme only.

You can find more details on header options and each header element in this article.

Astra ThemeAstra ProSite Identity & Logo Site Identity & Logo + 1 extra optionPrimary MenuPrimary MenuSecondary MenuSecondary Menu1x Button2x Button + up to 102x HTML2x HTML + up to 102x Widget4x Widget + up to 10SearchSearch + 1 extra optionSocial ShareSocial Share + up to 10WooCommerce CartWooCommerce Cart + 1 extra optionEDD CartEDD Cart + 1 extra optionOff-Canvas Menu (on Mobile & Tablet)Off-Canvas Menu 1 + extra options (on Mobile & Tablet)Account Account + extra options 3x Divider + up to 10Language Switcher [NEW]Toggle Button (for Desktop) [NEW]

Footer Builder

Similarly to Header Builder elements, you will find available footer elements in the table below. Here, you』ll notice that available element types and a number of elements are adjusted to footer requirements.

You can find more details on footer options and each footer element in this article.

Astra ThemeAstra ProFooter MenuFooter Menu 1 + extra options Social Share Social Share 1 + up to 102x HTML2x HTML + up to 10 4x Widget4x Widget + up to 10CopyrightCopyright + extra options2x Button + up to 10 3x Divider + up to 10Language Switcher [NEW]

Host Google Fonts Locally – Performance Is the Key

Host Google Fonts Locally – Performance Is the Key

Building a great-looking website is very important, but so is your websites』 performance. Astra Theme is well-known as the fast theme featuring a clean, performance-optimized code that results in fast website loading. Still, there are some additional third-party services you might use on your website (e.g., Google). All these services will have an impact on your performance.

Under the 「Performance」 option (Customizer > Performance), you will find all the options and settings available with the Astra Theme that can help your websites』 performance.

Astra Theme Walkthrough Docs:

Astra Theme WalkthroughThis Is Your CustomizerStyle Your Website With Global SettingsBuild Your Header Find the Way With Breadcrumbs Set Up Your BlogAdd Your SidebarsBuild Your FooterHost Google Fonts Locally – Performance Is the Key (currently reading)See Other Customizer OptionsHow To Build Quick Sites With Astra?Getting the Most Out of Astra Theme

Load Google Fonts Locally

When you use any Google font on your site, it requires a request to be sent to Google to fetch that font every time you load a page or post. This can harm your CLS points in the Core Web Vitals score. To help improve this, Astra Theme comes with a Self-Hosted Google Fonts feature built-in. This feature was added with Astra Theme 3.6.0 update. You can learn more about this feature in our Blog article.

This feature can be enabled by clicking on the 「Load Google Fonts Locally」 option.

Activating this feature will send only one Google Font API request, which will gather all of the font data & assets files from Google and store them locally on your server. Then, for any further requests, the Google fonts will be loaded using the locally stored files (until this option is enabled).

Preload Local Fonts

Once you have your local font files enabled, you can also preload these. By default, a browser will wait to load the font file until it starts 「painting」 visible content on the user』s screen (lazy loading). This may cause the situation where a browser is ready to load your websites』 text but needs to wait for the font file to be downloaded first, as it isn』t available yet. This situation slows down your page load and creates a bad user experience.

Preloading fonts will 「tell」 the browser to import the font early on, so the font is ready to be displayed as soon as the browser starts painting the text, which will result in a positive impact on your website performance.

To enable this option, just click on the 「Preload Local Fonts」 setting.

Flush Local Fonts Cache

As the fonts will be loaded and saved locally, any changes with Google Fonts will not be applied automatically. However, to keep your website fonts up to date, this feature will occasionally refresh the locally stored fonts. This will happen with the following actions:

Your website will update fonts automatically every month

Every time you save changes in the Customizer

If needed, you can update fonts manually any time you wish by clicking the 「Flush Local Font Files」 button.

Previous: Build Your Footer

Next: See Other Customizer Options

Astra Theme Walkthrough

Astra Theme Walkthrough

Welcome to Astra Theme Walkthrough!

If you just installed the theme for the first time or you』re exploring all of the possibilities of the Astra theme, this guide will help you get started. All the same, if you』re an experienced user but you need to understand some options better, feel free to explore this extensive walkthrough.

Astra Theme Walkthrough Docs:

Astra Theme Walkthrough (currently reading)This Is Your CustomizerStyle Your Website With Global SettingsBuild Your HeaderFind the Way With BreadcrumbsSet Up Your BlogAdd Your SidebarsBuild Your FooterHost Google Fonts Locally – Performance Is the KeySee Other Customizer OptionsHow To Build Quick Sites With Astra?Getting the Most Out of Astra Theme

Astra Theme Introduction

Astra is a multi-purpose WordPress theme developed by Brainstorm Force for great performance and with SEO in mind. Being a multi-purpose theme means that it is suitable for building any type of website. 

Astra theme comes fully integrated with a default WordPress builder, the Blocks Editor (Gutenberg), and with free Brainstorm Force plugin Ultimate Addons for Gutenberg that extends its capabilities even further (you can activate it at Dashboard > Appearance > Astra Options). 

It works seamlessly with all page builders including Elementor, Beaver Builder, and so on. In addition, the Astra theme provides integrations with plugins like WooCommerce, Easy Digital Downloads, LearnDash, Lifter LMS, and compatibility with many other plugins.

To help get you started as fast as possible, we constantly work on adding new templates to our Starter Templates library. Feel free to skip forward to the next chapter of Astra Theme Walkthrough and check how you can create your website quickly using Starter Template.

Quick Installation and Setup

Astra Theme is a free WordPress theme available directly from the WordPress repository.

To install the theme on your website, navigate to Dashboard > Appearance > Themes > Add New. In the search box (right side of a screen) type in 「Astra」, hover over the theme, and click on 「Install」.

Alternatively, you can manually install the theme by downloading the file from our website and uploading it to your website using your Dashboard (Appearance > Themes > Add New > Upload Theme), or via FTP. 

Astra Child Theme 

What is child theme?

As the name suggests, a Child theme is a sub-theme of the Parent theme. Your Astra theme serves as a parent theme and holds all of the functionality and features. You could think of the Child theme as an outer layer around your parent theme (Astra) containing only your customizations.

Why we need it?

Child theme stores all your changes to the website and has no influence on your website performance. Its role is to enable you to add modifications to your website safely without making any changes to the actual files of your Astra theme.

Also, its role is to preserve any custom code or modifications when updating the Astra theme, as updating the theme replaces all theme files with the new updated ones.

Although you don』t need to have a Child theme installed to make a website, in time, you might need to do some custom changes to your website, and a Child theme will come in handy. Thus, it』s advisable to install the Child theme in the mere beginning.

How to use it?

The Child theme can』t work on its own as it has no functions and relies on its Parent theme – the Astra theme. Thus, you need to have both Astra (parent) theme and Child Theme installed.

To use the Child theme, select the Child Theme as your active theme (this will have you using both Astra and Child theme at the same time).

The child theme doesn』t need updating. Thus, you need to update only your Astra (parent) theme when the new theme versions are released.

How to generate and install child theme?

If you decide to use the Child theme, check details on how to generate and download it, as well as how to set it up in this article.

Switching to Astra Theme

You already have a website or have you started building one, and you』re thinking about switching to the Astra theme?

This process should be easy and ensure that you don』t lose your design or content. Astra theme works best with Gutenberg, Elementor, Beaver Builder, and Brizy, and if you created your website using any of these Page Builders, the switch will go even smoother.

Before continuing with Astra Theme Walkthrough, please see more details on some tips that can help you when switching to the Astra theme.

Next: This Is Your Customizer