INK

Documentation

For support please checkout LunarTheme SUPPORT

INTRODUCTION

General

We would like to thank you for purchasing INK! We are sure that you have made an excellent choice in selecting it. You also have agreed that this item is unique among tons of Premium WordPress themes. Before getting started, please make sure that you always check out our INK WordPress Theme documentation files. We offer all kinds of useful information that you need to use for your purchased item. Besides, Knowledgebase, Video tutorials, Forum Search in our Free support center are available for you to fully satisfy your questions. Thank you, we hope you enjoy our theme.

WordPress information

To begin with the template, you can get knowledge about WordPress from installing WordPress to FAQs to WordPress. Below are some useful channels for WordPress users:

Requirement for INK

To use INK, your server must be running WordPress 4.0 or higher, PHP5 or higher, and mysql 5 or higher.

THEME INSTALLATION

To install INK you must have a working version of WordPress already installed. Make sure your installed Wordpress version is 4.0 or higher. You also need to have PHP 5.2.4 or higher versions (recommended is php 5.3+) and MySQL 5.0 to function correctly. If you need help installing WordPress, follow the instructions in WordPress Codex

Downloading

Purchase INK then you can download our template package on there.

Extract our full package, then you will see all the files and folders, including 02 .zip files which are INK.zip and INK-child.zip and 03 folders which are Sample-Data, Documentation, Plugins.

Install via WordPress

Following some steps below, you can completely install INK in few minutes.

Step 1: After getting the installation zip file of INK, you should navigate to Appearance >>> Themes.

Step 2: Click Add New and then wait while the theme uploaded and installed.

Step 3: Click to activate it.

Step 4: Done

Install via FTP

Common Install Errors

3.1. Are You Sure You Want To Do This?

If you get the “Are You Sure You Want To Do This” message when installing INK via WordPress, it means you have an upload file size limit. Install INK via FTP if this happens, or call your hosting company and ask them to increase the limit.

3.2. Upload size limit

If you get this message when you install our theme on localhost, here is a solution for you:

INSTALL DEMO DATA

1. Install all plugins

After installing INK, you need one important step to go further that is installing and activating our required plugins to make your theme and website work properly. There are 02 ways that you can apply to achieve this which are:

1.1. Install automatically

1.2. Install manually

Besides you have to install 3rd party plugins. To install these plugins manually, please go to Plugins >>> Add New. Search the name of the plugin, install and activate it as above.

There are 6 plugins you need to install to use and build a site like our demos:

2. Import Manual Data

When you are done with the plugin installation, the next thing you might want to follow is to import our sample data. To import manual data, please follow the below steps:

But before moving straight to the point, there are some notes worth checking:

  • Make sure you have installed all recommended plugins before importing sample data.
  • In /Sample Data/ folder, you can find 1 file is:

    • INK-import.xml All Data - sample demo data of some pages from our demo

  • The import process may take several minutes due to large data and your server capacity. If your server setting "Max Execution Time" is too low, increase it (as your hosting provider). Please do not close the browser until it finishes. If it fails, you can run this process again until seeing the "Success Message".
    Demo Images are not installed due to some copyrighted licenses
  • If you have to run the process more than once, menu items may be duplicated. Just go to Appearance > Menus and edit/delete Menu items
  • Feature images are not imported (We use licensed photos on our demo page). Instead you will see placeholder images.

Now begin with the detailed step below to manually import all parts of sample data:

SETTING HOMEPAGES

With INK, you can quickly build single page by using predefined templates. INK provides you with 14 homepages, so please follow some steps to know how to use Homepage templates.

1. How To Create A Homepage Using Templates

  • Step 1: Navigate Pages >>> Add new page
  • Step 2: You can select these predefined templates on the right side (Page Attributes). For example, you want to create Homepage 3 like our demo, you only need to select Homepage 3 template and click to publish. You also will do the same if you want to create blog pages.

    • See front-end settings

    Homepage 1 Homepage 8
    Homepage 2 Homepage 9
    Homepage 3 Homepage 10
    Homepage 4 Homepage 11
    Homepage 5 Homepage 12
    Homepage 6 Homepage 13
    Homepage 7 Homepage 14

    Note: To set any page as homepage, firstly go to Setting >>> Reading. Then set Front page displays to A Static page. Choose Home Page page as Front page and Blog as Posts page

    2. Layout

    Below is an example of WordPress theme with direct instruction for every section. This captures some main components in contributing a web page:

    3. Sample Codes

    Page Templates

    INK provides you great sample pages and layout, which help you create an impressive website on your own:

    • 1. About Me:

      • You can insert the following code into the back-end's text section:

    • 2. Contact Me:

      • You can insert the following code into the back-end's text section:

    • 3. Under Construction:

      • You navigate to Dashboard >>> Add new page and select Page Under Construction in template section of Page Attributes

    SETTING HEADER

    1. Main Header Setup

    To setup Header, Follow the steps below

  • Step 1: Navigate to Appearance >> Theme Options >> Choose Header tab. There are three options to select Sticky menu Sticky menu on top header, Sticky menu on middle header or Sticky menu on bottom header. Especially, INK allows you to display menu on middle header in the vertical style.

    • There are 02 different ways to help you build a stunning header. However, each way has its own purpose which are worth noticing. Please, follow the below steps to implement the process of header settings.

    The first way: You will choose the available header styles of INK, there will be 8 header styles for 14 unique homepages including header style for homepage 1; header style for homepage 2, homepage 4, homepage 6, homepage 8, homepage 9, homepage 14; header style for homepage 3, homepage 5; header style for homepage 10, header style for homepage 11, header style for homepage 12, header style for hompage 13. Besides, if you want to use the header style for homepage 7, you have to choose "template homepage 7" when creating a new page. You also can see Our Demo to take a look the header styles.

    The second way: If you choose Custom Header in Header style section, you will follow these steps to implement the header settings.

  • Step 2: Setting Header sections. INK gives you three header sections including Top, Middle and Bottom. Check ON to enable the header section you want to.

  • Step 3: Each the header section has several element so that you select to show on front-end. You only need to select these elements you want to show and click to Save to see changes.

  • Top header is a part of header, it is displayed above main header. In Top header section, you can check ON to show top header. Top header permits you to display text editor, cart, social, custom menu, logo, widgets, canvas sidebar or search box.

  • Middle header is a main part of header. It is similar to top header, you can check ON to show middle header. Middle header also permits you to display text editor, cart, social, custom menu, logo, widgets, canvas sidebar or search box.

  • Bottom header is showed below middle header. To show bottom header you only need to check ON.

  • Step 4: Specially, INK has a outstanding feature is that it allows you to create columns on header. The maximum number of columns is 3. By creating columns and using style of different header sections, you can config header according to the way you want to. You can drag and drop elements and change columns width freely. See Front-end settings to have more details.

  • Step 5: Besides, you can set up background color, image, opacity, custom css in each of header sections (top, middle or bottom).
  • Step 6: Finally, the import/export function of theme header can save your time in customization. You can import data of headers you want in Header sections of Theme Option

    • HOW TO SETUP EACH HEADER STYLE

    Header style for homepage 1

    • Step 1: After creating a new page and choosing template for that page (1), you scroll to "page options" section and select "header style for homepage 1" (2) in page layout tab.
    • Step 2: This header style includes 02 sections which are the middle and bottom header section. The middle header section consists of background image, logo and social.
      1. If you want to change background image, you navigate to Appearance >>> Theme options >>> Header, choose "header style for homepage 1", then scrolling to "header background" and uploading background image you want (1). Under header section, there are also options for you to change logo (2).
      2. To show social icons (below logo), you navigate to Theme options >>> Social and insert your social link (Choose any social you want to show)
    • Step 3: Setup menu for the bottom header section. To display menu, you navigate to Appearance >>> Menus and create your own menu. Then, you scroll to menu settings section and click to "bottom section menu" in theme locations, menu you select will be showed in bottom header section.

    Header style for homepage 2, homepage 4, homepage 6, homepage 8, homepage 9

    • Step 1: You choose "header style for homepage 2, homepage 4, homepage 6, homepage 8, homepage 9" in "page options" section
    • Step 2: This header style has 03 sections including top, middle and bottom header section. The top header consists of a short menu and social icons. To create menu for top header, you navigate to Appearance >>> Menus, build your own menu, then check the box "top section menu", don't forget to save menu and see your front-end setting
    • Step 3: Setup the middle header section. You can change logo by navigating to Appearance >>> Theme options >>> Header >>> Logo.
    • Step 4: Setup the bottom header section. This section includes main menu and search icon. To display menu, you navigate to Appearance >>> Menus and create your own menu. Then, you scroll to menu settings section and click to "bottom section menu" in theme locations, menu you select will be showed in bottom header section.

    Header style for homepage 3, homepage 5

    • Step 1: You choose "header style for homepage 3, homepage 5" in "page options" section
    • Step 2: This header style has 02 sections including top and middle header section. To setup the top header section, you navigate to Appearance >>> Menus, build your own menu, then check the box "top section menu", don't forget to save menu and see your front-end setting
    • Step 3: Setup the middle header section. This section consists of offcanvas sidebar on the left, logo and search icon. Following the below steps to setup offcanvas sidebar.
      1. First of all: You navigate to Appearance >>> Widgets to create a new sidebar, it may be called "offcanvas sidebar" (you should install "custom sidebar" plugin before creating the new sidebar).
      2. Then, you drag and drop "custom menu" (in available widgets) into offcanvas sidebar you have created and select menu for offcanvas sidebar (may be main menu, short menu or any menu you create in Appearance >>> Menus)
    • Step 4: You navigate to Appearance >>> Theme options >>> Layout >>> Offcanvas sidebar, turn ON to show offcanvas sidebar, don't forget to select offcanvas sidebar position and sidebar you want to show. You can see the image, "cs-1" stands for "the first custom sidebar" you create.

    Header style for homepage 10

    The settings of header style for homepage 10 are similar to those of header style for homepage 1, so you can see how to setup header for homepage 1 to know more details

    Header style for homepage 11

    • Step 1: You choose "header style for homepage 11" in "page options" section
    • Step 2: This header style provides 02 sections including top and middle header section. To setup the top header section, you navigate to Appearance >>> Menus, build your own menu, then check the box "top section menu", don't forget to save menu and see your front-end setting
    • Step 3: Setup the middle header section: You can change logo by navigating to Appearance >>> Theme options >>> Header, and navigating to Appearance >>> Theme options >>> Social to show social icons

    Header style for homepage 7

    • Step 1: You create a new page and choose template "homepage 7" in page attributes, header style for homepage 7 is available for you.
    • Step 2: You can change logo by navigating to Appearance >>> Theme options >>> Header
    • Step 3: To show menu for header, you navigate to Appearance >>> Menus, build your own menu, then check the box "Bottom section menu", save menu and see your front-end settings.
    • Step 4: If you want add or remove widgets on sidebar, you navigate to Appearance >>> Widget, then drag and drop widgets in primary sidebar.

    Header style for homepage 13

    • Step 1: You choose "header style for homepage 13" in "page options" section
    • Step 2: This header style provides 03 sections including top, middle and bottom header section. The top header section will have a short menu and social icons
      1. To show the short menu, you navigate to Appearance >>> Menus, build your own menu, then check the box "top section menu", don't forget to save menu and see your front-end setting.
      2. To show social icons (below logo), you navigate to Theme options >>> Social and insert your social link (Choose any social you want to show)
    • Step 3: Setup the middle header section:
      1. You can navigate to Appearance >>> Theme options >>> Header to change your logo
      2. You also can change banner spot by navigating to Appearance >>> Theme options >>> General >>> Banner spot, after that you turn ON to enable banner spot, you also can inster you banner url and upload the image file for banner
    • Step 4: To show menu for the bottom header, you navigate to Appearance >>> Menus, build your own menu, then check the box "bottom section menu"

      • Header style for homepage 12

      • Step 1: You choose "header style for homepage 12" in "page options" section
      • Step 2: To change image or logo, you navigate to Appearance >>> Theme options >>> Header
      • Step 3: To show menu for the bottom header, you navigate to Appearance >>> Menus, build your own menu, then check the box "bottom section menu" in "menu settings" section

        • Header style for homepage 14

        The settings of homepage 14 are similar to those of header style for homepage 2, homepage 4, homepage 6, homepage 8, homepage 9, so you can see how to setup header style for that homepages to know more details

        HOW TO SETUP MOBILE MENU

        To create menu for mobile devices, you navigate to Appearance >>> Menus, build your own menu, then check the box "Mobile menu" in "menu settings" section. Save menu and see you front-end settings

    2. Setting menu

    The following steps will guide you how to set up main menu.

    In each menu, you can add as many items you need: pages, posts, custom links, categories

    2.1. Main menu

    • Navigate to Appearance >>> Menus and click the “create a new menu” link.

    • Enter a menu name in the “Menu Name” box and click the Create Menu button.

    • You can add as many items you need by dragging and dropping to set sub menu or position of them.

      • Note: Choose theme locations for the menu before you save. The mobile menu is the responsive menu that will be displayed on mobile screens

      Manage locations

      That tab to allow you setting menu location you want.

      2.2. Top Menu

      The steps to create top menu are similar to those of main menu. After that, you will navigate to menu settings section and check the box top section menu in theme locations

    4. Logo & Favicon

    Besides you upload your logo as an image file, this item has a special thing is that you can use text logo instead of image logo. The best size is 116x33px. Please use jpg, jpeg, png or gif image for best performance. INK is also retina ready so there are additional options to upload a retina 2x logo and specific instructions that need to be followed for it to display correctly on retina ready devices.

    To Insert Your Logo, Follow The Steps Below.

  • Step 1: Navigate to Appearance >> Theme Options >> Choose Header to Setup.

  • Step 2: You will see three logo options, one is to use text logo, you turn ON if you want to use text logo instead of image logo, the other is standard desktop and the final one is for retina logo. Click upload button and select your logo file.

  • Step 3: If you are using a regular logo, the best size is 116x33px. Please use jpg, jpeg, png or gif image for best performance. If you are uploading a retina logo, it needs to be exactly 2X the size of the regular logo. For example, if the standard logo is 116x33px, the retina logo should be 232x66px. Click upload button and select your retina logo.

  • Step 4: There are also options to choose alignment of the logo, and adjust the left, top logo margins. This allows you to fine tune the placement of your logo.

  • Step 5: Click to Save all changes and see them on front-end.

    • Front-end setttings

    Note: If your logo is narrowed down in tiny shape, (1) you can resize it by navigating to Appearance >> Theme Options >> Header >> Headers Section. Then move your mouse pointer to the space between two blocks. If the logo block was too small, you need to resize it until you satisfy with the result.

    (2) Also, don’t forget to adjust the padding size in “Logo Margin” of Theme Options. That is also the reason causing the logo’s narrowing.

    The final way to resolve this problem is to have some code knowledge to be able to edit the height of header section.

    (3) You can remove the max height limit by adding this code to "Apperance >>> Theme Options >>> General >>> Custom CSS"
    .k2t-logo, .k2t-logo img { max-height: inherit; max-width: inherit }

    PAGE LAYOUTS

    Blog Option

    • Blog tab in page options will help you select categories of blog which contain posts you want show in your blog page. For example, you want to show posts of Carpentry and Electricity categories, you only need to select Carpentry and Electricity, these posts belongs to these categories will be showed in your blog page.

    • To add new category, you click to "+" and fill in the name of new category. Besides, there are an option for you to select parent category.

    Page Layout

    There are 3 page layout styles. Layouts can only be customized in Page Layout.

      To create a page with Standard Layouts (Left Sidebar, Right Sidebar and No sidebar), simply choose among the options in Page Layout and set Page Template to Default Template.

      Page Layouts is to customize page content arrangement. There are 3 page layouts including: right sidebar, left sidebar, and no sidebar. Default layout is right sidebar

      • Header style: You can choose one of 8 different header styles including header style for homepage 1; header style for homepage 2, homepage 4, homepage 6, homepage 8, homepage 9, homepage 14; header style for homepage 3, homepage 5; header style for hompage 10; header style for homepage 11, header style for homepage 12; default header is for homepage 7.
      • Page sidebar width: customize width of sidebar. The measuring unit is %
      • Custom sidebar: You will fill in the name of sidebar which you create in Widget.

    Post Sliders

    • Show/Hide Post Sliders: You can choose show or hide post slider on your page.
    • Sliders style: You can select one of 12 post slider styles which are: slider style for homepage 1, slider style for homepage 2, slider style for homepage 4, slider style for homepage 5, slider style for homepage 6, slider style for homepage 8, slider style for homepage 9, slider style for homepage 10, slider style for homepage 11, slider style for homepage 12, slider style for homepage 13, slider style for homepage 14.
    • Select categories: INK lets you select specific categories of posts to show them on slider.

    Note: If you don't select any category of posts, the post slider will be disappeared out your page. So, to show the post slider, you need to select at least 01 category of posts

    See front-end settings

    Post slider style for homepage 1

    Post slider style for homepage 2

    Post slider style for homepage 4

    Post slider style for homepage 5

    Post slider style for homepage 6

    Post slider style for homepage 8, 9

    Post slider style for homepage 10

    Post slider style for homepage 11

    Post slider style for homepage 12

    Post slider style for homepage 13

    Post slider style for homepage 14

    BLOG

    1. Create A Blog Single

    Step 1- Navigation to Post in your WordPress admin. Click on Add New to make a new post.

    Step 2 - Create a new post with various options

    - Create a title and insert your post content in the editing field. You can use any of our shortcodes inside post.

    Add your post format. It includes:

    If you choose format "video, audio, link, quote, gallery", please customize their detailed options in "Post format".

    - Add category, tag and your featured image post from the right side. Please add new category if it hasn't existed. Image format will take the featured image as the post image.

    In order that all posts display well on the various layouts of theme, the presequite width of images has to be larger than 770px for blog with sidebar and the width of images has to be larger than 1170 for blog with sidebar.

    Post layout: We include 4 layouts: default, right sidebar, left sidebar, no sidebar. Choose any fit layout for your single post page.

    Custom sidebar name: this is unique option of INK. By using one great third party plugin named Custom Sidebar by WPMUdev, you can create your own sidebar apart from default sidebars. See full instruction in Page Layout section. In INK demo data, we have created 3 new sidebars: shortcode sidebar, canvassidebar and custom-shop-sidebar.

    - Customize Post metadata you have some options:

    • Categories: Show or hide post's category.
    • Post date: Show or hide post date.
    • Tags: Show or hide tags.
    • Authorbox: Show or hide post authorbox.
    • Related post: Show or hide related post.

    - Customize Post format if you choose one of these formats "video, audio, link, quote, gallery".

    For format "video", you have some options:

    • Video format url: you can only add link from Vimeo and Youtube
    • Video source: select video source: video link, upload local file, video embed code.

    For format "audio", you have some options:

    • Audio source: select audio source: soundcloud link or upload local file.
    • Link: insert soundcloud link, or link audio from other websites (option for format "Link" only, please fill in full http:// address).

    For format "quote", you have some options:

    • Quote author: fill the author name of the quote.
    • Author quote url: add author link.
    • Quote content: fill the quote.

    For format "gallery", you have some options:

    • Gallery format: add images, audio, video... from gallery.
    • Gallery auto play: True or False. If you choose True, your gallery will play in auto. Default is False.
    • Gallery duration time: fill duration time for your gallery. Default is 5000.
    • Gallery speed: custom the speed. Default is 300.
    • Gallery pagination: True or False. If you choose True, your gallery will be paginated. Default is False.
    • Gallery navigation: True or False. If you choose True, your post will have gallery navigation. Default is True.
    • Gallery mousewheel using: True or False. If you choose True, the gallery can be used by mousewheel. Default is True.

    Step 3- Click to Settings >>> Readings to choose number of post can be shown in each blog page.

    2. Create A New Blog Page

    There are numerous blog template for you to choose: blog grid (2, 3, 4 columns), blog large, blog masonry (2, 3, 4 columns), blog with sticky posts and blog featured. Each style can be customized in many layouts: left sidebar, right sidebar, no sidebar.

    It is very easy to create your own blog.

    Step 1: Choose "Add New" to create a new blog page.

    Step 2: Choose Blog Template on Page Attributes. Blog styles: blog grid (2, 3, 4 columns), blog large, blog masonry (2, 3, 4 columns), blog with sticky posts and blog featured.

    Step 3: Customize Page Options. There are 3 options you must to change: Page Layout, Blog and Post Sliders.

    THEME OPTIONS

    General


  • Step 1: Navigate to Appearance >>> Theme Options >>>General.

  • Step 2: General in Theme Options is where you can customize options such as Sidebar width, header code, footer code or custom CSS and Icons.

  • Step 3: Check ON if you want to show breadcrumb or page loader. Besides, you can customize sidebar width

  • Step 4: For Header code, Footer Code, custom CSS you can load Google Font, fill Google Analytics tracking code, or write your custom CSS.
    • Icons

    There are numerous types of icon such as favicon, Iphone icon, Iphone retina icon, Ipad icon, Ipad retina icon. You only need to upload icons as a image file

  • Favicon - Favicon is a small icon image at the topbar of your browser.

  • Iphone icon - The iPhone icon is a file used for a web page icon on the iPhone. When someone bookmarks your web page or adds your web page to their home screen, this icon is used. If this file is not found, these products will use the screen shot of the web page, which often looks like no more than a white square.

  • Iphone retina icon - The same as iPhone icon but for Retina iPhone.

  • Ipad icon - The same as iPhone icon but for iPad.

  • Ipad retina icon - The same as iPhone icon but for Retina iPad.
    • Banner Spot

    You only need to upload banner spot as a image file. Besides, you can insert URL link into your banner. If you don't want it to display on your page, you only check OFF

    Layout

  • Step 1: Navigate to Appearance >>> Theme Options >>>Layout.

  • Step 2: Layout tab in theme options is where you can customize content width. You can choose content width in the range from 940px to 1200px.

  • Step 3: To enable boxed layout or responsive layout on devices, you only need to check ON.
  • Offcanvas Sidebar

    • Check ON to show offcanvas sidebar. You can choose the position of offcanvas sidebar (left or right) and select sidebar you want to show (To create sidebar, you navigate to Appearance >>> Widgets.

    Style

  • Body background color

    • The content areas have two sections; the inner part, and the outer part which is a bit like a margin. Body background is the outer part (including a large margin). So, to set background color or image for body, you just need to turn ON and select the color or upload the image you want.

  • Main content background color

    • Main content backgound is the inner part of margin. Turn ON to enable main content background and customize it

  • Primary Color
  • Step 1: Navigate to Appearance >>> Theme Options >>>Style.

  • Step 2: Select color for site in primary color (main color), select color for heading and text and set color to footer background.

  • Step 3: You can select color for link, link hover, footer text and footer link.

    • Typography

    Font Family
  • Step 1: Navigate to Appearance >>> Theme Options >>>Typography.

  • Step 2: You can choose a normal font or Google font for Navigation, Heading and Body.
    • Headings Font Size

    In this section, you can customize Font size for Heading types or Body.

    General Font Size and Font Type

    You will customize Body, Main navigation, Submenu of Main navigation font size in elements font size section.

    Font Type: You can select type of font for navigation text transform such as capitalize, uppercase, lowercase, inherit.

    Blog

    All the changes that have been made in this 'Blog' section of Theme Options will effect the entire website. That means if you make any adjustments in a certain page, it will overwrite options in Theme Options.

    Blog Layout
  • Step 1: Navigate to Appearance >>> Theme Options >>>Blog.

  • Step 2: Blog tab in theme options help you select blog style such Large, Medium, Grid (from 2-4 columns), Masonry (from 2-4 columns), choose Blog sidebar position (right sidebar, left sidebar, no sidebar).

    • Front-end setttings

  • Blog Sticky
  • Blog Featured
  • Blog Masonry
  • Blog Category

    • Blog Show/Hideing Options
  • Step 1: Navigate to Appearance >>> Theme Options >>>Blog.

  • Step 2: There are options about content or excerpt. Select display post content or excerpt on the blog, adjust excerpt length (words).

  • Step 3: Infinite scroll: If you choose "True", infinite scroll will be enable; it means that you can scrolls towards the bottom of the page, the next page of posts is automatically retrieved and appended. If you choose "False", there will have pagination on your page instead of infinite scroll in order that you can navigate to next page

  • Step 4: To display title link, post date, number of comments, categories, author, "Readmore" link you only need to turn On.

    • Note: If you select to display post excerpt on the blog, "Readmore" link will be always displayed. Only when selecting to display post content, you can select to show or hide "Readmore" link.

    Social

    Similarly, turn On to show social buttons and turn Off if you do not want to display them.

    Single

    NOTE: Similar to the 'Blog' section, all the changes that have been made in this 'Single' section of Theme Options will effect the entire website. That means if you make any adjustments in a certain page, it will overwrite options in Theme Options.

    Single Layout
  • Step 1: Navigate to Appearance >>> Theme Options >>>Single.

  • Step 2: Select single layout such as right sidebar, left sidebar or no sidebar. Right sidebar will be selected by default.
    • Meta
  • Step 1: Navigate to Appearance >>> Theme Options >>>Single.

  • Step 2: Check On if you want to show categories, tags, next/previous links, author box, related post on single post. Check Off if you don't want to display them.

    • 404 Page

  • You can enter 404 Title, custom text, upload 404 image you want to show when users go to 404 page.

    • Under Construction Page

  • You can enter Under construction Title, upload Under construction image you want to show when users go to under construction page and countdown.

    • Social


  • Step 1: Navigate to Appearance >>> Theme Options >>>Social.

  • Step 2: Social Tab in Theme Options is where you will insert your custom social media links you want to display. If you want to display Facebook icon, Twitter icon or Google+ icon in header or footer you need to insert the URL of your Facebook, Twitter, Google+ in the corresponding field.

  • Step 3: To display icon title when you hover icons, you only need to turn On in the icon title field.

    • FONT ICONS

    Follow these steps to know how to add different icons fonts to INK:

    Step 1: Copy the icon fonts following the link: theme root / framework / k2ticon / inc / font. An icons fonts standard includes 4 files: your_font.eot, your_font.svg, your_font.ttf and your_font.woff

    Step 2: Open file as link: root theme / framework / k2ticon / css / style.css to inform font-face and the whole css class for the new font. (Note to change the path to adapt). For example:

    @font-face {

    font-family: " your_font ";

    src: url("../inc/font/ your_font.eot");

    src: url("../inc/font/ your_font.eot#iefix") format("embedded-opentype"),

    url("../inc/font/ your_font.woff") format("woff"),

    url("../inc/font/ your_font.ttf") format("truetype"),

    url("../inc/font/ your_font.svg") format("svg");

    font-weight: normal;

    font-style: normal;

    }

    .icon-1 { content: “” }

    .icon-2 { content: “” }

    ….

    Step 3: Open file as the direction: theme root / framework / k2ticon / inc/ list.php and find line 729 to add new class of the new icon fonts

    ‘your_font ‘ => array(

    ‘icon-1’,

    ‘icon-2,

    ‘icon-3’

    …

    )

    Step 4: Open file as the direction: theme root / framework / k2ticon / js / generator.js and find line 56, duplicate line 56-59 and then paste down

    if ( selectedIcons == ‘your_font-icons-list' ) {

    listIcons.hide();

    jQuery( 'ul. your_font -icon-list' ).show();

    }

    Step 5: Open file as the direction: theme root / framework / k2ticon / k2ticon.php, find line 80 to paste the code down

    Step 6: Done!. See the results!

    Note: You can replace "your_font" by your own name

    FINALLY

    Thank you for reading!

    We hope you can create the best website with INK.

    One again, thank you so much for using INK. As i said at the beginning, i'd be glad to help you if you have any questions relating to this theme. No guarantees, but i'll do my best to assist. If you have a more general question relating to the themes.

    Do not hesitant to contact us via email: lunarthemex@gmail.com or submit ticket via Forum

    Please take a screenshot photo with descriptions about your problem. More details about your problems help us more easier to figure out and respond you sooner.

    *******************Note*********************************************************************************************************

    Our products

    INK - Elegant Magazine Blog PSD Template

    Lincoln - Education Material Design WordPress Theme/a>

    Jakiro - Fashion Shop WordPress Theme

    SCOPE OF SUPPORT

    Our support covers getting setup, trouble using any features and any bug fixes that may arise. Unfortunately we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of your theme, please contact with us with your requirement. Our technical team will help you with some fees.

    SUPPORT SCHEDULE

    Our working time is 8:30am - 5:30pm from Monday to Friday (GMT+7). So if you email us or submit ticket besides this working time, we are really sorry that we are not able to respond you soon. We will try to reply you as fast as we can. Especially if you email or submit ticket at weekend, please be patient and we will respond to you right when we are back on Monday.

    Support forum

    CONTACT

    Facebook

    Twitter

    Google Plus

    Youtube

    Reference WordPress support (installation, development): Learn to HTML, CSS, PHP, Javascript, etc