Lightweight/responsive/multipurpose theme Astra

Official Demo:Enter

Official price: 49-149 US dollars,This site provides continuous new versions and Chinese updates

Pay attention to the overall effect

No jQuery

Astra uses vanilla JavaScript to prevent render-blocking jQuery from getting in the way and impacting performance.

It loads in just half a second!

Astra is built for speed and fully optimized for performance. As the most lightweight theme, it loads in less than 0.5 seconds!

Self-hosted Google Fonts

Astra provides the ability to obtain Google fonts on your website and store them locally on your server. As a result, fonts will load faster and improve Core Web Vitals (CWV – CLS) scores.

Less than 50 KB

Astra requires less than 50KB of resources, while other WordPress themes require 100KB of resources.

Optimize code

Astra uses default WordPress data and follows best coding standards to ensure every piece of code is optimized.

Powerful design options

layout

Use layouts to manage the layout of website containers such as headers, blogs, single pages, posts, etc.

Transparent header

Use Transparent Title Set a transparent title background and pull the page up to merge the two.

Mobile header

With this feature, you can customize and adjust title breakpoints, set different logos, menu styles, colors, etc. for mobile devices.

mega menu

Create beautiful templates using your favorite page builder, or enter shortcodes to include layouts in mega menus on your site.

Dedicated sidebar

With Astra, you can create page-specific sidebars that can override the settings and customization of the default sidebar on your website.

Header and footer options

Astra comes with several built-in header and footer options that can be further extended with the Astra Pro plugin.

sticky title

This is a header that sticks to the top of the page even as the user scrolls. It allows quick access to menus from any part of the page.

header

You can add a custom page title and set display rules to display it on specific pages and posts on your site.

Color and typography

You can set colors and fonts that blend perfectly with your brand, and easily manage color and typography throughout your website.

WooCommerce support

Astra fully supports WooCommerce and helps you build and design your store through the customizer itself. You can build a fast and attractive store today!

website layout

boxed

Astra allows you to display your main content in a boxed layout to differentiate it from other content seen on the page.

Padded

You can insert specific margins at the edges of your content to give it a padded appearance. The Astra's padded layout makes it easy to do this.

spacing control

Astra's Spacing Addon allows you to manage margins and padding around all elements and override the default spacing settings.

full screen width

Astra comes with a default full-width layout that allows you to use the entire width of the main content on your website.

fluid layout

Astra gives you the option to choose a fluid layout, allowing you to stretch your entire website to the end of the screen.

Default container

Astra provides you with a default container, called the main container, with its own specific layout and settings within the customizer itself.

format

Default

Typography presets are a set of ready-made text and title font options. ​​Choose the right font with just one click for a better user experience.

google fonts

Astra allows you to choose from up to 700+ Google fonts to ensure you get the best typography for your website.

Responsive font size

Astra allows you to control layout size based on the device you want to view it on. You can choose different font sizes for different devices.

Font size PX, EM

Want to use your favorite units for font size? Astra allows you to set them up in PX or EM. Choose one you are familiar with.

Custom font

Want to use custom fonts on your website? With the free custom font plugin, you can import and use any custom font you like.

Paragraph margin options

Astra gives you an option to manage the spacing between and around paragraphs using paragraph margin options.

text conversion

Astra supports text conversion of title tags. You can choose a consistent text format for specific title tags.

color and background

Main title

Astra gives you a range of options to control the colors and background within the main header of your website. You can change them for mobile and desktop devices.

below title

Would you like to change the colors and background in the header below? Astra lets you change the color of everything inside.

sticky title

Astra gives you a range of options to control the colors and background within your website’s sticky header.

Blog/Archives

You can manage the colors on your blog or archive pages through Astra's Color and Background Customizer settings.

Sidebar

Have you ever thought about customizing the color and background of your sidebar? You can do this using the Astra color and background settings in the Customizer.

above title

You can also manage the colors and background on the header above! You can set different colors and backgrounds for mobile devices.

Transparent header

You can also set different colors on transparent headers and modify them easily! Astra gives you simple color and background settings in the customizer.

content

Astra provides you with a simple interface to manage colors for different types of content from one location. You can control the color of title tags and more.

single page

Do you want to manage colors and backgrounds on individual pages of your website? Astra allows you to control them via the customizer.

footer

In addition to the header, sidebar, and everything throughout the page, Astra also gives you various options to manage colors on the footer.

Blog layout

grid layout

Use the blog layout in Astra theme to display all your blog posts in a grid layout on your blog page.

masonry layout

Want to display your blog posts in a stylish masonry layout? Astra offers you this great layout to display all your posts.

date box

Astra allows you to display a popular date box for every post element you add on your blog page. Display release date in style!

Blog structure control

You can manage how individual posts appear on your blog pages. Control structure by placing feature images, titles, and metatext in order.

Post pagination

Astra allows you to add stylish pagination to spread your blog posts across multiple pages, which can be accessed via the button below.

related articles

Astra makes it easy to display related posts on all individual posts. You have full control over customizing the layout and appearance of related posts.

list layout

Set up your blog page to display your blog posts in a list layout that places each post one after the other.

Highlight first post

Do you want users to make sure they’ve read your first post? Astra allows you to highlight the first post in the list.

Number of excerpts

The excerpt serves as a summary of the post. You can get the corresponding excerpt to be displayed in each post on your blog page.

Blog content width

You can manage the content width of your blog pages using the Blog content width option. This option changes the container width of this page.

Infinite loading

You can select the infinite loading option, which keeps loading blog posts on the same blog page as the user continues to scroll down.

Global design options

global palette

With Astra, you can create dynamic color palettes and control the colors of your entire website from one place. Build your own color palette and use it globally.

Left Logo title

Astra allows you to display your organization's logo to the left of the title. Align it left and use the remaining space for other content.

Right logo title

You can display your website logo in the header and align it to the right using the logo settings in the Astra theme.

title content

Astra allows you to add all types of content in the above header of your website. Want to add HTML code, widgets, shortcodes or just plain text? you can do it!

Layout above title

With easy-to-use layouts, Astra allows you to manage and control the layout of the above titles and their content.

Flexible footer layout

Astra offers multiple options to choose a flexible footer layout to include different types of content, such as widgets. Text, HTML code, shortcodes, etc.

Clone/delete header/footer elements

Cloning will create an exact copy of the element, and deletion will remove unused elements to clear space. This will save you time using the visual header footer builder.

Center Logo Title

Want your logo to appear in the center part of your header? Astra allows you to align your logo and place it in the center of the title.

Mobile header design

Astra allows you to add breakpoints and display popup menus, hamburger menus, etc. depending on the needs of your website.

below the title content

Astra allows you to add different widgets, HTML content, shortcodes, and more to manage content in the header below your website.

Layout below title

Want to change the layout of the following headers on your website? Astra provides you with options to manage the layout of the following headers and their content.

Footer bar layout

Astra allows you to choose the right layout to display on the footer bar on your website. You can select and manage its content.

Internet stories

Web Stories are an engaging way to showcase content from your website, just like Facebook or Instagram Stories. You can share the latest updates, highlights and all the exciting news about your business in a modern style.

Button preset

Pre-built designs of buttons for the entire website. Style your buttons quickly and easily using a set of ready-made button shapes, sizes, and borders.

WooCommerce

Grid settings

Astra's WooCommerce module allows you to display your products in a grid layout that you can customize according to your needs.

Canvas outer sidebar

Astra allows you to add an off-canvas sidebar to your store page. This sidebar initially remains off-screen and can be triggered via a button or link.

Gallery options

Display all your products in the product gallery on your store page. You can set the layout to grid or list and customize it further.

sales bubble style

You can display stylish and attractive sales bubbles on your products to encourage quick purchases and boost sales.

integrated

Support LifterLMS

Astra integrates seamlessly with LifterLMS to help you build an attractive and distraction-free online course website.

Pattern integration

Astra comes with a basic schema markup implementation that helps search engines better understand your website.

Support LearnDash

Astra integrates seamlessly with LearnDash to help you build a user-friendly and attractive website to deliver online courses.

Search Engine Optimization

Astra follows ideal coding standards and is built for speed in creating good website structure, with built-in schema markup making it an SEO friendly theme.

website builder

Custom header

You can create a custom header using your favorite page builder. Build your own custom header and enable it on your entire site or on specific pages.

Custom 404 page

With Astra, you can design an attractive custom 404 page that contains content of your choice and looks much better than the default 404 page.

Display conditions

You can choose to display custom layouts throughout your website, or select specific pages where you want them to appear.

Custom footer

Astra allows you to build custom footers using your favorite page builder and use them throughout your website or on specific pages you wish to display.

Custom layout – hooks

Using hooks, you can inject custom code and content wherever you want. Astra offers a variety of action hooks to choose from.

Website Builder within Gutenberg Pages

You can design custom sections using your favorite page builder and display them at specific locations on selected Gutenberg pages/posts.