rockline.zipfile on your computer and press 'Install Now',
rockline' folder into '
themes' folder in your WordPress installation (
You have to install and activate required plugins (Redux, Elementor, SportPress and Themnific Magazine). You can do this by visiting Appearance » Install Plugins inside wp dashboard.
The following message may be visible after theme activation:
Go to Appearance » Install Plugins and install and activate following plugins:
1. Go to Appearance > Install Plugins and install and activate Redux Framework plugin!
2. Then go to Rockline - admin panel
and hit "Save Changes" button to set default style settings:
You can change styling options later.
2. IMPORTANT! It is possible that after theme activation are images wrongly cropped and look ugly! In this case use following plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/ to regenerate old thumbnails (from previous theme).
Start image regeneration in Tools > Regen. Thumbnails after plugin installation. This process can take a while and you cannot close tab/window until regeneration is done.
I recommend creating a few classic blog posts and 'Matches' before you start creating templates in Elementor. Set 'featured images' for all your posts.
The theme comes with extensive options panel with functions divided to these sections:
Go to Appearance > Widgets and setup your sidebar and footer widget areas. Widgets are very easy to setup.
Following widgets are used in theme demo:
In theme demo may be used custom widgets which come with 3dr party plugins (Events, Donations, Newsletter etc.).
Please see 'Plugins' chapter for more info about these plugins.
IMPORTANT! It is possible that images are wrongly cropped and look ugly after theme activation!
In this case use this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/ to regenerate old thumbnails from previous theme.
Start regeneration in Tools > Regen. Thumbnails after plugin installation. This process can take a while and you cannot close tab/window until regeneration is done.
Images and thumbnails are generated automatically.
To display thumbnails correctly upload images via WP interface using "Set featured image" button.
After image upload set featured image.
! Create own custom menus first! Please see the following tutorial!
The theme includes following menu locations:
Create one custom menu for 'Main Menu' location another custom menu for 'Top Menu' location:
1. Toggle 'Screen Options' on the top of the menu screen:
2. Enable 'CSS Classes' and 'Description' option:
Toggle any menu item and type some text word into 'Description' field (see previous steps if the field is not visible/enabled):
1. Before (or after) menu label add this piece of code
<i class="fas XXX"></i>
Enter full icon code - 'fas' class is required.
2. For XXX you can set any icon name. You can find all icon names on Font Awesome homepage.
Themnific Magazine plugin is pre-packed within the theme and you can install and activate it in Appearance > Install Plugins. The plugin includes additional widgets (blocks) you can use in the Elementor page builder for creating magazine-like layouts. Widgets as markes as 'Themnific'.
Themnific: Mag 1 / Themnific: Carousel: use these widgets in 'full width' section with 'No Gap' option:
These two widgets are not suitable for use inside columns.
Themnific: Mag 2 / Mag 3 / Mag 4: you can set number of columns for this widget so you can use it in Elementor columns
You can easily create newsletter subscribe form with 'MailChimp for WordPress' Plugin: Plugin Homepage
Into the search field (in Plugins > Add New) paste
MailChimp for WordPress and Install this plugin
The plugin can be set in MailChimp for WP section:
In demo is used subscribe form with following markup: https://pastebin.com/L2cFPYyP
The theme is compatible with Recent Tweets Widget plugin. Plugin is used in demo site.
In the search field (Plugins > Add New) insert 'Recent Tweets Widget' and Install plugin.
Plugin widget can be set in Appearance > Widgets:
Note!: You need to get "consumer and secret" codes for Recent Tweets Widget:
Plugin page: Plugin Homepage
Into search field (in Plugins > Add New) insert 'Social Pug' and Install this plugin.
Plugin can be set in WP Dashboard > Social Pug:
Theme is compatible with Simple Share Buttons Adder too.
Plugin page: Plugin Homepage
Into search field (in Plugins > Add New) insert 'Contact Form 7' and Install this plugin
You can create own contact form(s) in main wp menu > Contact.
You can display created 'contact form' on any page using shortcode. On demo page is used contact form with the following markup: https://pastebin.com/tL2M2PMQ
Please read plugin documentation for more info about this very flexible plugin.
You can generate different shortcodes using 'Insert shortcode' button in all Post/Page screens:
Make sure that Rockline theme and Elementor, SportsPress and Themnific Magazine plugins are installed and activated before demo import. See more in Required Plugins chapter.
- In main theme package is attached XML file. Unzip this XML file.
- Go to Tools > Import; install and activate 'WordPress Importer' plugin,
- Find XML file on your computer and import XML file.
- Check "Download and import file attachments" option.
- XML file is a bit bigger and sometimes (slow server etc.) needs to be imported more times (until 'Have Fun' message is shown).
After XML file import:
- set imported 'Home' page as static front page in Settings > Reading;
- save imported custom menus for 'locations' (in Appearance > Menus);
- footer and sidebar widgets can be set in Appearance > Widgets. In demo are used these widgets:
- edit 'Home' page layout in Elementor edit mode:
- set own color scheme in Appearance > Rockline admin panel.
If you don't want to import whole demo content you can import just elementor templates (e.g. layout of the homepage) using .json file.
.json files are located in the main theme package, inside 'spec' folder. Extract .json files to you computer.
You can import template when you are editing any page in Elementor > click on 'Add Template' button > Import Template:
Find .json file on your computer and import Elementor template.
Due licenses all imported images are for testing purposes only and cannot be used on your live website!!!
You can download free photos for your commercial & personal works on sites like:
This theme is translation/localization ready and comes with rockline.pot file. File is located in
rockline.potfile (line by line),
The filename of your .po / .mo file is crucial! Gettext uses the ISO 639 standard for language abbreviations and ISO 3166 for locales. If your translation is written in Deutsch for example, your file name will look like de_DE.po. Capitalization is also important here. For a full list of language and country codes, check out these two links:
Once you save, POEdit by default automatically creates a .mo file alongside your .po file. Put these files into 'lang' folder.
Your internationalization is complete!
Once again, thank you so much for purchasing this theme.