To install TinySalt theme, first you need a self-hosted WordPress site. Click the link below to go to WordPress download page, there you will find useful information about installing WordPress.
If you are new to WordPress, we recommend reading some articles about basic knowledge of WordPress before you get started. WordPress is a powerful system with a lot of features, knowing some basics about it will help you to manage your site easily.
Here are some detailed WordPress beginner tutorials that we find useful:
To use TinySalt theme, please make sure your server meets the following requirements:
If you encounter any issue listed below, it is related to low PHP configuration limits:
The solution is to increase those PHP configuration limits. Please log into your hosting cPanel and change them. Or you can try to contact your hosting provider and ask them to increase those limits to a minimum as follows:
max_execution_time | 30 |
---|---|
max_input_time | 60 |
memory_limit | 256M |
post_max_size | 64M |
upload_max_filesize | 64M |
About PHP:
In most cases you cannot update the PHP version yourself and need to contact your host about this. The upgrade process is an easy process and should be something your host can do for you without impacting your website or charging you a fee.
How to update your PHP version – by WooCommerce
About WordPress:
We assume that you already have a running WordPress site. Now let's install TinySalt theme.
You need to download the theme zip file from ThemeForest first. Go to Downloads on ThemeForest, and find TinySalt. Download the files and find tinysalt.zip - that's what you need for installation.
Please do not upload the zip file of the entire package (which contains "All files and documentation") for installation. Or you will see "The package could not be installed. The theme is missing the style.css stylesheet" error message. If you see this error message, please unzip the file you tried to upload and then find "tinysalt.zip" file in it.
Here is an article you may like to read: Theme is missing the style.css stylesheet error.
If you can't install the theme via WordPress admin panel, you can try to install it via FTP.
Please note: If you are going to write custom code for the theme, then please check this section.
As mentioned above, when installing & activating TinySalt theme, you will see the notice "This theme requires the following plugin: TinySalt Extension". It is the TinySalt Theme function extensions - including these features: post like, post sharing, gallery slider, Instagram feed and more.
Why do you need to install the required plugin?
Because of WordPress code standards and ThemeForest requirements: "Themes execute the presentation and styling of content, while plugins handle content creation and functionality." Therefore, some features must be included in the required plugin but not included in the theme itself.
Please follow the steps below:
If you need to find "TinySalt Extension" zip file, please:
As mentioned above, when installing & activating TinySalt theme, you will see the notice "This theme recommends the following plugins…". Those plugins are not required to use the theme, but will extend the theme basic functionality. All those plugins are hosted on the official WordPress repository and are made by other authors. You don't need to install and activate all of them, just choose those you will use on your site.
The recommended plugins are:
To make sure images on your site always look sharp and clear on all devices, the recommended width of images is at least 1920 px when it is supposed to be a full-width image.
Images will be scaled and saved into different sizes after you upload them. If your website already has some images before switching to TinySalt theme, you will need to regenerate these images into the new sizes. Please use this plugin: Regenerate Thumbnails. Otherwise, the theme will use the original images when the proper image sizes cannot be found, which may slow down your website performance.
You can set image sizes via dashboard > Settings > Media.
Recommended media sizes for TinySalt theme:
After you change the media size settings, when you upload new images they will be scaled and saved into the new sizes. But for the existing images, you can use this plugin to regenerate the new sizes: Regenerate Thumbnails.
Image quality and quantity are important for a website speed & performance, and also important for user experience. You need to find a balance between them.
Before uploading your images to your website, please optimize your images first (using Photoshop or other image editing tools). Please check this article: How to Optimize Images for Better Web Design & SEO.
After uploading your images to your website, you can install this plugin to further optimize them: Smush.
After installing and activating the theme, please go to Appearance > TinySalt Theme Basic Settings, there you will find some basic settings for the theme.
In this panel, you will find some basic information about the required plugin "TinySalt Extension". And there are 2 options:
When there is a newer version of the theme, after updating the theme itself, you usually need to update the required plugins to ensure maximum compatibility with the theme. However, in rare cases, some users may forget to update the plugin after updating the theme, and then some problems will occur.
In addition, some users may switch themes, they may forget to activate the required plugin after switching back to TinySalt theme, and then they will find that some features no longer work.
In order to avoid the above situations, we recommend checking both options.
In this panel, we provide the link to the online documentation so that users can easily access the documentation, without having to save the URL to the browser.
When updating the theme, please follow the following 2 steps:
We recommend Envato Market plugin. It can install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Once your themes & plugins are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.
Then go to Envato Market > Settings, click on the link to generate a personal token, and then insert it below, then save changes.
When generating your personal token, please use the same Envato account you used when purchased the theme, and make sure you have checked the following 3 permission options:
Once the Envato API connection is made from the Settings page, a list of available Themes will be shown. This will list all WordPress Themes that have been purchased through the Envato Market / ThemeForest. The page may look like this:
If there is a newer version for a theme or a plugin, it will show a notice, and you can update the item by clicking on the link Update Available.
Since the plugin checks for updates periodically, if you don't see the update notification, please wait for a while.
You can find more instructions about this plugin on this page: https://envato.com/market-plugin/
When updating TinySalt theme, if you also see this note:
"The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: TinySalt Extension."
You can choose to enable auto-update and auto-activation of the required plugin. Please go to "Appearance" > "TinySalt Theme Basic Settings", and there are 2 options:
Please check Theme Basic Settings for more details.
If you have installed any cache plugin to optimize performance, such as the "W3 Total Cache" plugin, then, after updating the theme and the required plugin, you need to minify CSS again, and then clear the website cache. If you are using "W3 Total Cache", please follow these steps:
If you are using another cache plugin, you can also find similar features in the cache plugin.
To import the demo content, please make sure you have installed the recommended plugin One Click Demo Import, and please also install and activate all other recommended plugins (you can deactivate the unnecessary plugins later).
After installing TinySalt theme and required/recommended plugins, refresh the page, you will see Import Demo Data under Appearance in the left sidebar. Click it, then you will see the available demos. Choose one demo, click on the Import button.
It can take a couple of minutes, please wait.
About the images used on the demo sites:
Please note: Don't import multiple demos to the same site, it will create duplicate data.
When importing finished, please follow the steps below:
It happens rarely, but if you have issues while importing a demo, please check the documentation Import Issues written by the author of the plugin One Click Demo Import (which we are using for demo importing feature in the theme).
If you see this error message after clicking on import button, this usually indicates a poor server configuration, usually on a cheap shared hosting (low values for PHP settings, missing PHP modules, and so on). Please see this article to know how to fix it.
Alternatively, you can provide us with the following information so that our developer can check that for you:
By default, WordPress shows your most recent posts in reverse chronological order on the front page of your site.
When working with TinySalt theme, your site homepage can be set up as a page with more than one type of content: not just the most recent posts, but also posts slider, posts from selected categories, call to action, newsletter signup form, and more. We call it "Multi-content Homepage".
So when using TinySalt theme, your site structure can be any one of the following 4 types:
Please follow the steps below to set up your homepage.
On your site admin panel, go to Settings > Reading panel, find the option Front page displays, choose Your latest posts.
Then go to Appearance > Customize > Home Page panel. There are 2 content blocks added by default:
By the way, you can also add more content blocks to your homepage to make it more than a simple blog page. You might like to check Home Widgets to know more details.
Your site will have a multi-content front page, plus a blog to manage posts.
Your site will display a static front page as an introduction or welcome, plus a blog to manage posts.
Please go to Appearance > Customize > Home Page panel, you will find 4 sub sections.
When your site homepage is not a static homepage, you can use the theme built-in feature to display a Fullwidth Featured Area on your homepage. The Fullwidth Featured Area will be placed below the site header, and above the latest posts list (and other Home Widgets).
Please go to Appearance > Customize > Home Page panel, you will find the Fullwidth Featured Area section. You can choose to:
If you choose to display a slider, you can pick some posts from one group ("Posts" only, "Pages" or any other custom content is not supported):
If you choose Custom Content, then you will be able to add your custom text and media in the content editor, including inserting shortcodes for your custom slider created by a third-party slider plugin (such as Revolution Slider, or Smart Slider, and etc).
Autoplay Background Video
When choosing Custom Content, you can upload a background image, and you can also set a autoplay video as the background of this featured area. You can upload your video in .mp4 format and minimize its file size for best results, and select it from the media library. Or, you can enter a YouTube video URL.
By default, the autoplay video will not work on mobile devices. Because not all mobile browsers support autoplay video. Since v1.4, we added a new option so that users can choose to enable autoplay video on mobile devices. But this feature will not work if the mobile browser doesn't support this feature.
Your latest posts will be displayed in this area. And you can change the following settings:
There are two additional sections before and after "Latest Posts Area" on the homepage:
In these two areas, you can add different types of content (only for Multi-content Homepage" - find out more) by adding Home Widgets.
Please go to Customizer > Home Page > Home Widgets Area 1 / 2, click on the button Add a Widget, then click on a home widget to add it to your homepage. And you can drag and drop to reorder them, click on each widget to expand its settings panel to tweak content and style.
Currently there are 8 different home widgets, each home widget contain many options for content, layout and appearance:
If you want to display an ad on your homepage, you can add this widget to Home Widgets Area 1 or Home Widgets Area 2. It supports adding a custom ad banner, and ad code (such as Google AdSense).
The settings for this home widget:
You can add a Call To Action section, which contains: an image, promotional text, and a call to action button.
With Custom Content home widget, you will be able to add your custom content via the TinyMCE editor (the classic editor of WordPress). Therefore, you can add many different elements in this section, such as text paragraphs, HTML code, embedded maps, embedded videos, etc.
With this home widget, you can add 3 featured boxes to promote some content.
If you want to add more than 3 boxes, then please add another "Featured Boxes" home widget to the homepage.
With this home widget, you can select some categories and display on the homepage. (You can select as many categories as you like.)
To add the Category Image to each category, please read this chapter: Edit a Category.
With this home widget, you can display your MailChimp Newsletter Signup Form on the homepage. Please note: this home widget is available after installing and activating the recommended plugin: MailChimp for WordPress.
Please check this chapter and setup your Newsletter Signup Form. After the form is created, please add this home widget to your homepage.
Settings of this home widget:
With this home widget, you can add multiple sections with posts on the homepage.
Settings of this home widget:
This is a new home widget added in TinySalt version 1.9.0.
With this home widget, you can add multiple sections with selected products on the homepage. Please note: this home widget is available after installing and activating the recommended plugin: WooCommerce, and please make sure you have created some products.
Settings of this home widget:
On your site admin panel, please go to Appearance > Customize, there you can customise and personalise your theme layout and styles.
You will find the following options in this section:
If you need to upload a SVG logo, please use this plugin: Safe SVG or SVG Support.
To customize your site layout, please go to theme customizer > General > Site Layout.
You can upload a site background image and choose custom background color here.
You can change general color settings, and also can override color settings for specific elements, like site header, sidebar, site footer, etc.
Please go to theme customizer > General > General Colors, there you can:
Please go to theme customizer > Site Header > Header Layouts, there you can:
Please Note:
If you choose "Site Header Layout 3", you need to create 2 new menus and choose menu locations for them. More information please read this chapter: Menus for Site Header Layout 3.
Please go to theme customizer > Site Header > Design Options, there you can:
Go to Appearance > Customizer > Mobile Menu.
Your site's Primary Menu and Secondary Menu will be displayed automatically in the mobile menu screen (How to manage menus). In addition, you can choose to show the following elements:
To know more details about how to set up menus, please read Menu section in this documentation.
You can also change the mobile menu background color, background image and text color there.
Please go to Appearance > Customizer > Site Footer, there are 5 sub sections:
Please go to Appearance > Customizer > Typography to customize font options for text.
Options in this sub section will work for the whole site. You can choose 2 different fonts for different types of text. All 900+ Google Fonts are included in the drop down lists.
There are more options (font weight, font style, text transform…) for you to customize each type of text:
If you don't want to use Google Fonts, you can use a third-party plugin to upload font files for custom fonts, and then add simple CSS code to use these custom fonts. Please follow the steps below.
:root {
--heading-font: custom-font-name;
--body-font: another-custom-font-name;
}
After adding the code, the website will use the font added for "--heading-font" as the font for all headings, and the font added for "--body-font" will be used as the font for the content text.
You can add your Instagram feed on your website. Please note: your Instagram account needs to be public to show feed on your site.
Please go to Appearance > Customizer > General > Instagram.
Before June 2020:
For most users, there is no need to add the Instagram Access Token to display the Instagram feed on the website.
Only a few users need to add the Instagram Access Token because of a connection problem between their websites and Instagram.
Since June 2020
However, starting in June 2020, Instagram made changes AGAIN. Because of these changes, from June 2020, it is required
to add the Instagram Access Token to connect your website with your Instagram account before you can display the Instagram feed on your website.
Please follow the guide below to connect your website with your Instagram account:
Please note: After connecting your website to your Instagram account, you can only display the Instagram feed from the linked Instagram account
"Why do I need to install this third-party plugin?"
In order to resolve this Instagram connection issue, you need to add your Instagram Token to your website. Since Instagram API made changes frequently, we use this third party plugin "Smash Balloon Social Photo Feed" to manage Instagram Token. This is a plugin specifically made for Instagram feed, which is stable and frequently updated. Please keep it activated so that it can connect your website with your Instagram account.
By default, the Instagram cache will exist for up to 2 hours, which means that if your Instagram has just added some new photos, those photos will not be shown on your website until the cache expires. In some cases, you may like to manually clear the cache. Please open your WordPress Customizer, go to General > Instagram, find the “Clear Instagram Cache” option, and click the “Clear Cache” button.
New feature added in v1.6. Click to manually download the latest images from your connected Instagram account to your website. This way the images can be stored on your website and can be optimized by the image optimization plugin to reduce the total page size and load time.
Please note: because downloading pictures requires connecting to Instagram and downloading takes a certain amount of time, this feature requires manual operation by the webmaster. When you upload new pictures on Instagram, if the Instagram Cache expires, the latest pictures of Instagram will be displayed on the website, but these pictures do not exist on your website, their source is still the Instagram website. Only when you log in to your website and manually operate, these new pictures will be downloaded to your website.
If you use any caching plugin on your site, you may find that sometimes your Instagram photos stop updating, especially if you haven’t updated your site content for a while, such as posting a new article. This is because the Instagram feature uses PHP code to render content by default. When the cache plugin works, the code of the Instagram feature may not run.
To avoid this problem, please open your WordPress Customizer, go to General > Instagram, find the “Load Instagram pictures dynamically with AJAX” option, tick the box to enable this option.
Instagram feed cannot be displayed on your website?
Please check by following the steps below:
This problem is caused by the Instagram API change that happened on October 24, 2020.
If this issue happens on your website, updating the theme and the required plugin to the latest version (v1.9.0 and higher) will resolve this Instagram issue. How to update the theme and the required plugin.
These features were added in TinySalt v1.6. Optimizing the image loading method can also optimize website performance.
In the customizer, please navigate to General > Image Loading, then you will find these 3 options.
What is "Progressive Image Loading": This is a modern web technique that is being used on many popular websites. When the page loads, before the large image is successfully loaded, a small blurred image is displayed first. After the large image is successfully loaded, then fade in to the large images. This is for better performance and user experience.
However, using this technique will also increase the total page size: because additional small thumbnails will be loaded.
We added an option to enable or disable the Progressive Image Loading feature in v1.6. And this feature is enabled by default. You can choose to disable this feature if you don't want to load these additional small thumbnails.
Please note: This option only appears when the "Progressive Image Loading" feature is activated.
As mentioned above, when "progressive image loading" is enabled, your total page size will increase. However, you can also enable the "Lazy Loading" feature, and then use a page speed test tool to test the website, you will find that the total page size will be reduced.
This is because when the "Lazy Loading" feature is enabled, only small thumbnails are loaded on the page at the beginning, and the large images are loaded only when the screen scrolls to the image. When you use the page speed test tool to test the website, only the large images of the first screen will be loaded, and the large images of the rest of the page are not loaded, so in the page speed test results, the total size of the page will be less than the actual total size of the page.
Please do not use the theme built-in image loading optimization features and third-party plugins' image loading optimization features (such as "lazy loading") at the same time. For more details, please refer to Speed & Performance - Optimize image loading.
Please do NOT enable this feature unless it is necessary.
When using TinySalt, like many other premium WordPress themes with optimized features, the images you uploaded to your WordPress site will be saved into different sizes and will be used for different places. However, if you think some images on your page are not clear enough, you can enable this feature, so that the original images will be used.
Please use this feature with caution. Activating this function can ensure that the picture is clearer but at the same time will increase the page file size and loading time. Please optimize all images before uploading them to avoid uploading images that are too large (please refer to Optimizing images).
In TinySalt v1.8.0, we added some new options for the post like button. To change these settings, please open the Customizer and navigate to General > Post Like. There are 2 options:
Since v1.9.0, we provide a feature to display the Yoast SEO breadcrumbs on the single posts and single pages. Breadcrumbs are a way to help your users better navigate your site and its structure. Additionally, they can appear on Google and provide a better user experience.
Please note: this feature is provided by the third party plugin Yoast SEO. If you have any questions or problems while using this feature, please contact Yoast SEO Support for further help.
TinySalt provides several places for maually inserting ads.
If you are using Google AdSense Auto Ads, Google will automatically place ads where they’re likely to perform well. More information about this feature can be found here: About Auto ads
The Possible Issue:
Therefore, we cannot control where the ad is inserted on your website. Sometimes, you may find that the sticky sidebar is incorrectly positioned and may overlap other content.
This is due to the fact that when Google AdSense Auto Ads inserts ads to the sidebar, it is not added in the correct position, causing the position of the sticky sidebar to be calculated incorrectly.
The Solution:
Because we cannot control where the ad is inserted on your website, to resolve this issue, the possible solutions are as follows:
Important! After making changes, please clear your website cache and browser cache, and reload the page to check again.
Please go to Customizer > General > Posts General Options. There you can:
In your site admin panel, go to Settings > Reading panel, find the option Front page displays, choose A static page. In the drop down menu for Posts page select a page, for example, "Blog".
The page assigned as the blog page (posts page) is the Static Blog Page.
To customize the layout of the static blog page, please go to Customizer > Archive Pages > Blog Page. There you can:
Go to Posts > Categories, when adding a new category or edit an existing one, you can add a Category Image for this category, then on the category archive page, this image will be used as the page header background image.
And this image will also be used for the custom widget: TinySalt Category widget.
To change the page layout and archive styles for all category achieve pages, please go to Customizer > Archive Pages > Category. There you can change the following settings:
Please note: a category archive only displays the list of posts, so users cannot add a slider or other home widgets to an archive page.
Go to Posts > Categories, when adding a new category or edit an existing one, you will find this option: Category Layout Customization.
Tick this option, more settings will show. Then you can change the layout of this category archive page.
The author information will show:
Author information includes the author profile picture, biographical info and Social Media Icons.
Author pages are Archive pages. They are not static pages that can be found in the "All Pages" list on your website. When you add a new user to the website, WordPress will automatically generate the page for this user (author). It's the same as the "category" or "tag" archive page.
To find an archive page of an author on your website, please go to your WordPress dashboard > "Users" > "All Users", you will find all users on this website. Hover your cursor over the row and then click on "View" link, then the archive page of this author will display.
To add the author archive page to your menu, please copy the page URL in the browser address bar, then add it as a "Custom Link" to your menu.
To edit author biographical info and Social Media Icons, go to your site dashboard > Users > All Users, find the user you are going to edit, click to open the Edit User page, there you can edit the biographical info.
To add or edit the author profile picture, please visit https://en.gravatar.com/ for more information.
To change the page layout and archive styles, please go to Customizer > Archive Pages > Author. There you can customize:
To hide the author info box after single post content, please go to Customizer > Single Post > After the Post > Display Author Info Box, then uncheck the box.
Go to Posts > Tags, when adding a new tag or edit an existing one, you can upload an image for this tag, then on the tag archive page, this image will be used as the page header background image.
To change the page layout and archive styles, please go to Customizer > Archive Pages > Tag. There you can change the following settings:
You can also customize the layout of date-based archive pages. Please go to Customizer > Archive Pages, then go to Date based panel. There you can change the following settings:
You can choose some posts and set them as "Featured Post" manually. Then you can add these posts into many different places: Homepage Featured Area, Home Widgets and TinySalt Posts widget.
On your dashboard, go to Posts > All Posts, then you will see the column Featured, tick the box of some posts to mark them as the featured posts.
Alternatively, you can also change the "Featured" status of a post in the Gutenberg editor:
Please go to Customizer > Single Post > Post, there you can set the default post template and sidebar layout for all single posts, and you can control more general settings for single posts.
Options:
Change Post Template: In the Settings sidebar, find "Post Attibutes":
The other options for a single post: in the Gutenberg editor, click on the "Theme Settings" toggle button. Then click on each setting title to expand the sub panel.
When editing a post, scroll down the page and you can find the "TinySalt Single Post Options" panel & "Post Attibutes" panel. There you can:
We recommend using categories to manage recipe-related posts and regular blog posts. For example, you can create 2 parent categories: "Blog" and "Recipes", and then add sub-categories for each parent category.
And you can set up the "Recipe Index" page to display all recipe-related posts (please refer to the documentation: Setup the Recipe Index page). Only the selected (recipe-related) categories will be displayed on this page.
Then you can add the parent category "Blog" to the menu and display all blog-related posts on this category archive page. With the TinySalt theme, each category archive page can have a different layout. So if you have different parent categories, such as "Blog", "Travel", "Guide and Tips", you can have different post layouts on these archive pages. More details please refer to Individual Category Page Layout.
On each single post, you will find the Post Like button and some Social Sharing buttons displayed after the post content.
Visitors can click these buttons to interact with the post: like it, or share it via social media platforms.
You can choose to show or hide these buttons. Please open your WordPress customizer, then go to General > Social Share Buttons > then find the Social Icons option. Tick the checkbox to show a button.
TinySalt provides some features specifically for Pages.
Beginner's Guide:
When editing a page, in the Settings sidebar, please find the "Page Attributes" panel. There you can change the page template.
When editing a page, please find the "Page Attributes" panel. There you can change the page template.
You can hide the default page header for a page.
In the Gutenberg editor, click on the "Theme Settings" toggle button. Then click on "Hide Page Header" to expand the sub panel, and then enable this option.
When editing a page, scroll down the page and you can find the "TinySalt Single Page Options" panel. Then please tick the box of "Hide Page Header" option.
You can add custom CSS class(es) to a specific page.
What is this for?
This is an advanced function and is usually used by users with knowledge of writing code. You can add specific CSS classes to the "body" tag of a specific page, and then add corresponding CSS code or JavaScript code for these classes to achieve specific results.
In the TinySalt theme, we have provided some preset styles for the following 5 special CSS classes. You can choose to add some of these CSS classes to a page according to your needs. When entering multiple classes, please separate the classes with spaces.
hide-site-header
-
After adding this class, the entire site header (including the logo, site title, tagline, menu, top bar) will be hidden for this page.
This is a new class added in TinySalt v1.9.0.hide-footer
-
After adding this class, the entire site footer will be hidden for this page.hide-footer-logo
-
If you just want to hide the footer logo for a page, you can add this class to the page.hide-footer-signup
-
If you just want to hide the signup form in the site footer for a page, you can add this class to the page.hide-footer-ins
-
If you just want to hide the Fullwidth Instagram Feed in the site footer for a page, you can add this class to the page.no-padding-bottom
-
If you want to remove the padding bottom after page content on a page, you can add this class to the page.Please read the following instructions to learn how to add custom CSS classes to the page.
In the Gutenberg editor, click on the "Theme Settings" toggle button. Then click on "Advanced" to expand the sub panel,
and then you can add custom classes. The class(es) entered here will be added to the <body>
tag of this page.
When editing a page, scroll down the page and you can find the "TinySalt Single Page Options" panel. Then enter custom CSS classes into the "Additional CSS Class(es)" input box.
Please install and activate the free plugin: WP Recipe Maker.
Plugin Documentation & Tutorials
Please navigate to WP Recipe Maker > Settings, then change the following 3 settings:
Please read this documentation for more details on Creating a recipe.
Before creating and setting up your Recipe Index page, you may like to know something basic about it.
The "Recipe Index" page is a special archive/index page. It works similar to the static blog page as any WordPress site: We need to create a real page for it (the "Recipe Index" page in the "All Pages" list on the dashboard), but the contents on the page do not come from the page editor.
Please follow the stpes below to setup your Recipe Index page.
Open WordPress customizer, go to Recipe Index section. Then you can customize the Posts Layout, Posts Style, etc. And you can also choose to show or hide some items in the filters.
Can I add other widgets into this sidebar?
In v1.8.0, we added options so that users can choose how to sort recipes. Please open the customizer and navigate to Recipe Index > scroll down and find the following 2 options:
In the free version of WPRM plugin, there are 6 recipe taxonomies:
You can find and manage these recipe taxonomies via your WordPress dashboard > WP Recipe Maker > Manage > Recipe Fields.
These recipe taxonomies will be displayed in your recipe card. And you can select some of them to display in the Recipe Index Filters.
When you set up your Recipe Index Page, you can customize the filters: Customizer > Recipe Index > find the "Display Selected Filters" options. The selected items will show in the filter sidebar.
We added this feature since v1.5. You can add the recipe taxonomies as URL parameter, and then add the links as the menu items.
When visiting the Recipe Index page, you can add something such as "?tag_course=dessert" to the end of the page's URL so that the page only displays the "Dessert" recipes (other posts will be hidden). And then you can add this URL into your menu as a "Custom Link" and enter a label "Dessert Recipes" for it.
Visitors can vote on your recipes while leaving a comment:
After the comment is approved and published, the rating will be displayed in the Recipe Card:
However, in rare cases, the rating may not be displayed in the Recipe Card. If this issue occurs on your website, please follow the steps below to check:
The "WP Recipe Maker" plugin uses JSON-LD metadata, which is the format that Google recommends. This allows you to show up as rich snippets & rich cards in Google’s search results. For more details about this feature, please read the following documentation of the plugin:
TinySalt theme supports creating subscribe form with the plugin MailChimp for WordPress. It is one of our recommended plugins when installing the theme.
After installing and activating the plugin, please follow the steps below to setup the plugin:
Please make sure you have installed and activated the plugin. Then get to the settings page of the plugin, and enter your MailChimp API key.
To get your MailChimp API key, you can click on the link "Get your API key here" to get to MailChimp site, log into your MailChimp account, and create a key.
After entering your MailChimp API key, you will find the "Your Mailchimp Account" option, and your Mailchimp lists will be displayed.
Please go to MC4WP (MailChimp for WP) > Form to create and edit your Newsletter Signup Form. If you have imported a demo of the theme, then you have imported this form, and you can edit the form title and content.
You can also choose to copy the code below and paste into the form field, and then change some text to suit your website:
<p>
Join thousands of TinySalt subscribers and get our best recipes delivered each week!
</p>
<div class="fields-container">
<input type="email" name="EMAIL" placeholder="Your Email Address" required="">
<input type="submit" value="Subscribe">
</div>
<p>
<label>
<input name="AGREE_TO_TERMS" type="checkbox" value="1" required=""> I have read and agree to the <a href="#" target="_blank">terms & conditions</a>.
</label>
</p>
When editing a form, please click on the "Settings" tab and find the "Lists this form subscribes to" option, make sure you have selected at least one list.
On your site admin panel, please go to Appearance > Widgets. On the page you can see all of the available widgets are listed at the left side of the page. Find the widget "MailChimp Sign-Up Form", drag and drop it into a widget area, or click on the widget and choose a widget area to put it in.
You can add the newsletter signup form to your homepage (only for Multi-content Homepage" - find out more).
Please go to Customizer > Home Page > Home Widgets Area 1(2) > Home Widgets, click on the button "Add a Widget", then click on "MailChimp Signup Form". And you can tweak the home widget's colors, background, and more styles.
The detailed instructions can be found in this sub chapter: Home Widget - MailChimp Signup Form.
Please open the customizer and navigate Popup Signup Form. There you can enable the popup signup form, and then customize the style.
Please note: the "Show Popup Signup Form Once Per Session" feature is a new feature added in TinySalt v1.9.0.
Please open the customizer and navigate Site Footer > Newsletter Signup Form and then check "Display Signup Form" and select a form. The newsletter signup form will be displayed in the site footer on all pages.
Please open the customizer and navigate Single Post > After the Post > find Display Newsletter Signup Form, check the option and more options for the form style will be displayed.
First of all, you need to install and activate the free plugin WooCommerce. Please read WooCommerce official documentation to know how to install and use this plugin.
Upon activating the plugin, you are prompted with a Setup Wizard. We strongly advise following these steps, as it takes you through initial setup.
When finishing setup, WooCommerce creates the following 4 new pages:
If you want to set the Shop page to another page:
To change the setting of the Shop page (the products index page), on your site dashboard, please go to WooCommerce > Settings > Products tab > Display tab, there you
can find the option Shop Page, select what page you want to be the default shop page (you can choose the shop page created by
WooCommerce, or create a new page and choose it). Please check WooCommerce official documentation Configuring WooCommerce Settings
about this part.
Right after installing WooCommerce you may find you have an empty store. There are no products, orders, reviews, and more by default. You can start to create your own products, or perhaps you’d like to see what sample orders and products look like, then you can choose to import some dummy content. Please check this article Importing WooCommerce Dummy Data to know details.
Product Images settings can be found under the Customizer, in WooCommerce > Product Images:
And after changing image sizes, please don't forget to regenerate your thumbnails.
Blurry Product Images?
Please read this article to know how to Fixing Blurry Product Images.
After you have set up your online store and created some products, you can tweak the layout of the shop index page and single product page via WordPress customizer. Please go to Customizer > WooCommerce to customize your shop pages.
Please note: according to ThemeForest Support Policy, Item Customization is not included in item support:
Item support does not include services to modify or extend the item beyond the original features, style and functionality described on the item page. For customization services that will help you tailor the item to your specific requirements, we recommend contacting the author to see if they privately offer paid customisation services or checking out the great service providers on Envato Studio.
And as we don't provide any customization service, when you need help with item customization, we recommend hire a developer to do the customization work for you. And you can check Envato Studio – there are many developers providing theme customization service. You can search with keywords “Theme Customization” to find the suitable developers for your project.
Sometimes you might like to add some custom CSS to your site to personalize some elements' styles. In the customizer, please locate to Additional CSS sub section and add your custom CSS code. Like the example showing in the screenshot below:
This is a default feature of WordPress since WordPress v4.7. If you can’t find Additional CSS sub section in your customizer, then it means your WordPress version is lower than 4.7, please update your WordPress to the latest version.
And after adding custom CSS code, if you don't see any changes, please clear your site cache and your browser cache, then refresh the pages and check again.
If you are going to write custom code for the theme, please use Child Theme.
A child theme is a theme that inherits the functionality and styling of the parent theme. Child themes are the recommended way of modifying an existing theme.
Please download the whole package of TinySalt theme (not just the installable WordPress theme zip file), unzip it and you will find WordPress Child Theme > tinysalt-child.zip. Install the parent theme first, then install the child theme, and activate the child theme.
Then you can change code or write your own custom styles for the theme in the child theme files. Later when you need to update the theme, just update tinysalt.zip (the parent theme), so your custom code changes will not be overwritten (because they are all in the child theme).
You may like to read more regarding the child themes on official WordPress codex page: https://codex.wordpress.org/Child_Themes.
Since WordPress treats the parent theme and the child theme as 2 different themes, based on WordPress logic, it cannot automatically inherit customizer settings.
Therefore, if you need to switch to the child theme after using the parent theme for a while and keep all the customizations made in the parent theme, please follow the steps below.
You can use this plugin Customizer Export/Import to export the customizer settings of the parent theme, and then import the data to the child theme (or vice versa).
Here is an example of exporting the parent theme customizer settings and importing them to the child theme customizer:
After switching to the child theme, if you find that menus have disappeared, please reassign the menus to the menu locations.
Currently we have provided 13 shortcodes for content:
To add shortcodes into content, when edit a post or a page, click on the Add Shortcode button above the editor.
Then choose which shortcode you'd like to add in the popup panel, then choose which style of this shortcode you want to use.
For example, if you'd like to insert a shortcode of drop cap, you can select a paragraph, and then click on the "Add Shortcode" button to open the shortcodes panel, then click on "Drop Caps", there you will see the options you can choose for a drop cap. Click on "Insert Shortcode" button to wrap the selected content with this shortcode.
The shortcode for drop caps will look similar to this:
Please note: most of the shortcodes have an opening tag and a close tag and text content needs to be put between them. Please see below:
[lo_drop_caps] Content goes here. [/lo_drop_caps]
Or,
[lo_button size="large" url="#"] Contact Us [/lo_button]
The shortcodes for Author List and Divider Line don't have a close tag because you don't need to add any text content for these 2 shortcodes.
Gutenberg is the new editor of WordPress core.
If you are new to Gutenberg, you may like to read this doc first.
How to get Gutenberg?
Because there are many differences from the Classic Editor, some theme built-in operations also change in the new editor. Please continue reading for more details.
Please note: Gutenberg is still improving (fast and frequently), its code/logic may change in a newer version. Therefore, sometimes new issues may arise after updates. We will pay close attention to it and we will be grateful for any problem report.
TinySalt theme built-in image galleries - Slider Gallery & Justified Gallery have been converted into Gutenberg Blocks.
Let's take the Justified Gallery Block for example:
Step 1 - When adding a block, find Theme Blocks, click the Justified Grid Gallery to add it to the content area.
Step 2 - Then you will see the block has been added. When selecting this block, the settings for this gallery will show in the right sidebar. Click on the "Media Library" button to open the Media Library where you can create a new gallery.
Step 3 - In the Media Library panel, you can upload new images, or select some existing images, and then click "Create a new gallery" button.
Step 4 - Then you can edit this gallery: reorder images, remove images, add captions, add new images into this gallery. Then click "Insert gallery" button.
Step 5 - Now the gallery can be previewed in Gutenberg.
It is similar when adding a Slider Gallery:
In the Classic Editor, TinySalt Single Post/Page Options are meta boxes which were displayed below the post editor. We have also redesigned these settings to fit in the Gutenberg UI - Sidebar. So, if you edit a post/page in Gutenberg, you can find the Single Post/Page Options in the editor sidebar.
For example, when editing a post in Gutenberg editor, please click on the "Theme Settings" toggle button to display the Single Post Options. (When editing a Page, the "Theme Settings" will show Single Page Options.)
The options are organized into groups, click on each group heading to expand the group and show its settings.
Please make sure the "star" icon is enabled to pin Theme Settings toggle button to Gutenberg Toolbar:
If the "Theme Settings" is unpinned from the toolbar and you cannot find it, please click the "Show more tools and options" icon, then you can find "Theme Settings" in "Plugins".
If the post format is Gallery / Video / Audio, the media files can be picked in Theme Settings section. Please see the screenshot below as reference:
The theme built-in shortcodes have been converted into Gutenberg Blocks.
Drop Caps - when editing a paragraph, enable the "Drop Cap" option, then select a style from "Drop Caps Settings" drop down list.
Highlight & Tweet It (inline):
When working with TinySalt theme, you can translate everything to any language, and you can also make a bilingual/multilingual site.
You can use Poedit or Loco Translate to translate the theme text. When translating the recipe card, please check this sub-chapter.
Table of Contents:
TinySalt theme is translation ready. We have included .pot file which can be used for translating the theme into any language.
Please use this free tool to translate: poedit. You can download the tool to your computer, and read poedit documentation to know the details about how to translate your site with the tool.
Let’s translate the text "Join the Conversation" into German as a simple example:
In the tinysalt theme folder, please go to languages, there you can find the "tinysalt.pot" file.
Please download and install poedit on your computer first. Then right click the "tinysalt.pot" file and choose to open it with Poedit.app.
Or open Poedit.app first, then choose “Create New Translation” and choose "tinysalt.pot" file.
Select the target language in the list, for example, "German":
Find the text you'd like to translate, then enter the translated text into "Translation" box.
When complete the translation, click “File” > “Save as”, then add "tinysalt-" as the prefix to the file name. So if the default file name is “de_DE.po”, change it to “tinysalt-de_DE.po”.
Then you will get 2 files: “tinysalt-de_DE.po” and “tinysalt-de_DE.mo”.
Please upload the 2 files to your WordPress site via FTP. Please put the 2 files to the path “wp-content/languages/themes”, like shown in the screenshot below. You may need to create a new folder and name it “themes” if the folder doesn’t exist.
Please note: Don’t upload to wp-content > themes, the correct path is wp-content > languages > themes.
In your WordPress dashboard, go to Settings > General > Site Language, choose the target language in the list, then save changes to let your site use the translated file.
As you can see in the screenshot below, the text "Join the conversation" of the comment section has been translated into "Tritt dem Gespräch bei":
And please note: when switch your site language, be careful with the language options. For example, if you choose “Deutsch (Schweiz)” instead of “Deutsch”, then the translated files should be named as “tinysalt-de_CH.po” and “tinysalt-de_CH.mo”. WordPress will not load “tinysalt-de_DE.po” and “tinysalt-de_DE.mo” for “Deutsch (Schweiz)” language option.
Alternatively, you can install this third-party plugin on your website and translate the theme text directly from your website dashboard: Loco Translate.
Please read the plugin's documentation for the detailed user guide:
When using Loco Tranlate, on your website dashboard, please go to "Loco Translate" > "Themes" > find "TinySalt" (or "TinySalt Child", depending on which theme is activated). Click on "TinySalt" then you will be able to add a new language, or edit the translation of an exisiting language.
When "Initializing new translations", please find "Choose a location": you will choose where to save your translation file. (More details can be find here.)
You can change the location for translations. On the editor screen of a language, please click the "Relocate" tab, there you can change the location, and then click "Move Files".
Once on the editor screen you'll see all the strings included in the .pot file of the theme. The basics of the editor should be fairly intuitive. Select the English string at the top and enter your translation in the pane at the bottom. You just need to enter a translation and save it.
Please kindly note: Loco Translate is a third-party plugin created and maintained by other authors (not us), when you need help with this plugin, please contact the author of the plugin. This is the support forum for "Loco Translate".
To translate text in the recipe card, please find the "wp-recipe-maker.pot" file included in the WP Recipe Maker plugin's folder. Please read this tutorial for more details: Translating text in the WP Recipe Maker plugin.
Please note the following:
The "WP Recipe Maker" plugin already contains translation files files for some languages. Therefore, when you switch the site language from English to your language, you may find that most of the text in the recipe template/card will be translated automatically.
However, there might be some new text added in updates of the plugin, and these new text haven't been translated and included in the plugin, so you need to translate these text manually. You can use the "Loco Translate" plugin to merge your translations into the translation files provided by the plugin.
When using Loco Tranlate, on your website dashboard, please go to "Loco Translate" > "Plugins" > find "WP Recipe Maker". Click on "WP Recipe Maker", then you will see the translation files provided by the plugin. And you can add a new language, or edit the translation of an exisiting language.
In the screenshot above, you can see that the "Translation Progress" of some languages is "100%", but there may still be some new texts that have not yet been translated and require you to translate them manually.
For example, click "German". Then you will see this notification: "Debug: Translations don't match template. Run sync to update from wp-recipe-maker.pot". Please click on the "Sync" button.
Then you can add new translations to the translation file.
There are some recipe meta created with the "WP Recipe Maker" plugin, such as "Courses", "Cuisines", "Keywords", etc. When translating the recipe cards, you can add new items for a meta in your language. For example, you can add Französisch ("French" in German") for the "Cuisines".
However, when using the free version of "WP Recipe Maker", it is not possible to add new items to "Diet". So the items in "Diet" will always be in English. To know the version of the plugin required to add new items to "Diet", please contact the author of "WP Recipe Maker".
You can use Loco Translate to change some text instead of translating it.
For example, if you'd like to change the text of the load more button from "Load More Posts" to "Load More Recipes" (from one English word to another English word), please follow the steps below:
If you are going to create a bilingual or multilingual website, we recommend using Polylang or WPML.
The differences between these 2 plugins:
In this chapter, we will provide simple explanations and points to explain how to make your WordPress site to be a bilingual/multilingual site when you are using TinySalt theme and the third-party plugin Polylang.
If you want to use WPML, please read the next chapter.
Please note: because Polylang is a third-party plugin, so we will only provide links to this plugin’s official documentation. We will not be able to provide details about how to use this plugin, or provide support service for this plugin.
There are several different types of content that need to be translated separately:
Resources of Polylang:
Theme Strings: they are strings written in the theme code (included in the .pot file), for example, "Join the Conversation" (Comments Section Title) on each single post or page. To translate these strings, please follow this guide: Translating the theme.
Please make sure you have translated all the Theme Strings you need.
Please note: if you have imported demo data, then some strings are entered into the customizer during the demo importing process, then you will need to translate these strings by Polylang. Please see more details in "Step 3 – 2. Translate User Defined Strings".
Polylang allows you to translate user defined strings such as the site title, the tagline, or the widget titles. Moreover themes and plugins can allow you to translate their options here.To translate User Defined String, you must use the Strings Translations Table of the Polylang plugin.
There are 2 types of User Defined String:
For all widgets you have now the possibility to choose to display it for all languages (default) or only one language. If you select "All languages" you will have the possibility to translate the title in the Strings translation option.Please read this article: https://polylang.pro/doc/widgets/.
TinySalt theme contains a built-in homepage drag and drop builder in the customizer to create a "Multi-content Homepage". Please read our documentation to know more details about it: Multi-content Homepage.
When creating a bilingual/multilingual site, you will need to create different home widgets for different languages.
For example, on the homepage, we have a home widget displaying the most viewed posts, this home widget has a title "Most Popular".
This is a new feature we added since v1.5. Please make sure you have updated the theme and required plugin to the latest version first.
On your website dashboard, please go to Appearance > TinySalt Basic Settings, you will find the MC4WP Multilingual Manager for Polylang. This option will show when Polylang and MC4WP are installed and activated.
Therefore, please create separate recipes for other languages, and insert them into the posts. For example, if there is a recipe "Almond Pastry Cookies" and it has been inserted into the English post "My secret Cookie Recipe", then we will add the German version of the recipe and the post.
WP Recipe Maker provides a tutorial, please read it for the detailed instructions: How to use WP Recipe Maker for a multilingual blog.
After creating and setting up the Recipe Index page for the main language (Related chapter: how to create Recipe Index), please follow the steps below to translate the Recipe Index page into other languages:
In this chapter, we will provide some explanations and points to explain how to make your WordPress site to be a bilingual/multilingual site when you are using TinySalt theme and the third-party plugin WPML.
If you would like to know the differences between Polylang and WPML, please check this chapter.
Table of Contents:
When you have created some pages and posts on your website, you can translate them into other languages.
For example, if you are going to translate a page. On your website dashboard > "Pages" > in the "All Pages" list, you will see these icons (translation controls) in the "Language" column. Or, you will find the "Language" box when editing the page.
Click on the "+" button of the language you are about to translate the content to. For example, "German". This creates a new German translation for it. Then enter the content written in German. And publish the page.
If you need to updating the translation of a page or post, please go to "Pages" or "Posts". For the translated pages or posts, the "+" icon will change to a pencil icon. Click on the pencil icon if you need to modify your translation.
Translating post tags is just as same as translating categories. The only difference is you only need to enter tag Name and Slug.
You can also translate post categories and tags via WPML Taxonomy Translation.
The following texts need to be translated on the String Translation screen. (Read more about Theme and Plugin Localization.)
By default, WPML doesn’t scan or load these translation files into the database. Because of this, you will not be able to find these strings on the WPML → String Translation page. If you want to translate or edit these strings, you first need to scan the translation files of the related theme or a plugin.
To translate texts coming from the theme and plugins, you need to scan them first. Go to the WPML → Theme and plugins localization page and find Strings in the themes box. Select "TinySalt" and click the Scan selected themes for strings button.
Please navigate to WPML → String translation page. Then you can:
For example, let's translate the "Load More Posts" button. The original text is entered in the customizer.
Useful Links:
TinySalt theme contains a built-in homepage drag and drop builder in the customizer to create a "Multi-content Homepage". Please read our documentation to know more details about it: Multi-content Homepage.
When creating a bilingual/multilingual site, you will need to create different home widgets for different languages.
For example, on the homepage, we have a home widget displaying the most viewed posts, this home widget has a title "Most Popular".
Please download and install this add-on: MailChimp for WordPress Multilingual. Please go to WPML and log into your account, then please go to "Download" page to download the MailChimp for WordPress Multilingual add-on. And then upload it to your website, install and activate it just as you would any other WordPress plugin.
Please read the WPML Offical Documentation: MailChimp for WordPress Multilingual.
Therefore, please create separate recipes for other languages, and insert them into the posts. For example, if there is a recipe "Almond Pastry Cookies" and it has been inserted into the English post "My secret Cookie Recipe", then we will add the German version of the recipe and the post.
WP Recipe Maker provides a tutorial, please read it for the detailed instructions: How to use WP Recipe Maker for a multilingual blog.
WPML lets you translate WordPress menus and create different menus per language. You can translate menus manually, or have WPML synchronize menu content. Please check Translating Menus for more details.
WPML lets you easily translate your Widgets via the String Translation screen. This requires that the WPML String Translation module is installed. The module is available in the Multilingual CMS version.
Besides translating widgets, WPML allows you to display different widgets for different languages.
A language switcher allows visitors to select the language in which they want to read your content. WPML lets you add a language switcher in different ways: in a menu, as a widget, or in the site’s footer. You can also use it to show links above or below your posts, offering them in other languages.
To add and customize language switchers, go to WPML → Languages in the WordPress dashboard, then you will find the following settings on this page:
Each language switcher type has its own settings. This allows you full and independent control over what it includes and how it looks. When clicking on the "Pencil" icon, it will show a dialog box with settings for the menu language switcher.
Useful Links:
If you need help with using WPML with TinySalt theme, please head over to WPML technical forum. Before posting about issues, we recommend that you review this quick checklist:
Please always remember to search and read WPML official documentation for more details about how to use WPML.
"Themes execute the presentation and styling of content, while plugins handle content creation and functionality."
- WordPress code standards and ThemeForest requirements
All WordPress websites require optimization. As the theme author, we follow the WordPress development best practices when creating our products. But the performance of the website is not determined by the theme or individual plugins.
The performance of the website is determined by the collaboration of multiple factors. Including but not limited to:
In this subchapter, we will introduce some optimization methods we used on our demo site.
Please note: The following are only our general suggestions for optimizing a WordPress website when using TinySalt. Depending on the actual situation of your website and your specific needs, you may choose to skip certain steps or use other optimization methods that we have not mentioned.
There is more than one way to optimize a website.
Please kindly note:
Table of Contents:
In TinySalt version 1.6, we optimized the image sizes used by the theme. Using the appropriate image sizes on the page will reduce the total page size and loading time. In short, the page loads faster.
If you are using a version older than TinySalt v1.6, please follow the steps below:
If your site has been running with other themes for some time (already has content) before you switch to TinySalt, you will also need to regenerate thumbnails.
Let's take one of our demos as an example: Adaptive Masonry Home 2:
And here is another example, the main demo:
The theme provided the following 2 optimizations for image loading:
To learn more about these 2 features, please check this subchapter. After enabling these 2 features, the total page size will be reduced.
Please note: Do not use multiple plugins with the same function on the same website at the same time. When the theme and multiple plugins provide the same function, conflicts may occur.
Therefore, if you are using the image loading optimizations provided by the theme, please disable the image loading optimization features provided by other plugins. If you are using the image loading optimization features provided by other plugins, please disable the image loading optimizations provided by the theme.
Please see the following details:
By default, when displaying your Instagram images on your website, these images are from the Instagram website and they are not stored on your website. This leads 2 problems:
We added this new feature in v1.6. After updating the TinySalt theme and the required plugin "TinySalt Extension", please open your WordPress customizer, then navigate to General > Instagram > then you will find the "Download images from Instagram to my website server" button. Click the button to manually download these images to your website.
After that, you can use the image optimization plugin to optimize these image. Please continue reading the next subchapter.
Image quality and quantity are important for a website speed & performance, and also important for user experience. You need to find a balance between them.
Before uploading your images to your website, please optimize your images first (using Photoshop or other image editing tools). Please check this article: How to Optimize Images for Better Web Design & SEO.
After uploading your images to your website, you can install this plugin to further optimize them: Smush.
You can use another cache plugin. The following is just a suggestion. Some users of TinySalt use different cache plugins and their websites work well. But the most important thing is:
Please install and activate this plugin: W3 Total Cache. And then please follow the instructions below:
Please note: Since the "W3 Total Cache" plugin is installed on your website to optimize performance, so after updating the theme, please minify CSS again, and then clear the website cache. Please refer to this subchapter.
Basically, it is difficult to judge whether a theme is a lightweight theme or a heavyweight theme. Because the performance of the website is determined by the collaboration of multiple factors (see General Information about Website Performance).
We followed the WordPress development best practices when creating themes, and have optimized TinySalt theme in many ways. You can use TinySalt to create a lightweight recipe blog. But when the content of the page is very rich, the page will also become heavier.
For example, TinySalt's demo site has 12 homepage demos.
The lightest homepage is Adaptive Masonry Home 2. The total page size of this homepage is 2.02MB.
The heaviest homepage is Video Recipes 1. The total page size of this homepage is 5.22MB. There are more sections and assets (images, videos, etc.) on the page. Most importantly, it contains an auto-playing YouTube video, which seriously affects the scores.
When testing these demos in GTmetrix, the full load time of each demo is acceptable to us. In fact, because we optimized the demo site as mentioned above, the visitor experience is further optimized.
After you optimize your website according to the above steps, your website speed will be ideal for website visitors.
If you want to get high scores on website speed test tools:
(such as Google PageSpeed Insights, Google Search Console, etc.) you also need to use more advanced optimization methods.
This is a useful tutorial we found, please check this tutorial for the detailed
explanations and instructions.
We followed the tutorial to optimize this website. The current Google PageSpeed Insights score is above 85 (see screenshot), and the GTmetrix score is B (see screenshot). Please note that we did not enable CDN. If we enable CDN as described in the tutorial, the scores will increase further.
Please note that you can test multiple times, each test result will be different due to current network conditions.
If you need more help:
When you purchasing products from Envato Market, a supported item includes item support for 6 months from the purchase date. During those 6 months, we (as the author of the theme) are available to provide the item support services.
You may like to read more details about What is Item Support?.
We can help with:
We cannot help with:
Please check ThemeForest Item Support Policy for more details.
Please kindly note: The terms and conditions are set out by Envato exclusively, and every author must follow the rules. These rules are the same for every author and every buyer and we cannot change them selectively. Thank you for understanding.
To speed along the support request, please check by following the guide below:
When submitting your support request, please include the following information in as much detail as possible so that we can get more clues about your questions/problems:
And please write in English. Thanks!
We will carefully handle every user's support request. When you encounter a problem, please send us the detailed information of the problem. If we do not respond to you immediately, please don't worry, maybe it is just during our non-working hours (night or weekend), or it is because there are other users' requests in the request queue ahead of your requests.
The requests in the queue will be processed one by one. Therefore, when you submit a support request, please be sure to provide as much information as possible so that when we start to process your request, we can have enough information and provide accurate answers instead of asking for other necessary information (this will cause it to take longer to solve the problem for you).
If you have less than 6 months remaining on a support item you’re eligible to renew your support. For more information about Item Support renewals, please see Extending and Renewing Item Support.