InLife theme documentation

Here we describe all about InLife theme.

General information

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).

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.

Installing Inlife

Using inlife.zip found in ZIP file you downloaded from ThemeForest.com you should perform the following steps:

  1. Log into wordpress admin panel
  2. Go to Apperance and choose themes then click on add new button
  3. click upload theme button then choose the theme file and upload
  4. Once installation is complete you can activate InLife theme

to load demo content data follow the following steps :

  1. Log into wordpress admin panel
  2. Hove on tools and select import
  3. click on WordPress
  4. install wordpress importer if not installed
  5. go to import and select choose file
  6. in the downloaded files go to Demo Content folder, get into this folder and pic the file named inlife-demo-content.xml
  7. click on upload and import

to import theme options settings do the following steps :

  1. Go to downloaded files
  2. get into Demo Content folder and you will find .json files
  3. pic one you want and open it into any text editor such as notepad
  4. Select all the code appeared and copy it
  5. Log into wordpress admin panel
  6. Go to theme control
  7. select import/export
  8. click on import from file and a text area will appear
  9. just paste the code you copied into this text area
  10. WARNING! This will overwrite all existing option values, please proceed with caution!
  11. 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 :

<pre>Code!</pre>

Will be like this :

General settings

in general settings tab you will see another six tabs with options that helps you to customize your website generally

General

Choices :
  1. Choose blog color scheme
  2. Select color
  3. Time format
  4. Scroll to top button
  5. Website favicon
  6. Apple icon : 57px X 57px
  7. Apple icon : 72px X 72px
  8. 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)

Typography Settings

in typography setting you can customize fonts for the following elements :

  1. Site title (Will be displayed if text logo selected)
  2. Site description (Tagline) (Will be displayed if text logo selected)
  3. Post title
  4. Post paragraphs
  5. Post urls
  6. Widget title
  7. Heading 1
  8. Heading 2
  9. Heading 3
  10. Heading 4
  11. Heading 5
  12. Heading 6
  13. Text in footer (Copyrights)
  14. Select links color

Custom code

InLife theme offers adding google analytics code, custom css and javascript code, the editors can be found in theme control page > general settings > custom code.

Blog Settings

Choices :
  1. Choose Blog style
  2. Post excerpt length
  3. Pagination type
  4. Social share buttons
  5. Show post meta
  6. Author meta
  7. Date meta
  8. 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.

Archive Settings

Choices :
  1. Choose page layout
  2. Archive Description
  3. Category Description
  4. Tag Description
  5. Author Bio
  6. Exclude Pages from results
  7. Error message
  8. Show search form
  9. 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.

Post settings

Choices :
  1. Choose post layout
  2. Date meta
  3. Categories meta
  4. Tags meta
  5. Views meta
  6. Author bio
  7. Next and prev posts
  8. Share buttons on posts
  9. Share buttons on pages
  10. Disqus Comments
  11. 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

Social media

In social media tab you can add up to 26 social media links, just add the url and the icon will appear with it's url.

also you can add up to 6 custom social media just go to custom social media tab and click add then do the following instructions :

1- Title : add social media title.

2- URL : add social media url.

3- Select icon : select social media icon, you will find more than 400 icons and all can be found here.

Advertisements

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

3- in custom code mode you can add any custom code. Supports the following : HTML, Javascript, Text and Shortcodes.