Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please Email us at [email protected]. We will get back to you within 12 hours and help you with any issue you might have. Thanks so much!
Installing Rosana Theme
Using WordPress Dashboard
Download full theme ZIP package and Extract it to normal folder.
Go to your WordPress dashboard and click on Appearance.
Click on Add New Themes then click on Upload.
Browse for rosana.zip inside the extracted folder then click Open.
Click the Install Now.
After finishing installation process click on Activate the theme.
Extract rosana.zip to normal folder.
Open WordPress instaltion directory.
Go to /wp-content/themes directory.
Upload rosana folder to that "themes" directory.
You will find rosana-child folder. It's a child theme you can edit and upload using FTP to themes directory.
After installing Rosana theme. Theme shows message to install 6 plugins. Follow instructions to install and active them.
Rosana Theme Requird Plugins:
Rosana Theme Addons
The most important plugin for Rosana theme. It contains Post format options, Custom Gutenberg Blocks, Custom widgets, Sharing icons, Author social profiles & Instagram widget header shortcode.
A WordPress customizer Framework. It's required to run customize panel options.
Please, read any plugin documentation before using it to know how to use it correctly.
Regenerate Thumbnails You must use this plugin if you uploaded pictures before installing Rosana theme. After installing and activating Regenerate Thumbnails.
Go to Tools > Regenerate Thumbnails.
Click on Regenerate All Thumbnails and wait until it's finish.
Rosana theme comes with awesome pre-made demos. To import a demo just follow these steps:
Install and Activate One Click Demo Import Plugin.
Go to Themes > Rosana Demo Import.
Select any demo you want.
Click on Import Demo.
Follow Import panel instructions to finish import proccess.
Updating Rosana Theme
Rosana theme may be updated periodically in order to add new features and fix bugs. You have two methods to update theme.
Envato have developed the Envato Market Plugin for WordPress.
This plugin automatically alert you on your dashboard when a new version of the theme is available and you can update it automatically from your WordPress dashboard. Follow upcoming steps to install and use it.
Add featured image for all post formats to display it in blog and archives pages.
Featured image size must be (1140px width) or more.
3. Post Format
Rosana theme has 4 post Formats (Standard, Video, Audio, Gallery).
Standard It will display Featured Image if you added it.
Video To embed Youtube, vimeo, Dailymotion or TED video.
Just copy video link from browser and paste it like this:
Audio To embed SoundCloud or spotify audio.
Just copy audio link from browser and paste it like this:
Gallery To insert slideshow gallery to post.
4. Post Excerpt
Excerpt is generated automatically depends on selected layout.
You can add excerpt manually. please see the image below.
As in posts you can create page using gutenberg or classic editor. Also you can add featured image.
To hide comments section from page:
Scroll to Discussion section and remove Allow comments selection.
Home & Page Templates
Rosana theme has 5 page templates. It used to create a home page or other pages.
Home Full Width (Featured, Latest & Sidebar).
Display full-width featured area, homepage content then latest posts & sidebar.
Home Full Width (Featured, No Latest & No Sidebar)
Display full-width featured area, homepage content.
Home (Featured, Latest & Sidebar)
Display full-width featured area then homepage content and latest posts aside to sidebar.
Home (Featured, No Latest & Sidebar)
Display full-width featured area then homepage content aside to sidebar.
Full Width Page (No Title & No Sidebar)
Display full-width normal page content without page title and without sidebar.
Display your custom homepage as front page
Create your homepage and publish it.
Go to Settings > Reading.
Change "Your homepage displays" option to "A static page".
Select your custom homepage from "Homepage" dropdown menu.
You can select any other empty page to display all posts from "Posts page" dropdown menu.
Change "Blog pages show at most" to change displayed posts number in all archives and homepage latest posts.
Rosana's Custom Gutenberg Blocks
Build pixel-perfect pages with Gutenberg's content system and Rosana's 12 custom blocks.
You can use all Rosana's blocks in pages or posts with default Gutenberg columns block, cover block or make them full width.
In page templates, the editor live preview width is smaller than actual width.
You can add custom classes to any block using "Advanced" panel.
1. Banners Block
Allow you to add 4 banners.
Preview live changes before publish.
Select from 4 banners styles.
Select from 5 banners ratio.
Add "Banner Image" URL at least to display Banner.
You can use it with default Gutenberg columns block, cover block or make it full width.
2. Loop Blocks
Effortlessly showcase your content in a variety of styles with Rosana's 11 custom Gutenberg loop blocks.
You can use any loop block with default gutenberg blocks like (columns & cover) to create your structure. Or you can use it alone or even make it full width. All custom loop blocks have the same 2 settings panels (Loop Option, Block Style).
Customize your loop as you want. Get posts from a certain categories, tags, post formats, authors, a certain posts IDs, or even combine all options to create a very unique loops.
Select loop posts number to display.
Set an offset posts number. Ex. to neglect latest post or even latest 100 post.
Add Block title, link.
Select block header style or hide it.
Select block thumbnail ratio or hide block thumbnails.
Select block Excerpt legnth.
Enable Dark Background option when using block over a dark background.
List of Rosana's Loop Blocks:
Grid 2 Columns
Grid 3 Columns
Grid Boxed 2 Columns
Grid Boxed 3 Columns
Grid Overlay 2 Columns
Grid Overlay 3 Columns
List Reverse Overlay
List 2 Columns
WooCommerce (Online Store)
With WooCommerce plugin, launch your own online store in minutes and start selling your products with ease and style.
1. Installing WooCommerce Plugin
Go to Plugins > Add New and search for "WooCommerce".
Install and activate the plugin and follow the setup instructions.
Plugin will automaticlly setup required pages (Shop, Cart, Checkout and My Account).
Add your products, categories, payment methods, shipping, coupons...etc.
Use this subscribe form stucture blow to display it exactly like demos.
<h3>Subscribe to our Newsletter</h3>
<p>Subscribe to get our new stories straight into your inbox!</p>
<input type="email" name="EMAIL" placeholder="Your email address" required>
<input type="submit" value="Subscribe" />
Go to Instagram Feeds > Feed > Feed Layout and set padding to 0, select number of posts and columns for desktop and mobile.
Go to Instagram Feeds > Feed > Header and disable it.
Go to Instagram Feeds > Feed > Load More Button and disable it.
Go to Instagram Feeds > Feed > Follow Button and disable it.
Use this shortcode [instagram-header title="" subtitle="" link=""] inside Instagram feed widget to display widget header like demos.
Ex. [instagram-header title="FlatLayers" subtitle="Follow Us On Instagram" link="https://instagram.com/flatlayers.wp"].
5. Footer Widgets
Smash Balloon Instagram Feed widget always display in full width.
Use Smash Balloon Instagram Feed widget as a separator.
Ex. You can add 3 widgets then Smash Balloon Instagram Feed then another 3 or 4 widgets.
We recommend to use 3 or 4 normal footer widgets per row.
5. Theme Translation
1. Translate Rosana Theme Using plugins
You can translate theme static words like "Min Read" using translation plugins like WPML, Loco Translate or any other free or paid plugins.
2. Translate Rosana Theme Manually
You can translate theme static words like "Min Read" using Poedit Free Program.
Go to extracted theme package folder > rosana > languages.
Open rosana.pot file using Poedit program and click on Create new translation button.
Select translation language.
Find words you want to translate and add translation.
Save .po file in same folder and compile file to .mo and save in same folder.
If French (France) it will be like that fr_FR.po fr_FR.mo
Check this link to name your file correctly depending on WordPress language: https://make.wordpress.org/polyglots/teams/ You will find correct name next to each language in WP Locale column.
Uplaod .po and .mo files to wp-content/themes/rosana/languages/ directory using FTP.
3. Right to Left (RTL) Languages
Reach out to a wider audience with Rosana's RTL support, ensuring your content looks great for readers of languages that are read right-to-left.
To Display RTL, Just change WordPress language to your RTL langauge like Arabic from "Settings -> General".
6. Speed Optimization
Speed & Performance
Rosana is a lightweight and optimized WordPress theme, designed for maximum performance and speed. With the right plugins, you can further boost your website's performance, even on a shared, low-budget hosting plan.