To install this theme you must have a working version of WordPress. Make sure that your installed WordPress version is 4.9 (or higher).
At first, after purchasing this theme, please download the package from ThemeForest (to do this you must be logged in ThemeForest). Move your mouse over your ThemeForest login name in right top corner and then click Download. On the Downloads page you will find all the items that you have purchased. This theme will also be here.
In the next step click the Download > All files & documentation button and save package on your computer.
Please unpack the entire package after downloading.
The Main Files includes the following files and folders:
- Nimbo Theme folder - main folder with the following files and folders inside:
- Demo Content folder - contains demo data file:
- nimbo-demo-data.xml - xml file with demo data: posts, pages, comments, categories, tags, etc.
- Documentation folder - contains this document:
- assets folder - contains files for documentation;
- documentation.html - documentation file.
- nimbo.zip - Nimbo theme (ZIP archive for installation);
- Changelog.txt - changelog text file;
- Readme.txt - some information about folders and files in the package.
- Demo Content folder - contains demo data file:
You can install this theme in two different ways:
1. WordPress Theme Manager
1.1 Go to Themes Page
Step 1. Login to your WordPress admin page.
Step 2. Navigate to Appearance > Themes.
Step 3. Click the "Add New" button.
1.2 Upload Theme
Step 4. Click the "Upload Theme" button.
1.3 Upload Theme ZIP File
Step 5. Click on the "Choose file" button and select the theme zip file: nimbo.zip.
Step 6. Click the "Install Now" button. After that, the process of installing the theme begins.
1.4 Activate Theme
Step 7. After the installation is complete, click the Activate link.
1.5 Required and Recommended Plugins
Step 8. The theme is now activated. You should now install and activate the required (Meta Box) and recommended (Nimbo Social Media, Nimbo Widgets, and Nimbo Cookies Information) plugins by clicking on the Begin installing plugins link.
1.6 Plugins Installation
Step 9. Select all plugins and select "Install" from the dropdown menu. Click on the "Apply" button to continue the installation.
1.7 Installation Complete
Step 10. After the installation is complete, click the "Return to the Dashboard" link.
1.8 Reading Settings
Step 11. Navigate to Settings > Reading > Your homepage displays and select "Your latest posts".
Step 12. Finally, click the "Save Changes" button.
2. Installing by FTP
If you have any problems with installing the theme from the WordPress Dashboard (for example, you see this error: "The uploaded file exceeds the upload_max_filesize directive in php.ini"), then you need to install it via FTP.
To do this, you need to upload non-zipped theme folder called nimbo to /wp-content/themes/ folder in your WordPress installation folder on your server.
Next, login to your WordPress admin page and activate the theme (Appearance > Themes).
After the successful activation, see Step 1.5 of this documentation.
How to Update Nimbo
In this part of the guide describes how to update Nimbo. Just follow these seven steps:
Step 1. At first, you need to download the latest package from ThemeForest.
Step 2. Unpack the entire package after downloading.
Step 3. Next, please unpack the archive with the theme: nimbo.zip.
Step 4. After that you need to remove the nimbo folder from your server (/wp-content/themes/nimbo). For this you can use any FTP client, for example, FileZilla.
Step 5. Now you need to upload non-zipped nimbo folder to /wp-content/themes/ folder in your WordPress installation folder on your server.
Step 6. Next, login to your WordPress admin page. If you will see a notification that you need to update existing plugins or install new plugins, then you need to do it.
Step 7. And in the last step, please clear your browser's cache and update plugins cache (if you have caching plugins).
Remember, that all your data in the database are safe because after updating theme files does not change anything in the database. Please also always make a backup of your files before you overwrite them with the new.
Creating Blog Posts
To create a blog, first make sure that on the front page displays your latest posts. For this navigate to Settings > Reading > Your homepage displays and select "Your latest posts". After that you can create new posts.
Adding new posts works similar to standard WordPress Posts > Add New. All posts will be displayed on the front page.
With this theme you can use 10 post formats: standard, image, gallery, video, audio, aside, link, quote, status, and chat. Here's a quick overview of them:
Standard Post Format.
When writing or editing a post, Standard is used to designate that no Post Format is specified. However, for this format you can add an image (Featured Image section). This image will be displayed at the top of your post.
Image Post Format.
For this format you can also add an image (Featured Image section), and this image will be displayed at the top of your post. Use this format if your post has a featured image.
Gallery Post Format.
The gallery format gives you additional settings for creating images gallery. These settings can be found at the bottom of the page ("Settings for the Gallery Format"). To create a gallery, click the "+ Add Media" button and select several existing images or upload new images for this gallery. Recommendation: All images for the gallery must have the same dimensions. You can also choose what to show on the post on the homepage and all archive pages: Slider with images from the gallery or Featured image ("Media type" option).
Video Post Format.
You can also create a video post. When you select the Video format, additional settings appear at the bottom of the page: "Settings for the Video Format". Here you can add a link (URL) to your video. The theme will then check the URL and display the video at the top of your post. If the video does not appear, you have used the wrong URL. Make sure the URL you take is directly from your browser navigation bar when viewing a video on YouTube, Vimeo, etc. You can also choose what to show on the post on the homepage and all archive pages: Video player (iframe) or Featured image and popup window with video player ("Media type" option).
Audio Post Format.
For the Audio format additional settings are also available. These settings can be found at the bottom of the page: "Settings for the Audio Format". Here you can add a link (URL) on a song from SoundCloud. The theme will then check the URL and display the audio at the top of your post. Make sure the URL you take is directly from your browser navigation bar when viewing a song on SoundCloud. Here you can also choose what to show on the post on the homepage and all archive pages: Audio player (iframe) or Featured image and popup window with audio player ("Media type" option).
Aside Post Format.
This format is suitable for brief snippets of text that aren't quite whole blog posts, such as quick thoughts and anecdotes. You can also add an image for this post (Featured Image).
Link Post Format.
This is a post with a link to another site. The theme will use the first <a href=""></a> tag in the post content as the external link for that post. You can also choose where you want to open this link: in a new tab or not (Settings for the Link Format > Link open in... (target attribute) > New tab (_blank) or Current tab (_self)).
Quote Post Format.
Quote highlights your blockquote text in a bolder way than standard posts typically do. Use the following code for your quotations:
<blockquote> A quotation text ... ... <footer> <cite> <a href="#">Author</a> </cite> </footer> </blockquote>
You can use this code in your WordPress text editor (Text tab). Note: If you'll see additional indents after creating a quote post, use the code example above, but just make it in one line:
<blockquote>A quotation text<footer><cite><a href="#">Author</a></cite></footer></blockquote>
Status Post Format.
Status format is suitable for a quick update about what you are doing right now (similar to a Twitter status update).
Chat Post Format.
Chat to highlight memorable conversations you have with friends. It looks like so:
John: foo Mary: bar John: foo 2 ...
You can also select a layout for each post format: Post Layout > Single post page: Layout > Post with right sidebar / Post with left sidebar / Full width post (without sidebar).
Below you can see the "Add New Post" page. Remember that all additional settings are displayed only when the appropriate post format is selected (Gallery, Video, Audio, Link).
Adding pagination to a single post page.
You can also add pagination to a single post page. For this you need to use <!--nextpage--> quicktag. Just add it to your text editor where you want to start a new page:
Creating popup images.
On the live preview demonstration you can see popup images on single pages. You can also easily do the same with your images. Just follow these simple steps:
Step 1. At first, you need to add an image into the Post Editor. Click the "Add Media" button on the top left of your Post Editor and select an image you want to add.
Step 2. Click on the image and click the "Edit" icon:
Step 3. From the Link To dropdown menu select "Media File".
Step 4. Next, click the ADVANCED OPTIONS.
Step 5. Add the following class to the Link CSS Class field: bwp-popup-image
Step 6. Finally, click on the "Update" button.
After completing these steps your image also can be opened in a popup window.
Adding new pages works similar to standard WordPress Pages > Add New.
At the bottom of the page you can see several additional settings: "Page layout" (Page with right sidebar / Page with left sidebar / Full width page (without sidebar)), "Page metadata (date and author): Show or hide", and "Blog posts on the page: Show or hide". Also, if you installed and activated the "Nimbo Social Media" plugin, you will have one more section of settings called "Social Share Buttons". Here you can control the display of social share buttons on your page.
You can also add an image to your page (Featured Image section).
You can manage widgets on the Widgets page (Appearance > Widgets).
Available widget areas:
- Sidebar - It is located in the left or right column of your site;
- Footer: Column 1 - This area is located in the footer in the left column;
- Footer: Column 2 - This area is located in the footer in the central column;
- Footer: Column 3 - This area is located in the footer in the right column.
By default, you will have 17 standard widgets (the number of widgets may vary depending on the WordPress version). However, you can get 5 additional widgets. These widgets will be available after installing and activating the "Nimbo Widgets" plugin - this is a recommended plugin and you will be prompted to install it when installing the theme (Theme Installation > Step 1.5: Required and Recommended Plugins). This plugin includes the following widgets:
- Nimbo: Popular Posts - Displays a list of popular posts;
- Nimbo: Posts List - Displays a list of posts with a background image;
- Nimbo: Random Posts - Displays a list of random posts;
- Nimbo: Recent Posts - Displays a list of recent posts;
- Nimbo: Slider With Posts - Displays a slider with posts.
To activate them, all you need to do is drag widgets available on the left side and drop into the right sidebars on the right side.
Creating Contact Forms
To create and use a contact form on your site, I recommend using the most popular plugin called "Contact Form 7". Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. You can download it here.
Once you have downloaded, installed, and activated this plugin, a new section called "Contact" will appear in the WordPress navigation menu. There you can create a new contact form or edit existing contact forms:
After creating your contact form, you need to copy the shortcode of the contact form and paste it into your post, page, or text widget content:
Theme options powered by WordPress Customizer. To find them, navigate to Appearance > Customize.
1. Site Identity
- Logo - here you can upload your logo. For this option you need to select the Image logo type: Customize > General Settings > Logo > Logo Type: Image. Note: make sure that your installed WordPress version is 4.5 or higher, because logo upload option will only work with WordPress v4.5 (or higher).
- Site Title - title for your site. It is displayed on the tab of your browser window.
- Tagline - tagline for your site. It is also displayed on the tab of your browser window.
- Logo For Dark Style (optional) - here you can upload your logo for the dark version of your site. This logo must have the same dimensions as the original logo and should differ only in color.
- Logo Width, px - custom logo size. Note: To make your logo look clear and good on mobile devices, I recommend to use a double-resolution logo (2x) and in this field specify the value of the initial width of your logo. For example, your logo has the following dimension: 76 x 33 pixels. In this case, the dimension of the logo for upload will be 152 x 66 pixels and in the "Logo Width" field you should insert 76.
- Site Icon - upload your favicon image. Site icon should be square and at least 512 x 512 pixels.
2. General Settings
- Header Type - choose between two different header types: "Type 1 - One row" and "Type 2 - Two rows".
- Menu Type - choose between two different menu types: "Hidden menu" and "Visible menu".
- Enable color switch - enable this option if you want to use the color switching function - it allows you to change the style of your site (dark and light styles).
- Show search icon and dropdown search form - show or hide search icon and dropdown search form.
- Enable sticky header - enable or disable sticky header feature.
- Logo Type - choose between two different logo types: Text and Image.
- Logo Text (Logo Type: Text) - enter text for your logo.
Homepage: Header image and Header text
- Show header image and header text only on the first page - enable this option if you want that this section appears only on the first page.
- Layout - choose one of the available layout options for your blog: layout with right sidebar, left sidebar, or without sidebar.
- "Excerpt" Or "Read More Tag" - select the "Read More Tag" option if you want to use the "Read More" tag from your WordPress editor for creating excerpts for posts. Otherwise, all excerpts for posts will be created automatically.
- Excerpt Length (Number Of Words) - length of automatic excerpts from posts (default value: 25 words).
- Increase the size of small images (option applies only to your featured images) - enable this option if you want to scale small featured images.
- Show icons when you hover on featured image - enable this option if you want to show icons when you hover on featured image.
- Show "I like" counter - show or hide "I like" counter.
- Show social share buttons - show or hide social share buttons.
- Show recent comments - show or hide recent comments.
- Number Of Recent Comments - specify how many recent comments should be displayed (default value: 3 comments).
- Comment: Number Of Words - specify the length of each comment (default value: 8 words).
Single Post Page
- Show icons when you hover on featured image (option for single post page) - enable this option if you want to show icons when you hover on featured image.
- Show social share buttons (option for single post page) - show or hide social share buttons.
- Show comments counter - show or hide comments counter.
- Show "I like" counter (option for single post page) - show or hide "I like" counter.
- Show "About the author" section - show or hide "About the author" section.
- Show related posts - show or hide related posts section.
- Copyright Text - enter your copyright information (or other text). Allowed HTML tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. Allowed attributes: <a> - href, title, target, class, rel; <span> - class; <i> - class.
- Show Social Links Or Menu In The Footer - choose what you want to display in the footer: Footer menu or Social links.
- Social Links - here you can add links to your social profiles. For this you can use Font Awesome icons and the following HTML tags: <a>, <span>, <i>. The following attributes are also allowed: <a> - href, title, target, class, rel; <span> - class; <i> - class. Example:
<!-- twitter --> <a href="#your-twitter-url" target="_blank"> <i class="fab fa-twitter"></i> </a> <!-- facebook --> <a href="#your-facebook-url" target="_blank"> <i class="fab fa-facebook-f"></i> </a> <!-- pinterest --> <a href="#your-pinterest-url" target="_blank"> <i class="fab fa-pinterest-p"></i> </a> <!-- instagram --> <a href="#your-instagram-url" target="_blank"> <i class="fab fa-instagram"></i> </a> <!-- vk --> <a href="#your-vk-url" target="_blank"> <i class="fab fa-vk"></i> </a> <!-- telegram --> <a href="#your-telegram-url" target="_blank"> <i class="fab fa-telegram-plane"></i> </a> <!-- ... --> <!-- link to my twitter profile (example) --> <a href="https://twitter.com/BirdwpThemes" target="_blank"> <i class="fab fa-twitter"></i> </a>
- Show "Back to top" button - show or hide "Back to top" button.
- "Cookies Information" Window: Text - enter your text with information about cookies. This is a required field.
- "Cookies Information" Window: Accept Button Text - enter your text for the "Accept and Close" button. This is a required field.
The theme uses four Google fonts: Lora (main font), Source Sans Pro (headings, logo text, menus, copyright text, and "cookies information" window), Playfair Display (blockquote items), and PT Sans (metadata).
- Character Sets - specify which subsets should be used. Multiple subsets must be separated with commas (,) and must be entered without spaces. Example: cyrillic,cyrillic-ext,latin-ext,vietnamese (default value: latin).
- Main Font (Default Font: Lora; Default Styles: 400,400i,700,700i) - specify styles for the main font (Lora).
- Font For Headings (Default Font: Source Sans Pro; Default Styles: 400,600,700) - specify font styles for headings (Source Sans Pro).
- Font For Quotes (Blockquote Items; Default Font: Playfair Display; Default Styles: 400,400i) - specify font styles for quotes (Playfair Display).
- Font For Metadata (Default Font: PT Sans; Default Styles: 400,700) - specify font styles for metadata (PT Sans).
- Background Color - select your background color (default color: #f7f8f8).
- Hover/Active Color - select a color for links and other elements of your site when you hover over them (default color: #6ca4db).
- Background Color (Dark Style) - select your background color for the dark version of your site (default color: #0b0b0c).
- Hover/Active Color (Dark Style) - select a color for links and other elements of the dark version of your site when you hover over them (default color: #6ca4db).
5. Header Image
- Current header - here you can upload an image for the header. You can also add some text for this image in the "Header Text" section: Customize > Header Text. Note: The section with the header image will be displayed only on the homepage.
6. Header Text
- Custom Title - enter a short title for your site. You can use the following HTML tags: <a>, <span>, <strong>, <b>, <em>, <i>. The following attributes are also allowed: <a> - href, title, target, class, rel; <span>: class; <i>: class.
- Custom Text - enter a brief description of your site. You can use the following HTML tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. The following attributes are also allowed: <a>: href, title, target, class, rel; <span>: class; <i>: class.
7. Background Image
- Background Image - here you can upload your image for background.
- Preset - select one of the preset image positioning options: default, fill screen, fit to screen, repeat, or custom.
- Image Position - position for background image.
- Image Size - select one of the image size options: original, fit to screen, or fill screen.
- Repeat Background Image - repeat background image or not.
- Scroll with Page - scroll background image with page or not.
8. Additional CSS
- Here you can add your own CSS code. This setting is necessary if you want to change something on your site that is not available in theme options, for example: font size, font style, color, margin, or some other customization.
To translate this theme, I recommend using the .mo and .po files. These files work in pairs, so for each language you need to have 2 files with the same name but a different extension. For example, if you want to translate the theme into Turkish, you need to create 2 files called tr_TR.mo and tr_TR.po.
As you already understood, first you need to create these 2 files. For this you need to use Poedit software which is very easy to use. You can download it here. After installation Poedit software, you need to run it. In Poedit go to File > New from POT/PO file..., select and open the .pot file from the "languages" folder: "/languages/nimbo.pot". After that you just need to select your language, add translation, and save your changes.
Now you have .mo and .po files with your translation, and all you need to do is upload these both files into the "languages" folder on your server: "/wp-content/themes/nimbo/languages/". Also do not forget to change the language of your site in the WordPress settings: Settings > General > Site Language.
Now your theme is translated, and in this step you need to add the necessary character sets for Google fonts to your theme settings: Appearance > Customize > Fonts > Character Sets. For example, this theme includes a full translation into Russian and for the Russian language you need to use the following character sets: cyrillic,cyrillic-ext (in this case, all fonts will be displayed correctly with these character sets).
Importing Demo Data
In the main theme files you can find a folder called "Demo Content". This folder contains the nimbo-demo-data.xml file with demo data. You can use it to import demo data to your site. To do this, you need to perform a few simple steps:
Step 1. Navigate to Tools > Import.
Step 2. Now you need to install the "WordPress Importer" plugin. To do this, click the "Install Now" link.
Step 3. After the installation is complete, click the "Run Importer" link.
Step 4. Next, click on the "Choose file" button and select the nimbo-demo-data.xml file from the "Demo Content" folder (Nimbo Theme/Demo Content/nimbo-demo-data.xml).
Step 5. Click the "Upload file and import" button.
Step 6. After you will then be offered to Assign Authors. You can read the description at the top as this explains everything.
Step 7. Check the box "Download and import file attachments". This will download attachments for images included in the live preview demo.
Step 8. Click the "Submit" button.
Now you need to wait for the importer to finish. This might take a few minutes depending on your hosting server speed.
Support and Feedback
All questions you can send via the contact form HERE.
I answer all questions every day from Monday to Friday from 8:00 to 18:00 (GMT+3) within 24-48h in the order they were received.
Please do not panic if I do not answer too long – I love my customers and I will answer all the questions that I get ;)
What's included in item support:
- Answering questions about how to use the item;
- Answering technical questions about the item (and included third party assets);
- Help with defects in the item or included third party assets;
- Item updates to ensure ongoing compatibility and to resolve security vulnerabilities.
What's not included in item support:
- Item customization;
- Installation of the item;
- Hosting, server environment, or software;
- Support for third party plugins;
- Plugins integration;
- WordPress general support (use WordPress forums for this);
- Support for issues caused by user modifications in the theme's code, styling, and general functionality.
Thanks so much:
- Bootstrap (v3.3.7) - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
- jQuery Superfish Menu Plugin from Joel Birch - Superfish is a jQuery plugin that adds usability enhancements to existing multi-level drop-down menus.
- imagesLoaded - Detect when images have been loaded. Development on imagesLoaded is sponsored by Metafizzy.
- Owl Carousel 2 - Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
- Magnific Popup from Dmitry Semenov - Magnific Popup is a responsive lightbox and dialog script with focus on performance and providing best experience for user with any device.
- html5shiv.js from Alexander Farkas - The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.
- Respond.js from Scott Jehl - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).
- Font Awesome 5 Free - Get vector icons and social logos on your website with the web's most popular icon set and toolkit.
- WordPress Meta Box Plugin - Meta Box is a powerful, professional, and lightweight toolkit for developers to create unlimited custom meta boxes and WordPress custom fields.
- Contact Form 7 - Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
- TGM Plugin Activation - TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins).
- Post Like System from Jon Masterson - A simple and efficient post like system for WordPress.
- Blank WordPress Pot from Fx Bénard - Blank WordPress Pot allows developers to have a great starting point for their translations' pot files and translators an explanation how to use the file.
- Google Fonts - Lora, Source Sans Pro, Playfair Display, and PT Sans.
Images in the demo:
- Unsplash - Beautiful, free photos. Gifted by the world's most generous community of photographers.
- Pexels - Best free stock photos in one place.