support@like-themes.com www.like-themes.com Portfolio

Craggy - Like Themes WordPress Theme Documentation 1.1

1. Theme Support and Licence

Thank you for purchasing CoffeeKing WordPress Theme. If you need support you can contact us by email (like.themes.wp@gmail.com). You must provide purchase code, we'll answer you in 1-2 business days. According to item support policy it doesn't include theme customization, third party plugins integration and hosting problems.

With ThemeForest Regular License you allowed:

You are not allowed:

For more information about license please read https://themeforest.net/licenses/faq.




2. Theme installation

To install this theme you must have a working version of WordPress already installed. Make sure you have clean WordPress setup.
This installation guide will help you to install the WordPress. If you area new in WordPress we recommend you to read WordPress Codex, FAQ and Lessons.

Requirements

You need web hosting with at least PHP7.4, MySQL 5 or higher and WordPress 6.3 installed. Please check WordPress official minimal requirements https://wordpress.org/about/requirements/
If you have troubles with theme installation or one click demo install, make sure your server configuration limits are:

You can check them using plugin PHP Info. To change these values:

  1. Edit your .htaccess file (at root of your FTP) and adding these lines:
php_value upload_max_filesize 32M
php_value post_max_size 32M
php_value memory_limit 256M
php_value max_execution_time 600

    2. Try to use plugin PHP Settings
    3. If it still not helps - contact your hosting provider, they must help you with server configuration.

Installation

Please watch full video tutorial. It was recorded for our Autema theme, but can be used for any theme of our development.



The theme files can be uploaded in two ways: Through FTP or through WordPress dashboard.

  1. FTP
    Upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  2. WordPress
    Navigate to "Appearance" > "Add New Themes" -> "Upload Theme" -> "Choose file" (choose craggy.zip) > Install


Basic configuration

  1. Install all required plugins (Especialy LT-Core, LT Extension and WpBakery Page Builder) by clicking on Begin installing plugins
  2. Activate them after that
  3. Update permalinks for custom pages in Settings -> Permalink -> Save


Notice: if you want to use a child-theme, you can also upload the file alavion-child.zip in addition with the main Alavion Theme. Child Theme allows you to add/modify CSS Stylesheet and functions without modifying main theme files. And you'll not lose your modifications after main theme update.


Demo content 

We recommend you to install demo content. Go to the Tools -> Demo Content Install. Be aware - installing of demo content will delete all your current content.
Click Install, wait till it'll be downloaded. Your WordPress Craggy theme now must be identical to live preview.



Notice: if you want to use a child-theme, you can also upload the file craggy-child.zip in addition with the main Craggy Theme.

3. Troubleshooting guide

Theme is missing the style.css stylesheet error


If you have error "Theme is missing the style.css stylesheet error" - make sure you uploading inner WordPress .zip file with theme, not the whole archive downloaded from ThemeForest. Unzip the archive and download only the attached *.zip file with the theme.

More information on https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error.


LiteSpeed web server

If you are using the LiteSpeed web server and got an issue during the installation, please make the following changes to the file .htaccess and wp-config.php which are located in the root folder on your FTP server:

1) .htaccess:

RewriteRule .* - [E=noabort:1]


2) wp-config.php: 

define('DISABLE_WP_CRON', true);
define('ALTERNATE_WP_CRON', true);

Menu assignment

If after installation you have problems with menu and it displayed without drop down levels like on screenshot:



Make sure that Main Menu is assigned in Appearance > Menu > Menu Settings > Display Location:


Image regeneration

If during the installation of demo content you had this error:

Or after installation you notice that some images are missing, here is a guide to fix this problem:
Install the Regenerate Thumbnails plugin:
https://wordpress.org/plugins/regenerate-thumbnails/

In the Tools menu, the entry "image regeneration" will appear.


Click on the button marked in the screenshot:


At the end of the image regeneration process, thumbnails for all images will be restored.


Requests made through the contact form do not come to the email.

The WordPress Themes doesn’t control WordPress/WooCommerce sendmail function. It is external plugin. You can enable default WordPress theme and check sendmail again.

If you have problem with smtp, it could be mail server configuration error. You can install this plugin and run Connectivity Test, it will check if the SMTP service is available on your hosting:
https://wordpress.org/plugins/post-smtp/

If you have problems with SMTP service you need to contact hosting support and ask them for help. You can also use this plugin in order to configure external SMTP service (Gmail, for example):
https://wordpress.org/plugins/wp-mail-smtp/

4. Theme Configuration

Fill all fields in Appearance  -> Theme Settings

General

Upload logo here.
If you need google maps, you must enter google maps api key.
Excerpt size configures automatic cutting of blogs text and products for preview

Color Schemes

Craggy is MultiPurpose Theme, it uses many different pages with different style settings. Here you can edit or add new color settings.

You can set them later to any page you need, using page configuration:



For example, you wish to use "Theme Cleaning" for your site. Two options:
1) (Recommended) You can go to Appearance -> Theme Settings -> Color Schemes Settings:


And use these or needed colors for global customization settings, i.e. copy colors to Appearance -> Customization -> Craggy.
This will assures that you'll use these color for all site pages.
Next, for Homepage (or pages) what you need, go to bottom section "Layout" and set Color Scheme "Default":


After that you can upload logo into Appearance -> Customization -> Site Identity and use it for whole site:


2) (Quickest way) You can upload logo into Appearance -> Theme Settings -> Color Schemes Settings -> Theme Cleaning (or any other theme) and don't change Color Scheme for Homepage. It'll use uploaded theme.
Can be useful, if you want to use different color settings or different logos for certain pages.


Footer block

You can control footer widgets area layout by enabling and disabling every widget column.

Favicon

Next, in Appearance  -> Customize you can set Site Title, add favicon

WordPress settings You can find more information in WordPress documentation, but we'll describe main options.
  1. Settings -> General. You can set here your email, timezone, date format
  2. Settings -> Reading. Frontpage must be set to "Homepage", but you can use any page of site as welcome page. Also you can change number of posts per page. 6, 8 or 10 will be optimal
  3. Settings -> Discussion. You can enable/disabled premoderation of comments here.

5. Menu and Widgets

Menu

Use Appearance  -> Menu to set you header menu and footer menu.
If you downloaded demo content, we set optimal pages, you can change order and level. Add new pages or remove them here. You can use different menus for header block (with multilevel menus) and footer block (one level short menu, will be hidden on mobile version of site)


Widgets

Widgets are blocks visible in blogs and shop pages. You can configure blog sidebar position in pages control (or disable it at all).
You can change them in Appearance -> Widgets.
You can use any of standard WordPress widgets. Also you can install and any new widget in Plugins menu, but we can't guarantee full
support for them.


6. Posts

Blogs posts

It's standart WordPress posts module. You can write articles here, create categories, set tags.


You can configure blog layout on blog pages (one, two or full three columns without sidebar)

Testimonials

You can post clients feedback here. Also you can post preview of feedbacks on any page with shortcode.


Gallery

Among standard gallery, you can use our posts type. Main Photo with header and description will be shown in list and other photos with full-page zoom inside of gallery.


Sections

Allows to edit common used on all pages blocks. Topbar at header of site and Subscribe block.


You can also disable or enable these blocks on any page of site.

7. Pages

Among posts, pages are main module where you'll create your site content. You can use Visual Composer for visually change blocks and using shortcodes. You'll find information about all Craggy shortcodes in next section, here we'll describe main editor functions.


To enable Visual Composer select Backend or Frontend editor. In most cases you need only Backend.



Layout

You can add new elements be clicking on plus button.


You can read all about Visual Composer Shortcuts in official documentation.


Layout Configuraton

For every page you can configure:



8. Craggy Shortcodes

Here we describe out Craggy shortcodes:


Zoom Slider


To change the Zoom Slider Images you need to edit this element in Page Builder:


Custom Headers


Default Custom Header:


Google Maps Styled


Used to set theme-styles map anywhere on page

Social Icons


Use whole FontAwesome icons pack for you purposes


Buttons:

Can link to any href


Testimonials Slider:




9. Forms

To add forms on your pages, first create them in required plugin. Then go to Contact -> Contact Forms



To insert form into page use CF7 Shortcode or CF7 Customized for more options.



10. Customization


Customization tab used to change any of colors used on site, if you need it:


But it will change only default colors. If you using different theme settings from Apperatnce - Settings -> Color Schemes - you need to edit them from there.


11. Additional Plugins


Breadcrumb NavXT

Used for showing breadcrumbs in header of site

Post Views Counter

Show number of views in gallery and blog posts. If you disable it icon will be hidden.

WP Instagram Widget

You can add this widget to sidebar to show last photos of selected instagram

MailChimp

Plugin for emails subscribe lists


12. Backup

You can backup your site in Tools -> Archives menu. Also you can enable Backup Schedule for automatic backup.



We strongly recommend you to do manual backups regularly, especially when you making updates or major changes on your pages.




13. Site Translation

If you make the site not in English, then after setting up, filling with content, adding new sliders, you will need to translate some lines that are embedded in the theme. For example: the inscription "search" in the navigation bar, the inscriptions on the buttons, some headings, etc. 

To translate such strings we recommend using the Loco Translate plugin.

Install and activate the Loco Traslate plugin

You can download the plugin directly on the page. Here is the link:

https://wordpress.org/plugins/loco-translate/

And then add it through the menu: Plugins > Add new > Upload Plugin.






Or in this same menu, use the search bar and enter Loco Translate:




Basic configuration of the plugin.
The plugin does not require basic configuration. It automatically determines the language used in the theme and the language used by default on the site.


String Translation.

IMPORTANT! When translating our themes, it is important to know that the lines that are displayed on the site are taken directly from the theme files, LT-Ext plugin and WooCommerce plugin (for those who have the functionality of an online store).
The translation of the theme and the plug-ins are absolutely identical, therefore we will consider the translation only on the example of the theme. In the menu Loco Translate > Themes click on the topic we need. As a result, we will see this window:



Clarification: all our themes were designed exclusively as English-language, so by default, only this language will be displayed in this window. But, for example, the WooCommerce plugin has many author translations. Therefore, it will automatically pull up all the translations for the languages installed on your system. You just need to choose the right and make changes.
Now we need to add the language we need to translate. Clicking on "New Language" will open the following dialog box:




First point: In the drop-down list of language choices, select the one we need.
Second point: choose the location of the file with the translation. You can choose any option.
After clicking on the "Start Translation" button, you will see the following menu:



To search for the string you need, use the Filtering Translations input field. As you enter characters in the field, the lines will be automatically filtered. Select the desired line and make a translation here:



After making changes, the Save button is activated. The lines that you have not yet translated will be displayed in bold, the translated and saved lines will be displayed in normal font and the translated and not saved lines will be marked with an asterisk. The example in the picture above.
After completing the work, click the Save button.

Important! If you have updated a theme or plugin, it is possible that during this time some lines have been changed or added, in order to update the list of lines, press the Sync button.

Change strings in English-language sites.

Very often there is a need to change the lines even on English-language sites. In such cases, Loco Translate will also help. About installation, configuration and use, see paragraphs 2.1, 2.2, 2.3.
Attention! You can directly edit the first language pattern. But we do not recommend doing this, because in the future, when updating a topic, the file with strings can be overwritten. In order not to lose your translation, copy the language template and make the translation directly in it.
To create a copy of the template, hover the mouse in the English language, and click on the “Copy” link. You will be redirected to this menu:



First point: In the drop-down list of language choices, select English Language.
Second point: choose the location of the file with the translation. You can choose any option.
The third point: put a dot in front of "just copy the English lines".


14. WordPress Optimization

Very often there is a need to increase the speed of the site. The easiest way is to use optimizing plugins. Our team recommends using Autoptimize and WP Super Cache plugins.
You can check pagespeed of your site here: https://gtmetrix.com/
Also you can check this article about Wordpress optimization: https://gtmetrix.com/wordpress-optimization-guide.html

Autoptimize Plugin.

Link to the official page of the plugin: https://wordpress.org/plugins/autoptimize/

We use such plugin settings:




WP Super Cache plugin.

Link to the official page of the plugin: https://wordpress.org/plugins/wp-super-cache/
We use such plugin settings:




15. Site migration

As a rule, during development, no one wants outsiders to see his site, so development is carried out on a local server, or on a test domain, or a stub is put on the site. In the first two cases, after the project is completed, it will need to be transferred to another hosting and another domain. In this article, we will consider a simple way to transfer a site from one hosting to another.

Important: hosting must meet the minimum requirements of Wordpress and the Domain must be configured.
The requirements of the WordPress engine can be checked at the link below:
https://wordpress.org/about/requirements/

For site migration we use the Duplicator plugin. Below is a link to it:
https://wordpress.org/plugins/duplicator/

After installing the plugin, you will have access but this menu:


In the "packages" menu, you can create a new package for migration or view old versions of packages. Let's create a new package.


The first step of the plugin:


Second phase:


The third stage: download the archive with content and the installer.


Copy the archive with the content and the installer to the root folder on your new hosting. To start the installation, enter this text string in the address bar: YourDomainName/installer.php, аnd follow the instructions.

First step:


Second phase. Database connection.:


Third stage:


At the fourth stage, you will be prompted to enter the site and automatically remove the transfer packets.


16. Theme Updating

Content Backup

Updating of the theme does not delete any content you have, but we still strongly recommend you to make  a content backup. The regular backup is also recommended before updating any plugins. The backup can be done using the built-in tool:

Tools -> Backup -> Create Content Backup



In case you have issues with using built-in method you can try to use additional plugins:
https://wordpress.org/plugins/search/backup/

All these measures required only for critical errors and we never encountered such a situation, but making a backup before any major update is always a good idea.


Theme Backup

The backup of the old theme version may be required in cases you have modified original theme files or have contacted our developers with request of customization which requires any modification of theme. In this case we recommend you to have backup of theme and plugin files.

Tools -> Backup -> Create Full Backup

You can also use FTP manager to create a local copy of:
/wp-content/themes/your-theme/
/wp-content/plugins/lt-ext/ (for WPBakery themes)
/wp-content/plugins/lte-ext/ (for Elementor themes)


Envato Market Theme Update

The most easy way to update the theme is using the Envato Market plugin. All our themes include it:
https://envato.com/market-plugin/

It has detailed instruction in Help Tab and you need to connect your site with Envato Account using the Envato token:




After adding a token you will have your themes list and possibility to update them using the Update Available link:



After theme update you also may need to check Plugins menu and make sure all theme required plugins are also up to date,
especially LT-Ext or LTE-Ext. In case an update required you will be asked to do it.


Manual Theme Update

In case you do not want to update the theme using the Envato Market plugin, you can use a manual method.


This method also does not delete any content data you have, but as always we recommend you to create a backup before.


FTP Theme Update

If you are familiar with FTP client the updating process can be easily done by uploading unpacked theme files to the /wp-content/themes/your-theme/ and replacing old ones:



This method updates the whole theme without affecting your content and copying of old theme files before update is also strongly recommended.


After Theme Update

All your content is stored in a database and theme update only changes files of the theme. But we still recommend to check these possible issues after the theme or plugins update:


In case you encounter any issue and need help from our team, feel free to contact us by email like.themes.wp@gmail.com. Please note that answering time could be up to 1-2 business days and we need your purchase code.


http://like-themes.com