入門歸檔 - 第 30 頁共 38 頁

Fix for- cURL error 51: SSL: no alternative certificate subject name matches target host name 『websitedemos.net』

Facing the cURL error 51: SSL: no alternative certificate subject name matches target host name 『websitedemos.net』 while importing the Astra Sites?

Here is the fix.

If the SSL library installed on your server is outdated (OpenSSL/0.9.8b) you might come across this error while trying to download templates from our cloud. More details about the issue below:

The ProblemWhen the template cloud installed your site sends a request to our server, it goes through secure connections. These connections run through a firewall, which keeps our server safe from attacks such as DDoS. To be able to do that, we use a system called Server Name Indication (SNI). Every browser after IE6 supports this, and every major CURL version released after March 2008 supports this.

If your server is still using software older than that, this issue will be obvious.

The SolutionJust ask your hosting provider to update OpenSSL library and you should be OK. The OpenSSL version used should be 1.0 or higher that supports SNI. You may share this article with your host.

Technical BackgroundTo be able to use SNI, you need:

A version of CURL that supports it, at least 7.18.1. The CURL 7.18.1 was released on March 30th, 2008.This version of CURL should be compiled against a library that supports SNI, usually, OpenSSL 1.0 or higher as that enables TLS by default.

Shop WooCommerce

You can style the shop page where all your products are listed. This can be your main shop page or the product archive page.

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

You can find the settings under Appearance > Customize > Layout > WooCommerce > Product Catalog

Choose Product Layout

Astra has two layout options for your Shop page:

Grid View

Where you can display your shop in a grid style, where the product image is displayed at the top.Product-related information like price, sale price, category, etc is displayed below the image.

List View

Where the image and product related information is displayed side by side.

Shop Columns

You can choose the number of columns to be displayed for your products on the shop page, in Grid View and List View.

Grid View

List View

You have control to choose the number of columns on your responsive devices:

Products Per Page

Just like the Blog posts on the archive page, you have control to decide the number of products on the main shop page.

Shop Pagination

Number

The number option restricts the number of products on an individual page.The remaining undisplayed products are divided into further pages

Shop Pagination Style

You can change the change this style to Circle or Square

Infinite Scroll

This option on the product page stands for the unlimited display of products.The page gets extended as far as you keep adding the products on the product archive page with an infinite scroll.

Event to Trigger Infinite Loading

Scroll

Keeps you scrolling the page.

Click

The Scroll may elongate the page and the viewer may lose interest after scrolling at a certain level. To avoid this choose an option of Click where the Load More button appears.This button appears after a certain number of products are displayed in rows.You can change the button text as per your needs.

Typography Options for WooCommerce

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.

You can customize Typography options for WooCommerce using the WooCommerce module available with Astra Pro. Please refer document, to begin with, WooCommerce module.

Activate the WooCommerce Module from Astra Options.

Typography options will be available under Appearance > Customize > WooCommerce > Product Catalog > Typography and Appearance > Customize > WooCommerce > Single Product > Typography

Below are the available tabs –

Base TypographyProduct CatalogSingle Product

Base Typography

From here you can set the Base Typography of your website』s content and the same would apply to the WooCommerce content.

Product Catalog

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

Single Product

Title: Applies typography to product title on the single product page.Price: Applies typography to product price on the single product page.Breadcrumb: Applies typography to product breadcrumb on the single product page.Content: Applies typography to the product description on the single product page.

Cannot edit Custom Layouts / Custom Layouts having 404 error?

Getting 404 error while trying to edit the custom layout?

If you are using Custom Layout module available with Astra Pro. And all the layouts show 404 error when you try to edit it. Please flush the WordPress permalinks.

How to flush the WordPress permalinks?

When a new post type is registered they need to be flushed.

Navigate to Settings > Permalinks from the WordPress dashboard.Click 「Save Changes」.

In case you still face the issue, clear cache of your browser, as sometimes the browser renders the older version of a page that it had saved in memory.

Related Docs –

How to Refresh / Flush WordPress Permalinks?

LifterLMS Integration in Free Astra Theme

This document lists the free features available with the Astra theme and LifeterLMS plugin. To use these features, you need to have the Astra theme along with the LifterLMS plugin installed and activated on your website.

If you have LifterLMS plugin installed and activated, you get the following options with the Astra theme.

Container Settings

Astra gives you an option to set a dedicated container for the LifterLMS courses. These options overwrite all the default container layout settings.

For managing the container navigate to Appearance > Customize > Global > Container > LifterLMS Layout

You can keep the setting default or change into the following layouts –

Boxed LayoutContent BoxFull Width / ContainedFull Width / Stretched

Boxed Layout

Content Box

Full Width / Contained

Full Width / Stretched

Sidebar Settings

Sometimes you would need to set different sidebars for LifterLMS pages than site sidebars. Astra supports default LifterLMS sidebars. Like the container settings, Astra gives you the option to manage the sidebar on the LifterLMS pages.

You will find the settings under Appearance > Customize > Layout > Sidebar > LifterLMS.

Following options are available:

LifterLMS

It will manage the sidebar on pages like Checkout, Profile, Quiz, Courses, Memberships, Membership single.

LifterLMS Courses/Lessons

It will manage the sidebar on Single Course & Single Lesson pages.

For adding the sidebar widgets go to Appearance > Customize > WidgetsYou can drag & drop the widgets from left side Available Widget option

Astra gives you the following options for LifterLMS and LifterLMS Course/Lesson sidebar:

Default: Whatever setting you have applied for your website will be applied to the pages related to LifterLMS No Sidebar: This setting will hide the Sidebar from the pages related to LifterLMSLeft/Right Sidebar: This setting will display the Sidebar on the pages related to LifterLMS

Sidebar Width

Manage the sidebar width of the LifterLMS pages.

LifterLMS Layout Settings

You will find the settings related to the LifterLMS layout in Astra customizer. For settings go to Appearance > Customize > LifterLMS

Here there are options to set columns for the Course and also for the Membership.

Membership Columns

This is the page where various memberships for the courses appear.With Astra, you can manage the number of columns per row.

Styling options for LifterLMS with Astra Theme

Default colors of the site set under Appearance > Customize Global > Base Colors will be applied to the LifterLMS pages.

Typography that you set for the body and headings under Appearance > Customize > Global > Base Typography will be applied to the LifterLMS pages by default.

Typography for Headings of LifterLMS

LifterLMS Pro Module will extend the features ahead.

Getting error – The package could not be installed. The theme is missing the style.css stylesheet?

While trying to upload Astra Pro Addon plugin did you see following error-

If yes, below is the solution –

This error appears when users consider Astra Pro Addon as a theme and try installing it like any WordPress theme. However, Astra Pro Addon is a plugin that extends the Astra theme and adds more features to it.

So to fix this error, install Astra Pro Addon as a plugin through the WordPress backend as described below.

To upload a plugin zip, navigate to Plugins > Add New > Upload Plugin from the WordPress dashboard.

It will install the Astra Pro to your site. After installation, you will find settings under Appearance > Astra Options.

How to White Label Astra?

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.

What is White Label branding?

White label Branding is the ability to rename and present a product or a plugin as your own. This helps you hide the actual identity of the theme and plugins used and lets you use your brand name instead.

Astra Pro comes with an option for white label branding. You can change almost every field to prove that the product is yours and you are the whole and sole developer who has worked on a website.

In order to edit the Astra Pro white label settings, you will need to click on 「Astra Options」 under Appearance, then click white label settings option and add all necessary details in the fields given.

Following is an image of how you can fill the details:

Save your settings.

If you have installed Starter Templates plugin or Astra Premium Sites plugin (available with Astra Essential Bundle or Growth Bundle), you can see options for these plugins as well.

Save your settings.

If you are using the following plugins/options with Astra, you would see options to while label them as shown in above screenshot.

Astra HooksCustom FontsCustom Typekit FontsLightweight Sidebar Manager

Later, if you wish to hide these settings from your client or anyone who would be accessing the backend of a website, you can simply opt to hide these settings by enabling the checkbox for Enable White Label as seen below.

Save your Settings.

Note: If you wish to see these (White Label) settings again after hiding them, you can do so by reactivating (deactivate, then activate again) the plugin from the plugins page.

Want to see where this all will be displayed?

We have a few images for you to understand all the places where all your white label settings will be seen.

This is where the Astra Pro Plugin Name, Agency Author name, Agency Author URL and the Plugin Description will be replaced.

The following image shows the replaced Theme name.

Does White Label Feature Make Changes in the Code?

Colors & Background options for WooCommerce

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.

You can customize color and background options for WooCommerce Pages using the WooCommerce module available with Astra Pro. Please refer document, to begin with, WooCommerce module.

Activate the WooCommerce Module from Astra Options.

Colors & Background options will be available under Appearance > Customize > WooCommerce > Product Catalog and also under Appearance > Customize > WooCommerce > Single Product

Below are the available tabs –

Base ColorsProduct CatalogSingle Product

Base Colors

From here you can apply color to the text (Text Color), and to the links (Link Color) which would apply a color to the five-star rating, Shop page title, Filter link and other links which appear with the products on all pages. Also, the Heading Color will be applied to Product titles.

Product Catalog

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

Single Product

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

Fix for – Parse error: syntax error, unexpected T_FUNCTION

This error is generally seen on servers that have an outdated version of PHP running on your site.

We all know the importance of PHP in core WordPress. It is the foundational coding technology used for the CMS.

PHP versions below 5.5 are declared unsupported by PHP itself and have come to 「End Of Life「. Upgrading to the latest version of PHP is essential to ensure that your site is secure and compatible with all the versions and features of WordPress.

To upgrade the PHP version for your website, just contact your hosting company and they will be happy to do it for you.

Read more about Why Upgrading PHP is important?

How to Edit style.css in Child Theme?

If you want to add custom CSS to the theme you can add it to the child theme』s style.css

Initially, you need to install and activate the Astra child theme. You can edit child theme』s style.css in following ways-

Through WordPress Dashboard

Navigate to Appearance > Theme Editor.Select Astra child theme to edit, from the upper right corner.Select Stylesheet (style.css) to edit and paste the code at bottom of the file.Save the changes.

Through FTP

Open your WordPress site via FTP. We would recommend you to use FileZilla.Navigate to wp-content > themes > astra-childRight-click style.css and select View/EditAdd your code at the bottom of the file and save it.