We outline all kinds of good information, and provide you with all the details you need to use Nile. If you do not, please visit our website for professional support to help you get started.If you are unable to find your answer here in our documentation, we encourage you to search our Tutorials on Themelead.com.
Facebook: https://www.facebook.com/themelead.page
Twitter: https://twitter.com/themelead
Pinterest: http://www.pinterest.com/themelead/
Google Plus: https://plus.google.com/+ThemeleadWebsiteThemes
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
A responsive free word press theme documentation
1. Nile - A Responsive Free WordPress Theme
Latest update: 20/08/2014
By: ThemeLead
ThemeLead.com/ (http://themelead.com/)
Email: support@themelead.com
Table of Contents
Start
INTRODUCTION
SYSTEM REQUIREMENT
DOWNLOAD AND INSTALLATION
SHORTCODES AND WIDGETS CONFIGURATION
INTRODUCTION
1. General Information
We would like to thank you for downloading our free themeNile! We are very pleased you have chosen Nile for your website, you will not be disappointed! Before you get started, please be sure to always
check out these documentation files. We outline all kinds of good information, and provide you with all the details you need to use Nile. Nile can only be used with WordPress and we assume that you
already have WordPress installed and ready to go. If you do not, please visit our website for professional support to help you get started.If you are unable to find your answer here in our documentation,
we encourage you to search our Tutorials on Themelead.com. Thank you, we hope you enjoy using Nile!
2. Outstanding Features
2. Responsive Design
It is the shape-shifting power that brings websites mobile and global. Make your website
compatible with different screen sizes out there.
Multi-level Drop-down Menu
It’s a great good solution to trim down long menu that is overwhelming the screen space. The drop-down
menu makes your site more user-friendly.
7 custom widgets
Nile includes 7 beautiful and helpful widgets such as Nile Related Posts, Nile Social
Media, Nile Body Top Widget, Nile Category Widget, Nile Headline, Nile Recent Comment
Slider, Nile Hot Topic and so on.
3. Translation ready
Nile is completely ready with translation in any language. The translation file is included and easy to use
Customizable post/page
Nile 1.0 gives you good amount of freedom to customize. You can freely rearrange sidebars or
just let the page be full width.
4. B Image Slider
B Image slider allows you to catch attention of the audience. Images always speak louder than words.
5 Pages Themes
Freely choose the right layout for your content with 3 page themes from Nile: Homepage,
Fullwidth, Default theme, Left Sidebar, Members
5. Responsive Category Slider
Having problems with multiple categories and multiple posts in each category? Problem is
solved with the ability of Slider to create unlimited categories with 12 posts each.
One Click Demo Import
Just one click and your site will look exactly like demo without spending more
effort in configuration.
Well-written documentation
Easy as pie installation with our guidance. We visualize the configuration process for you with
both front-end and back-end setting screenshots.
6. 3. Built-in Plugins/ Shortcodes
The theme Nile is empowered with our own 5 built-in plugins and 7 easily customizable widgets/shortcodes such as:
Built-in Plugins Built-in Shortcodes
B Image Slider (Shortcode available) Nile Hot Topic (Shortcode available)
B Member Nile Testimonial (Shortcode available)
B Contact Nile Headline (Shortcode available)
B FAQs (Shortcode available) Nile Related Posts (Shortcode available)
B Carousel Nile Social Media (Shortcode available)
Nile Body Top Widget (Shortcode available)
Nile Category Widget
And more 17 popular typography shortcodes such as column, table, buttons, carousel for you to be creative!
Besides, the complimentary Responsive Category Slider (Free version) is attached in the demo package. To know how to configure Responsive Category Slider, go to its documentation
(http://docs.themelead.com/responsive-category-slider/)
4. Third Party Plugins
In the creation of Nile, we receive support from the below fanstatic plugins, hence we’d like to recommend you to use the same to build similar pages like ours:
Black Studio TinyMCE Widget By Marco Chiesi and Francesco Canovi
Contact Form 7 By Takayuki Miyoshi
Nice Login Widget By SuperPlugin Team
Really Simple Twitter Feed Widget By WhileTrue
Widget Display Options By Dojo Digital
WP-PageNavi By Lester 'GaMerZ' Chan & scribu.
5. Support Sample Pages
1. 404 page
13. SYSTEM REQUIREMENT
Requirements For Nile
To use Nile, you must be running WordPress 3.1 or higher, PHP5 or higher, and mysql 5 or higher. We have tested it with Mac, Windows and Linux. Below are a list of items you should ensure your host
can comply with.
Check to ensure that your web host has the minimum requirements to run WordPress.
Always make sure they are running the latest version of WordPress.
You can download the latest release of WordPress from official WordPress website.
Always create secure passwords FTP and Database.
Hosting is more secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username (www or www-data). The most common way for
hosting companies to do this is using suPHP. Just ask your potential host if they run suPHP or something similar.
DOWNLOAD AND INSTALLATION
1. How to download
Step 1: Go to ThemeLead homepage (http://themelead.com/) >>> Product (http://themelead.com/products/) >>> Nile Free WP theme (http://themelead.com/project/nile-free-wordpress-magazine-theme/)
Step 2: Click to Download Free.
Step 3: Fill your email address and then click Download to receive link download.
Step 4: You’ll get file nile-1.0.1-unzip-me-first.zip
Step 4: Unzip this file and get nile-1.0.1-unzip-me-first directory including:
README-FIRST.txt
Documentations folder: including HTML online documetations
tl-nile-1.0.1-installation-file.zip is Installation theme
Plugins folder: including all required plugins for Nile theme
nile-data.xml: sample data for Nile that you can import to your site
2. Install via WordPress
Step 1 – Navigate to Appearance>Themes.
Step 2 – Click Install Themes and hit the upload button.
Step 3 – Navigate to find the “tl-nile-1.0.1-installation-file.zip” on your computer and click “Install Now”.
Step 4 – Wait while the theme is uploaded and installed.
Step 5 – Activate Niletheme. Go to Appearance>Themes and Activate Nile.
3. Install via FTP
Step 1 – Log into your hosting space via an FTP software.
Step 2 – Unzip the Nile.zip file and ONLY use the extracted Nile theme folder.
Step 3 – Upload the extracted Nile theme folder into wp-content > themes folder.
Step 4 – Activate the newly installed theme. Go to Appearance > Themes and activate it.
Step 6 – Follow the steps to install and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away.
4. Common Install Errors
4.1. Are You Sure You Want To Do This?
If you get the “Are You Sure You Want To Do This” message when installing file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or call your hosting
company and ask them to increase the limit.
4.2. Upload Size Limit
If you get this message when you install Nile on localhost, here a solution (http://www.wpbeginner.com/wp-tutorials/how-to-increase-the-maximum-file-upload-size-in-wordpress/) for you.
5. Install all Plugins in Plugins folder
5.1. Black Studio TinyMCE Widget
5.2. Contact Form 7
5.3. Nice Login Widget
14. 5.4. Really Simple Twitter Feed Widget
5.5. Widget Display Options
5.6. WP-PageNavi
5.7. Responsive Category Slider (Free version)
6. One – Click Demo Import
6.1. Manual Import
In /Sample Data/ folder, you can find the file:
nile-data.xml All posts, pages, menus data
Step 1. Go to Tools > Import, then click on Wordpress
Step 2. If it is not yet installed before, you have to install it. On the popup window, click on "Install Now".
Step 3. After installed successfully, click on Activate Plugin & Run Importer
15. Step 4. Browse for [path-to-your-downloaded-package]/Installation File/Sample Data/nilr-data.xml and
click Upload File and Import. If your server does not support .gz file, use gameplan-data.xml file.
Step 5. After uploaded, the confirmation page appears. Check the Download and import file attachments option and click Submit.
16. Step 6. When you see message "All done. Have fun!", you will know that the import is done.
Note: you may need to re-import the second time if the data is large. Back to Step 1. until you see the message below
Step 7. Go to Settings > Reading, set Front page displays to A Static page. Choose Home page as Front page and Blog as Posts page.
17. Step 8. Go to Appearance > Menus, choose Main Menu menu as Primary Menu.
Step 11. OK, DONE!
SHORTCODES AND WIDGETS CONFIGURATION
1. Widget configuration
To customize widget in Nile theme, you must go to Administrator Panel>>> Appearance >>> Widget. You can see some widgets and the way to create it.
18. On the left column, there are available widget of the theme;on the right column, there are available positions to put the widget in. Below is the list of widgets and positions, let’s look back at the layout
structure to be reminded.
19. Top Header: At the top of the header in layout structure, It is the best choice for showing the spotlight content in your website such as hot news or member login.
Navigation: is showing custom menu.
Slider: In the demo page we use B Slider in this position.
Body top: it's under the B Image Slider and on the search tool.
Main body: In the demo page we use our Responsive Category Slider in this position.
Default Sidebar: is showing Nile Hot Topic, Nice Member Login, Nile Hot Topic widgets and Video frame.
20. Single Sidebar: is the sidebar customized for single posts. If there is no widget added in it, it will take information from the default sidebar.
Page Sidebar: is the sidebar customized for pages. If there is no widget added in it, it will take information from the default sidebar.
Categories Sidebar: is the sidebar customized for category listing pages. If there is no widget added in it, it will take information from the default sidebar.
Search Sidebar: is the sidebar customized for search result pages. If there is no widget added in it, it will take information from the default sidebar.
Footer top
Copyright
The theme Nile is empowered with our own 5 built-in plugins and 7 easily customizable widgets/shortcodes such as:
Built-in Plugins Built-in Shortcodes
B Image Slider (Shortcode available) Nile Hot Topic (Shortcode available)
B Member Nile Testimonial (Shortcode available)
B Contact Nile Headline (Shortcode available)
B FAQs (Shortcode available) Nile Related Posts (Shortcode available)
B Carousel Nile Social Media (Shortcode available)
Nile Body Top Widget (Shortcode available)
Nile Category Widget
And more 17 popular typography shortcodes such as column, table, buttons, carousel for you to be creative! In deed, the process of configuration using widgets and shortcodes is the same. So you can
figure out yourself by our illustration of configuring widgets as below
1.1.B Image Slider
B Image Slider is a beautiful responsive slider with multitude transition effects see full and friendly with any portable devices.
Go to back-end settings (Administrator Panel >>> B Slide) to add, edit and move to trash each slide.
Front-end settings
Back-end settings
21. To add and edit each slide, you can pay attention to the information as below:
Title: The name at the top of slide. For example, Flexibility.
Description: the text will be shown when you click to read more.
Add media: add photo, video to the text.
Excerpt: are optional hand-crafted summaries of your content. For example, Complementary Category Slider.
B Sliders: choose any category you created.
Featured Image: set up image for each slide.
1.2. B Members
To customize it, go to Administrator Panel>>> Members
Front-end settings
23. You can add, remove, or edit any member.
In editing member, you can change Name, Text, Member position, Contact Member, Excerpt and Featured Image.
1.3. B Contact
In back-end setting (go to Administrator Panel>>> Contacts), you can add, or click to edit or delete (in Bulk Actions)contact form
Front-end settings
25. Here are some settings that you can change:
Form of contact
General tag
Mail
Message Body
The contact form is easily created with the help of famous plugin – Contact Form 7. To know more information about the plugin, move to Section VIII – Third Party Plugins.
1.4. B FAQs
To customize it, please go to Administrator Panel>>> Pages >>> All pages >>> FAQs
Shortcode form:
Question: <b_question>your text here</b_question>
Answer: <b_answer>your text here</b_answer>
27. 1.5. B Carousel
Its Live Demo is in typography page. You can see it at the end of typography in front-end
<h2 class="b-single-typography">Carousel</h2>
<div class="flexslider">
<ul class="slides">
<li><img class="alignnone size-medium wp-image-222" src="http://demo.themelead.com/nile/wp-content/uploads/2014/03/elephant-1.jpg" alt="bootstrap-mdo-sfmoma-01" />
</li>
<li><img class="alignnone size-medium wp-image-224" src="http://demo.themelead.com/nile/wp-content/uploads/2014/03/b-slide-2.jpg" alt="bootstrap-mdo-sfmoma-03" />
</li>
<li><img class="alignnone size-medium wp-image-223" src="http://demo.themelead.com/nile/wp-content/uploads/2014/03/elephant-1.jpg" alt="bootstrap-mdo-sfmoma-02" />
</li>
</ul>
</div>
<h4 class="b-single-typography">Nivoslider</h4>
Nile Carousel example. In which, you can choose flexslider style or nivo slider style, and a number of slides that you want
[nile_carousel type="nivoslider"]
[nile_slide title="Nivoslider-demo1" url_image="http://demo.themelead.com/nile/wp-content/uploads/2014/07/slider-nivo-2.jpg" url_slide=""][/nile_slide]
[nile_slide title="Nivoslider-demo2" url_image="http://demo.themelead.com/nile/wp-content/uploads/2014/07/slider-nivo-1.jpg" url_slide=""][/nile_slide]
[nile_slide title="Nivoslider-demo3" url_image="http://demo.themelead.com/nile/wp-content/uploads/2014/07/slider-nivo-2.jpg" url_slide=""][/nile_slide]
[/nile_carousel]
28. 1.6. Nile Hot Topic
If you want to display Nile Hot Topic Widget:
- Go to Administrator Panel>>> Appearance >>> Widget
- You can drag it to sidebar or click on it as back-end settings
29. As you can see Nile hot topic has been dragged to
Default Side bar
Search Side bar: shown as Search Results
In each settings, there are some information that you can change:
Title
Number of posts to show
Front-end settings
34. 1.8. Nile Headline
Widget position: Top Header
You can customize the title of the widget, category of the post and the number of posts to show as the back-end settings
Back-end settings
Front-end setting
1.9. Nile Related Posts
35. Widget Sidebar: Single Sidebar and Page Sidebar, mean that Nile Related Posts will be shown only on page when you click any posts in homepage
Back-end settings
Front-end settings
36. 1.10. Nile Body Top Widget
Creating Nile Body Top Widget is very easy
Step 1: Go to Administrator Panel>>> Appearance >>> Widget
Step 2: You can set a sidebar for it
37. Step 1: Drag Nile Body top Widget to any sidebar you want; for instance, default sidebar. Widget order is belong to the way how to drag and put it in default sidebar
Step 2: You can click on it and then choose a sidebar what you want
Step 3: Complete it settings
- Title: Nice Body Top Widget
- Descript of Widget
- Image Widget: click to "here" to choose image in Media ( Appearance >>> Media), and then copy URL of that image (File URL) to Image Widget
- Content: type the text in here
Step 4: Save change
Step 5: Go to front-end, refresh and see the changes
39. Note: If you want to change it to another sidebar, please delete its setting and drag it a new sidebar
1.11. Nile Category Widget
To create Nile Category Widget, you can see creating Nile Body Top Widget
Back-end settings
40. Fill in some settings:
Title
Sort by: there are 2 options for you: Newest or Random posts on Widget
Post on page: number of post on one page slide.
Save changes
41. 1.12. Nile Social Media
It's similarity in customization between Nile Social Media and Nile Body Top Widget
Back-end settings
42. However, if you only do the above steps, you can see the change in front-end as below:
43. It isn't perfect. You can design theme for this widget:
- Go to Administrator panel >>> Appearance >>>Theme Options >>> Social Media
44. You can add new layout (a new social media) for theme and save change.
You have to copy your social link in each social media.
In Social in Single, you can choose On or Off if you want to show Social link in Single Sidebar or not.
Then save changes.
See the change in homepage and single page in front-end:
Homepage front-end settings
45. Single page front-end settings
CUSTOMIZE POSTS AND PAGES
1. Setting up Pages
Nile supports 5 page themes: Home Page, Members,Fullwidth, Default Theme and Left Sidebar
To create new pages using these page theme, please follow the steps:
46. Add new page
Choose Page Attributes
Fill all information needed for a page such as: its Title, Description, Parent, etc. and Publish.
Front-end display:
Home Page
51. 2. Setting A Page to be Home Page
To set up the font page of your website to any pages you created, follow the simple steps:
Step 1: Set up a new page, choose its theme to be HomePage Theme in Page Attributes.
52. Step 2: Go to Appearance>>>Customize. Here you can preview the front-end of the theme and adjust some basic settings. Continune moving to Static Front Page, choose Front Page Display as A
Static Page then choose a page from options below.
Step 3: The selected page will become the homepage.
3. Setting up Member Page and Contact Page
When adding new pages, choose their page themes as Member Page and Contact Page to create these pages. Content of the pages are freely customized.
CUSTOMIZE THEME SETTING
1. Theme Option
Go to Administrator Panel >>> Appearance >>> Theme Options to clearly see all information about it.
1.1. General
53. Main logo theme: choose logo image of your businesses.
Main logo theme for retina screen: change logo for retina screen.
Color text main: change color of menu text and color of text when hovered here.
Custom color text in slider: change color of text in B Slide.
Show Breadcrumb: Breadcrumb means directed text “you are here: Home”. You can choose show or hide Breadcrumb.
Show Total Members: show or hide members of your website.
Show search form: means show or hide search tool.
Support Responsive: turn on or turn off responsive layout.
Columns you want to show in Category page: change number of columns when clicking to B Category, Default Category and Uncategorized in Single page.
Columns you want to show in Search page: number of columns displayed in Search Result Page.
Columns you want show in Archive Page.
Columns you want to show in Tag Page.
Custom title and text in 404 Page: you can change the text shown in page 404
1.2. Social Media
54. You can paste URL link of your social network such as Twitter, Pinterest, Google+, Facebook and so on.
You can choose show or hide social icon in Single Page.
1.3. Custom Font
55. Custom text font: choose main font of posts.
Custom Heading font: change font of headings.
Custom Recent Comments Text font: change font of text in Recent Comment Sliders.
1.4. Custom Background
56. Custom Background Body and Custom Background Header: Change settings of background body and header of your website. Click clear button in each setting to return to original settings. Here are
some settings:
<h1>Your text here</h1>
<h2> Your text here </h2>
<h3> Your text here </h3>
<h4> Your text here </h4>
<h5> Your text here </h5>
<h6> Your text here </h6>
Color
Background repeat
Background attachment
Background position
Background size
TYPOGRAPHY
Nile include a professional typography collection, which is so practical and appealing, just copy the simple HTML codes as guided to show all you need. The below HTML code demonstrates how to
configure Typography like DEMO page
2.1 Headings
<p class="muted"> Your text here</p>
<p class="text-warning">Your text here</p>
<p class="text-error">Your text here</p>
<p class="text-info">Your text here</p>
<p class="text-success">Your text here</p>
2.2. Lists
57. <div class="span3">
<ul class="b-list-1">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-2">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-3">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-4">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-5">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-6">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-7">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-8">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-9">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-10">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-11">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-12">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-13">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-14">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-15">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="span3">
<ul class="b-list-16">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
2.3. Columns
58. [b_row]
[b_column class="span3"]It is a long established fact that a reader will be distracted by the readable content of a page[/b_column]
[b_column class="span3"]It is a long established fact that a reader will be distracted by the readable content of a page [/b_column]
[b_column class="span3"]It is a long established fact that a reader will be distracted by the readable content of a page [/b_column]
[b_column class="span3"]It is a long established fact that a reader will be distracted by the readable content of a page [/b_column]
[/b_row]
[b_row]
[b_column class="span4"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since[/b_column]
[b_column class="span4"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since[/b_column]
[b_column class="span4"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since[/b_column]
[/b_row]
[b_row]
[b_column class="span6"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make[/b_column]
[b_column class="span6"]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is
that it has a more-or-less normal distribution of letters, as opposed to using[/b_column]
[/b_row]
[b_row]
[b_column class="span12"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic
typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/b_column]
[/b_row]
2.4. Blocks
<div class="span4">
<div class="b_blocks1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
59. <div class="b_blocks8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
<div class="span4">
<div class="b_blocks9">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>
2.5. Horizontal Description
<h2 class="b-single-typography">Horizontal description</h2>
<dl class="dl-horizontal"><dt>Description lists</dt><dd>A description list is perfect for defining terms.</dd><dt>Euismod</dt><dd>Vestibulum id ligula porta felis euismod semper
eget lacinia odio sem nec elit.</dd><dd>Donec id elit non mi porta gravida at eget metus.</dd><dt>Malesuada porta</dt><dd>Etiam porta sem malesuada magna mollis euismod.
</dd><dt>Felis euismod semper eget lacinia</dt><dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
</dl>
2.6. Default Styles Table
<h4 class="b-single-typography">Default styles</h4>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>your text</th>
<th>your text</th>
<th>your text</th>
</tr>
</thead>
<tbody>
<tr>
<td>your text</td>
<td>your text</td>
<td>your text</td>
<td>your text</td>
</tr>
</tbody>
</table>
2.7. Table Border
<h4 class="b-single-typography">Table border</h4>
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>Mark</td>
<td>Otto</td>
61. 2.10. Button
Default Button
2.11. Tabs
<h2 class="b-single-typography">Tabs</h2>
[nile_tabs]
[tab title="Home" active="yes"]<span style="color: #222222;">your text is here</span>[/tab]
[tab title="Profile" active="no"]<span style="color: #222222;">your text is here</span>[/tab]
[tab title="Service" active="no"]<span style="color: #222222;">your text is here</span>[/tab]
[/nile_tabs]
2.12. Tooltip
<h2 class="b-single-typography">Tooltip</h2>
Your text <a class="b-tooltip" style="color: #459ee8;" title="" href="#" data-toggle="tooltip" data- placement="top" data-original-title="Tooltips on top">your text</a> your text
62. 2.13. Popover
<a class="btn b-popover" title="" href="#" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on
top">Popover on top</a>
2.14. Alert
<div class="alert fade in"><button class="close" type="button" data-dismiss="alert">×</button><strong>Your text</strong> your text</div>
<div class="alert alert-block alert-error fade in">
<button class="close" type="button" data-dismiss="alert">×</button>
<h4 class="alert-heading">Your text</h4>
your text
</div>
2.15. Action Buttons
2.16. Icons
Nile comes in huge incons library you can choose to use it. You can see the list of incons as below
63.
64.
65.
66. To edit and show icon in front-end, you copy code "<i class="fa fa-***</i> to any position you want to show. For example: icon automobile inserted in Feature page.
2.17. Code
<pre><code class="html">For example, <span class="nt"><code></span><span class="ni">&lt;</span>section<span class="ni">&gt;</span><span class="nt"></code></span>
should be wrapped as inline.</code>
</pre>
MENU SYSTEM
1. Setting up Menus
To set up new menu item, go to Appearance >>> Menu.
Step 1: you have to select menu to edit or creat a new one
Step 2: you can take pages/posts/posts in Members/posts in B Slider/ Categories/ or Link to be the new menu items.
Step 3: Select and Add to Menu. The selected item will appear on the Menu Structure on the right.
67. Step 4: Save Menu and go to Appearance >>> Widgets. In Navigation, select the menu to be displayed in front-end then save the selection.
2. Drop-down menu and Tree menu
To create Drop-down and tree menu, simply change the heading level of menu structure by dragging and dropping menu items.
69. THIRD PARTY PLUGINS
To install these plugins, please go to Plugins >>> Add New. Search the name of the plugin, install and activate it
1. Black Studio TinyMCE Widget
2. Nice Login Widget
Nice Login Widget is a great free plugin to create login form. In the login and log out form, we can change a number a parameters such as Title of the widget, Form, Authentication, message, CSS class.
Please see the capture below for more detail information.
3. Contact Form 7
4. Really Simple Twitter Feeds
5. Widget Display Options
6. WP-PageNavi
7. Responsive Category Slider - ThemeLead.com
More details about our Free plugin here (http://themelead.com/project/responsive-category-slider-wordpress-content-slider-plugin/)
THEME FAQs AND SUPPORT
1. How to change the logo?
You can see its answer in General in CUSTOMIZE THEME SETTING section.
2. How to change Footer and Copyright Info?
To configure copyright and Footer Info, please go to Administrator Panel >>> Appearance >>> Widget. Copyright and Footer is in Footer Top and Copyright
Footer
Copyright
Note: If you want to customize it like demo page, you must change Display option.
70. 3. How to change main color theme?
Check its answer in CUSTOMIZE THEME SETTING (1.1. General and 1.4. Custom Background)
4. How to change style of Responsive Category Slider?
To customize Category Slider, you can download Pro version of Responsive Category Slider. Go to http://themelead.com/project/responsive-category-slider-wordpress-content-slider-plugin/
(http://themelead.com/project/responsive-category-slider-wordpress-content-slider-plugin/) to download it.
5. How to create new page themes?
You can find the answer at CUSTOMIZE POSTS AND PAGES section:
6. How to change favicon?
71. Favicon is a small icon positioned on the left of the address bar of your browser. By default, as an icon as shown on the screenshot below.
On your website, you might want to use your own icon, like the one we are using on our site http://themelead.com (http://themelead.com/)
Here are instructions on how to do that:
Step 1: Create your own favicon file
Technically, favicon is a regular 16px * 16px icon file with exact name favicon.ico. In most cases, favicon is the sized-down version of the company logo saved in the icon format. In some cases, the logo is
too specific and favicon needs to be built from scratch.You can use some professional icon editor software like Axial is Icon Workshop and Icon cool Editor or to use online favicon generators. The first
method gives you better quality, but takes more effort. The second method is easier, but the quality is not the best.
Step 2: Upload favicon file to your server
After you’ve got the favicon file, it’s time to upload it to your server. You need to upload the icon file to theme folder overwriting the default file. This is the folder folder_name avicon.ico
7. Does the theme have license?
Nile is licensed under GPL license, which guarantee your freedom to share and change all versions of a program. Information about the license is reffered here: http://www.gnu.org/copyleft/gpl.html
(http://www.gnu.org/copyleft/gpl.html)
8. Do plugins and extensions have licenses?
All built-in plugins of Nile is licensed under the same license of the theme. Especially, we give the users of Nile the GPL license to the attached Responsive Category Slider Free Version as well.
Information about our Responsive Category Slider is achieved here: http://themelead.com/project/responsive-category-slider-wordpress-content-slider-plugin/
9. Do I receive support and update for this product?
Nile is a non-profit project, hence we are only afford to support it in our public forum. The update roadmap is unclear yet. However, if you are interested in it and appreciate our contribution, you can make
donation to fund us updating the product.
In deed, we are about to launch Senia – a beautiful and powerful magazine theme which is much more superior than Nile. You can have a look at the below comparison table to consider between 2
products: Nile and Senia
Features Nile Senia
Responsive Design yes yes
Responsive Category Slider as Bonus Free version with limited capabilities Pro Version, which values at 19.9$
Configuration with Shortcodes/ Widgets
yes
Widgets and only limited shortcodes
yes
Widgets and large number of shortcodes
Custom Posts/ Pages
yes
5 sample pages and 3 page theme
yes
7 sample pages and 5 post theme
Custom Styling (Colors/ Fonts/ Typography)
yes
Basic
yes
Advanced
Translation Ready yes yes
1-Click Demo Import yes yes
Visual Composer as a Bonus no yes
RTL Support no yes
Support and upgrade Forum support only 24/7 support and lifetime upgrade
Author and review no
yes
Professional built-in system
72. Rich Post Format no
yes
Youtube/ Sound Cloud/ Vimeo/ Image Posts
Retina ready no yes
Theme Option Basic Options Advanced Options
WHAT ELSE?
Thank you for choosing theme. Now you have known everything to use it. If you find the documentation is helpful and love our theme, we hope that you can return us with some favors.
Give feedback
We would love to hear what you have to say:
- Provide you the best possible support to support@themelead.com
- Tweet and share this theme if you love it.
Check for updates
We are continuously updating our theme gallery, so don’t forget to visit http://themelead.com/ (http://themelead.com/) to check for something new.
Facebook: https://www.facebook.com/themelead.page (https://www.facebook.com/themelead.page)
Twitter: https://twitter.com/themelead (https://twitter.com/themelead)
Pinterest: http://www.pinterest.com/themelead/ (http://www.pinterest.com/themelead/)
Google Plus: https://plus.google.com/+ThemeleadWebsiteThemes (https://plus.google.com/+ThemeleadWebsiteThemes)