We would like to thank you for purchasing InLife, Before you get started, please be sure to check out these documentation files. InLife theme can be used with wordpress only. We assume that you already have WordPress installed and ready to start, If you do not, please see our tab (Wordpress installation).
To install InLife theme you must have a working version of WordPress already installed. and if you need some help with installing wordpress you can follow the instructions in Wordpress Codex or you can watch this Instructional Video or watch it right here.
Using inlife.zip found in ZIP file you downloaded from ThemeForest.com you should perform the following steps:
- Log into wordpress admin panel
- Go to Apperance and choose themes then click on add new button
- click upload theme button then choose the theme file and upload
- Once installation is complete you can activate InLife theme
to load demo content data follow the following steps :
- Log into wordpress admin panel
- Hove on tools and select import
- click on WordPress
- install wordpress importer if not installed
- go to import and select choose file
- in the downloaded files go to Demo Content folder, get into this folder and pic the file named inlife-demo-content.xml
- click on upload and import
to import theme options settings do the following steps :
- Go to downloaded files
- get into Demo Content folder and you will find .json files
- pic one you want and open it into any text editor such as notepad
- Select all the code appeared and copy it
- Log into wordpress admin panel
- Go to theme control
- select import/export
- click on import from file and a text area will appear
- just paste the code you copied into this text area
- WARNING! This will overwrite all existing option values, please proceed with caution!
- Click on import
Add post settings
to add new post or page just log into your wordpress admin panel then hover on posts or pages and select add new.
InLife theme supports seven post formats (Standard, Qoute, Gallery, Image, Video, Audio, Link).
in new post you will find post formats and post format options below the editor, select the post format you want and the appeared controls will be described here.
1- Standard : No options for this post format.
2- Quote : you can add the qoute and qoute author. notice : the featured image will be the qoute background in single post page.
3- Gallery : you can select images to add them to the carousel. notice : the featured image will be another slide in the carousel (the first slide).
4- Image : No options for this post format.
5- Video : Enter a video file (mp4, m4v, webm, ogv, wmv, flv) url, youtube, twitter, or instagram (URL). Supports services listed here. notice : if you didn't entered the url the featured image will be displayed normally.
6- Audio : Enter a audio file (mp3, ogg, wma, m4a, wav), Soundcloud, mixcloud, or Spotify. Supports services listed here. notice : if the url you entered is for an audio file, the featured image will be the background of the audio player. if you didn't entered the url the featured image will be displayed normally.
7- Link : Enter the url and the featured image will be the background of the link. notice :if you didn't entered the url the featured image will be displayed normally.
the following tabs will describe how to use theme control to customize InLife theme to fit your needs.
Post Customizations :
for posts and page you can override the general settings in theme control and customize sidebar position right or left or hide sidebar for this post or page only and you can also hide the above and below Ad banner from this post or page only.
Code highlighting : you can highlight the code by adding it between html pre tag like the following :
Will be like this :
in general settings tab you will see another six tabs with options that helps you to customize your website generally
- Choose blog color scheme
- Select color
- Time format
- Scroll to top button
- Website favicon
- Apple icon : 57px X 57px
- Apple icon : 72px X 72px
- Apple icon : 114px X 114px
1- Choose blog color scheme : you can choose your website color scheme between dark or light
2- Select color : select the secondary color for icon colors and link hovers and more
3- Time format : select time format, it can be the normal one like (feb-12-2015) or the modern like (3 days ago) or you can hide the time at all.
4- Scroll to top button : Disable or enable the scroll to top button
5- Website favicon : upload your website favicon icon. it's recommended to be square and it will be visible on top in the browser tab
6- Apple icon : 57px X 57px, 7- Apple icon : 72px X 72px, 8- Apple icon : 114px X 114px : upload apple icons to be used as app icon in iphone home screen (Works with android devices also)
- Logo Settings
- Header background
- Logo Image
- Logo Image (Retina Version @2x)
- Header spacing (Padding)
- Logo dimensions (Width/Height)
- Logo spacing (margins)
- Center the logo
- Show top bar
- Show social icons on top
- Show search on top
1- Logo Settings : Choose between image logo or the default wordpress site title and tag line located in setting > general in wordpress admin panel.
2- Header background : customize header background with ability to add color or image and all controls of the background image such as image repeat, size and position.
3- Logo Image : upload logo image, the max recommended size is 160px (x) 90px.
4- Logo Image (Retina Version @2x) : upload double sized version of the logo image for retina devices.
5- Header spacing (Padding) : Header padding spaces from top and bottom, you can select the unit you prefer
6- Logo dimensions (Width/Height) : if you want to add limitations to logo dimensions you can define the height and width of the image logo here.
7- Logo spacing (margins) : margins arround the logo from top, bottom, right and left
8- Center the logo : the default place for the logo is on the left but if you checked (Center the logo) your logo will be in the center of the header. notice : if header advertise activated the logo will be centered in it's column.
9- Show top bar : activate the dark bar on the top of the page
10- Show social icons on top : control the visibility of social icons in the header top bar
11- Show search on top : hide or show the search in header top bar
- Posts source
- Select categories
- Select tags
- Number of slides
- Exclude posts
- Show category
- Show post title
- Show excerpt
- Show post meta
1- Posts source : select the posts source from categories or tags or random posts or disable the carousel at all.
2- Select categories : select the posts category you want to display the slides from. notice : only visible when category selected in post source above, you can select multi categories.
3- Select tags : select the posts tag you want to display the slides from. notice : only visible when tags selected in post source above, you can select multi tags.
4- Number of slides : set number of slides in the carousel
5- Exclude posts : select posts that will be excluded from the carousel
6- Show category : control the visibility of post category
7- Show post title : control the visibility of post title
8- Show excerpt : control the visibility of post excerpt
8- Show post meta : control the visibility of post meta
in typography setting you can customize fonts for the following elements :
- Site title (Will be displayed if text logo selected)
- Site description (Tagline) (Will be displayed if text logo selected)
- Post title
- Post paragraphs
- Post urls
- Widget title
- Heading 1
- Heading 2
- Heading 3
- Heading 4
- Heading 5
- Heading 6
- Text in footer (Copyrights)
- Select links color
- Choose Blog style
- Post excerpt length
- Pagination type
- Social share buttons
- Show post meta
- Author meta
- Date meta
- Categories meta
1- Choose Blog style : InLife theme contains three blog styles. the normal blog, modern blog style and masonry style. so you can choose one of them to be your style
2- Post excerpt length : set the excerpt length - by dragging - in all blog archive pages and home page.
3- Pagination type : select the pagination type. numbered pagination or Next and Previous posts
4- Social share buttons : control the visibility of Social share buttons in all blog archive pages and home page.
5- Show post meta : control the visibility of post meta in all blog archive pages and home page.
6- Author meta : control the visibility of author meta in all blog archive pages and home page.
7- Date meta : control the visibility of date meta in all blog archive pages and home page.
8- Categories meta : control the visibility of categories meta in all blog archive pages and home page.
- Choose page layout
- Archive Description
- Category Description
- Tag Description
- Author Bio
- Exclude Pages from results
- Error message
- Show search form
- Search message
1- Choose page layout : Select page layout (sidebar position left or right or no sidebar) for each archive page.
2- Archive Description : Hide or show the archive description.
3- Category Description : Same as archive description.
4- Tag Description : Same as archive description.
5- Author Bio : Hide or show Author bio in author posts page, the author bio contains the author name, avatar( from gravatar ), description and author social media links .
6- Exclude Pages from results : control the visibility of wordpress pages in search results.
7- Error message : Write the message that will be displayed to visitors in error 404 page.
8- Show search form : show or hide search form in error 404 page.
9- Search message : Write the message that will be displayed to visitors above the search form in error 404 page.
- Choose post layout
- Date meta
- Categories meta
- Tags meta
- Views meta
- Author bio
- Next and prev posts
- Share buttons on posts
- Share buttons on pages
- Disqus Comments
- Disqus short name
1- Choose post layout : Select post layout (sidebar position left or right or no sidebar) for all posts and pages.
2- Date meta : Show or hide date on single post or page.
3- Categories meta : Show or hide categories on single post or page.
4- Tags meta : Show or hide tags on single post.
5- Views meta : Show or hide views count on single post or page.
6- Author bio : Show or hide author bio on single post or page, the author bio contains the author name, avatar( from gravatar ), description and author social media links.
7- Next and prev posts : Show or hide Next and prev posts buttons on single post.
8- Share buttons on posts : Show or hide categories on single post.
9- Share buttons on pages : Show or hide categories on page.
10- Disqus Comments : Enable or disable disqus comments system. notice : when disqus enabled, the wordpress default comments system will be disabled.
11- Disqus short name : Disqus short name required to get the system working, to get your own short name you have to register in DISQUS service
InLife theme has three banners one in the header and above the post in single post and page and another one below the post.
to add banners or control them just go to theme control page and select Advertisements tab then do the following instructions:
1- select the Ad type (image ad or custom code or disable it at all) in the selected area.
2- in image mode you can upload image banner from (Image banner) and add url from (Banner url) and add Alternative Text For The image and you can control whether you want it to open in new tab and to add No follow attribute to the add to improve your search engine optimization