Elanza Pro

Installing Theme & plugin

  • First download theme zip file from member’s area.
  • Login to WordPress dashboard.
  • Then open “Appearance > Themes”.
  • Click on “Add New” button and click on “Upload Theme” button.
  • Then select zip file of theme.
  • After that activate theme.

Demo Import


Note – “This video showing onelinepro template import process, But same will work for all ThemeHunk themes.”

  • For more information follow this link.

General Setting

  • In this setting you can add the site information like a logo, site title, tagline for your site. Just open your dashboard, Go to “Appearance > Customize > General setting”.
  • Select your logo and site icon by clicking on “Select Image” button.

general setting Elanza

Setup Homepage for Magazine and Blog Template

  • Go with this video and learn how to setup homepage for your Magazine and Blog Template.

Mega menu

  • Go to Appearance > Menus. Add a page, category, or custom link. On the “Dropdown Column” option panel select the Mega menu and save menu. The menu in which you have selected the mega menu is parent menu.
  • You can create multi column menus, add custom links, page, widgets, post, category in a parent & dropdown menu and change WordPress menu style.

mega menu elanza

Mega post

  • Go to Appearance > Menus. Add a custom link as a parent menu, select mega post and add upto 5 category for showing your post in menus.
  • You can only show category post in mega post as a dropdown menu.megapost elanza 1

Magazine template Options

  • Go to Dashboard > pages > Add new page > template > Magazine template. After that publish the page and go to customize panel, here you can see the magazine template option, click on it.

magazine template option elanza pro

Boxed layout

Navigate to Magazine template > Boxed Layout. Here you can Disable or Enable the boxed layout for single page or for all pages. If you are using magazine template you can use this layout for better user experience.
boxed layout magazine elanza

Color

Click on Color Option. You can pick the view all button color (this button is for showing more post on your site) and category tab background color. You can pick different color for each category.
color setting magazine elanza

Magazine template area without sidebar

Navigate to Magazine Content Area. In Magazine Content Area you can show your different post style widgets with full-width layout. Each Post Styles support drag and drop functionality.

Header Layout

Set the header layout, for this first enable the boxed layout. Here you can choose header style, display adsense ad or banner ad image with link in the header.
header layout elanza pro

Magazine template Area with Sidebar

Navigate to Magazine content area with sidebar. Show different post style widgets with sidebar, select the post style and set the sidebar alignment.

  • Eight different Post style – For Adding Post style in your magazine template. Click on Magazine content area or magazine content area without sidebar. Add the desired Post style from widget area. You can add Eight different Elanza post style in your site.
  • Elanza Post Style 1 – In this post style you can show post image slider in the left column and other post in the right column. Setting of each column is different. Choose the category and put the number of post you want to show. Give featured title and pick color for each element.

post style 1 magazine Elanza

Elanza Post Style 2 – Here you can show a post image slider. Just choose the category and the number of post you want to show in your slider. You can also On/Off the Autoplay slider Give featured title and pick color for each element. Add the number of visible post for desktop, ipad and mobile device.
post style 2 magazine Elanza

  • Elanza Post Style 3 – In this post slider you can show your post in left-right column with their description and title. Just choose the category and the number of post you want to show in your slider. Give featured title and Pick color for each element.
    post style 3 magazine elanza
  • Elanza Post Style 4 – Here you can show your post with their description. Just choose the category and the number of post you want to show in your slider. Give featured title and Pick color for each element.
    post style 4 magazine elanza
  • Elanza Post Style 5 – Here you can show your post in left column and right column with their description. Setting for both the column is different. Just choose the category and the number of post you want to show in your slider. Pick color for each element.
    post style 5 magazine elanza
  • Elanza Post Style 6 – Show your post in left, center and right column respectively. Choose desired category, ad number of post to show and pick color for each element.
    post style 6 magazine elanza
  • Elanza Post Style 7 – Here you can show your post image slider and thumbnail image of post. Pick color for each element.
    post style 7 magazine elanza
  • Elanza Post Style 8 – Here you can show your post with title, number of comment and date of publish. Choose the category or random post, number of post to show and pick color for each element.
    post style 8 magazine elanza

How to Create Magazine Template

  • This section will show you how to create a Magazine template like our Demo.
  • Go to wp dashboard > Page > Add new page. Here create a page and then select Page attribute > template > Magazine template. Publish it.

add new page elanza doc demo

  • Create your post, go to post > Add new. Here put title, description and assign category to that post.

Post setting Elanzalite demo

  • After that open customize panel. Set newly created page as a static front page and save it.

homepage setting elanzalite mag demo

 

  • For creating a Magazine layout like our demo, Now click on Magazine template. Go to Magazine content area.
  • First set the menu for Top header. Just navigate to dashboard > Appearance > Menus. Here Create a menu add the desired items you want to show in your top header and check the box of Top menu given in Menu setting. Save the menu.

Top header elanza doc demo

  • Now navigate to customize panel, click on Theme Option > Top header setting. Pick the background color, date color, menu color and social icon color. Present Date will appear automatically.

Top header setting elanza doc demo

  • Set the social icon from Theme option > Social icon . Don’t forget to check the box of Show social icon.

top header setting elanza doc demo 1

  • For header layout navigate to Magazine template > Header layout (First Enable boxed layout for showing header layout on your site). Choose header style as Ad image. Upload a Ad image of size, pick menu background color and for mobile view put a text in the textarea.

header layout elanzalite doc demo

  • Now set the mega menu and mega post . By following these steps you can easily create a mega menu and mega post just like our demo.

mega menu elanza doc demo

  • Navigate to Magazine template > Magazine content area. Choose Post style 1 from widgets. This style will show a post slider in the left column and other post in the right column. Put your featured post title, number of post to show and select desired category and pick color for each element. Check the box of Unique post for stop repeating the post anywhere else.

post style 1 elanza doc demo

  • For setting the sidebar go to Dashboard > pages > page you have set as your magazine template. On the right side of editor you will see a Dynamic sidebar option panel, select the radio button of right sidebar and save it.

sidebar elanza doc demo

  • You can put different widgets in your sidebar. For adding widgets navigate to Cutomize >widgtes >Primary sidebar. Choose your desired widget and just drag and drop. Same steps you can follow for your secondary sidebar.

sidebar widgets elanza doc demo

  • Navigate to Magazine content area with sidebar. Here choose Post style 3 from widgets, this post style will show one post in the left column with description and remaining post in the right column. Put your featured post title, number of post to show and select desired category and pick color for each element. Check the box of Unique post for stop repeating the post anywhere else.

post style 3 elanza doc demo

  • Choose Post style 7. Here you can show post slider with thumbnail images. Put your featured post title, number of post to show and select desired category and pick color for each element. Check the box of Unique post for stop repeating the post anywhere else.

post style 7 elanza doc demo

  • Choose Post style 8. You can show your list post using this style. Put your featured post title, number of post to show and select desired category and pick color for each element. Check the box of Unique post for stop repeating the post anywhere else.

post style 8 elanza doc demo

  • Choose post style 2. You can show horizontal post slider and add up-to 5 slides. Put your featured post title, number of post to show and select desired category and pick color for each element. Check the box of Unique post for stop repeating the post anywhere else.

post style 2 elanza doc demo

  • Choose Adsense widget. You can show banner ad image or Google ad here along with their links. Just choose the radio button banner image, upload a image with desired link and save it.

Adsense widget elanza doc demo

  • Choose post style 6. You can show your post in left, center and right column. Put the number of post to show, select desired category and pick color for each element in each column . Check the box of Unique post for stop repeating the post anywhere else.

post style 6 elanza doc demo

  • Choose post style 4. You can show your random post of all category with description. Put your featured post title, number of post to show and select desired category and pick color for each element. Check the box of Unique post for stop repeating the post anywhere else.

post style 4 elanza doc demo

  • Footer Options and Setting – For Showing the widgets in your footer first Navigate to Widgets. Here you will see four different footer widget area are given. Just choose the desired widgets from add widgets and fill all fields in them.
  • After doing this Navigate to Theme Option > Footer Option > Choose your background (Color or Image), Widget layout as Four widget, put the copyright text which will be shown in your footer. Pick color for each element. Place social icons from Social icon options with their color and link. Note : If you are uploading a bg image as we have uploaded in our footer, you can also set the bg color overlay transparency for your image. By increasing or decreasing the transparency.

footer option elanza doc demo

  • Set the typography, upload a logo or site title, choose theme color, Background color, Category bg color, In this way you can design a beautiful magazine website, just like our demo. You can also add custom css in it.

Unique Post Option

  • For showing unique post on your site. Just navigate to Magazine template > Choose the desired Post style > Check the option of display unique post.
  • Using unique post option you are able to show non-repeated post. It will automatically stop repeating your post on your site
  • For Example : Go to Magazine template > Choose post style 1 after that check the unique post option . After this you are not able the to see the post of that desired category anywhere else on the site. Same will be followed for other post styles.

Post Read Time

  • This feature will display reading time required for any particular post on your site.
  • To disable Post read time in blog template. Just navigate to theme option > blog post > Check the option Disable Post Read Time.
  • In magazine template Post read time will always display in your post.

Custom Widget

  • For adding widgets on your site. Go to Customize panel > widgets > Choose the desired widget from here. For adding widgets in Magazine template, just Navigate to Magazine template > magazine content area > choose the widget. Below widgets are both for Magazine template and blog template. Put them according to your need.
  • Elanza News Ticker Widget – Show your post news in your sidebar. Add news ticker widget in desired widget area and chose the categroy to show post, add number of post. You can show your post with or without image.

news ticker widget elanza

  • Elanza News Slider – Add News slider for showing post breaking news on your site. Just select the number of post, add the title and the category along with desired color for each element.

news slider widget elanza

  • Elanza Adsense Widget – You can upload banner image with banner link or show Ad on your site using Adsense widget by just putting the Google Adsense code in the text-area.

adsense widget elanza pro

  • Elanza About me – In about me widget you can give title, upload an image, put description and link to read more text. For showing social icon, Pick Font awesome icon. Paste the icon name (like : fa-camera-retro for camera icon) in the text area.

about me widget elanza

  • Elanza Post tab widget – Show your tab post using this widget. Add your recent post title, Comment title and popular post title. Put the post excerpt length (in letters) or hide it. Add number of post comment or post to show.

post tab widget elanza

  • Elanza Recent post widget – Using this widget you can show your recent post. Just select the Recent post widget from widget section, Give title, put the number of post you want to show along with the post Excerpt length.

recent post widget elanza

  • Elanza Social media widget – Show your social media profiles. Just put the link of your social media profile and give title to it. You can use this widget anywhere on your site.

social widget elanza

Note : You can use the post style layouts and widgets for both Magazine content area and Magazine content area with sidebar.

Header Setting

  • Top Header – First set the menu for Top header. Just navigate to dashboard > Appearance > Menus. Here Create a menu add the desired items you want to show in your top header and check the box of Top menu given in Menu setting. Save the menu.

top menu setting elanza

  • For top header setting go to customize > theme option > top header. In top header you are able to show the present date and social icons ( for social icon navigate to theme option > social icon). Pick the color of background, Date, menu and social icon. Note- Top header setting is both for Blog and magazine template.

top header setting elanza

  • Header Layout – This layout is for Magazine template. For header layout first go to Dashboard > Page > Add new page. Set the homepage and select magazine template. Now set your static front page, save it. Navigate to Customize > Magazine template > Header layout. In header layout choose the header style as header ad style. Upload a banner image with link or put google adsense code with link for showing your google ad.

header layout elanza pro

  • Pick the menu color background color and you can change the menu text color from Theme option >Header setting > menu link color/ menu link hover color.
  • Put the responsive menu text ( For your mobile and ipad view) and for the responsive menu color, navigate to Theme option > Header setting > Responsive menu color.

Theme option

  • To add theme options go to “Appearance > Customize > Theme options”. In theme options you get multiple options to change the whole styling of your site.

Theme option elanza

  • Global Setting – Using this option you can disable fixed header and activate normal header. You can also disable back to top button and Smooth scrolling.

global setting theme option elanza

  • Global Color – In global color you can pick the theme color.

global color elanza

  • Top header setting – In top header setting you can show the present date and show the menu too.

top header setting elanza

  • Header Setting – In header setting you can set the header layout and if you want transparent header just check the box (this will be applied for front page template only). Show your last menu as a custom button. You can pick the header background color and other elements color. This is for Blog template. For magazine template you can show your last menu as a custom button and pick color of site title & menu links.

theme option header setting elanza pro

  • Blog Post – In blog post setting you can choose the sidebar option for blog page, post layouts are standard, two grid, three grid, list layout, boxed layout and masonry layout respectively. Choose your pagination type which are default (1,2,3..) Load more and infinite scroll. Blog post are specially for Blog Template.
    blog post theme option elanza
  • Single Post – Here you can set the alignment of sidebar. You can disable the Post Category, Post Meta, Featured Image, Related Post, Tag, Post Navigation and Post Share.single post theme option elanza
  • Footer Option – Set the bg color or image and widget layout ( three or four widget). Write your copyright text in the text area. Pick color for each element.footer option theme option elanza
  • Footer Social Icon – Add the link of your social media profile and show social icons in the footer. You can also hide them.social icon theme option elanza

Typography

  • For adding typography go to “Appearance > Customize > Typography”. Here multiple google font families are available.
  • In typography you can select the font subsets, Body font with Font size, Line height and letter spacing. Add heading h1 to h6 and anchor text with Font size, Line height and letter spacing.

typography elanza

Hero Page Slider

  • Go to “Appearance > Customize > Hero Page Slider”.
  • Hero Post Slider is specially for Blog Template.
  • In “Hero Post Slider ” you can choose category of post which you want to show in slider. You can show up-to 10 post slides and set the text alignment. You can also disable the post slider.
  • You can also set the button style for your slider and pick color for each element.hero post slider elanza

Set Post Layouts

  • Post layouts are specially for Blog Template.
  • Go to customize panel > theme option > blog post. You can choose multiple layouts for showing your blog post. Six different layouts are there in our theme.

blog post theme option elanza

  • Standard Layout – Click on choose post and select standard layout from the drop-down panel. In standard layout you can show post in a vertical order. Choose the sidebar alignment and you can also disable the post category, post read time, post content etc. You can add the post excerpt length in letters. Add read more text too.
  • Two grid Layout – Click on choose post and select two grid from the drop-down panel. In two grid layout show your post in two columns with their content or description.
  • Three grid Layout – Click on choose post and select three grid from the drop-down panel. In three grid layout show your post in three columns with their content or description.
  • List Layout – Click on choose post and select list layout from the drop-down panel. In list layout display your post a list form along with description or content of your post.
  • Boxed Layout – Click on choose post and select boxed layout from the drop-down panel. In boxed layout you are able to show your post images in boxed form with their description.
  • Masonry Layout – Click on choose post and select Masonry layout from the drop-down panel. In masonry layout show your post in masonry form with their description.

Set Post format

  • Post format are specially for Blog Template.
  • You can choose six different post format for showing your blog. Post format are Standard, Gallery, Video, Audio,Link and Quote.
  • First activate the Thpost format plugin which is integrated in theme. Go to Post > add new post. Create a post and Choose the desired post format from the panel given in the right side of editor.

post format elanza

  • After selecting the desired now scroll your post editor. You will see a post format option panel. Now click on the format which you have selected and insert the links, quote text, Iframe of video or audio in the text-area.
    post format option elanza

Instagram Widget

  • Go to wp dashboard > plugins. Here add instagram widget and activate it. This widget will allow you to add your instagram pictures in your homepage as well as you can show them on your sidebar and footer area.
  • For showing instagram on your homepage. Just navigate to customize > widgets > home page instagram widget. Select instagram widget from widgets. Put the title, Username, Number of photos to show and select the open link window and save it. Now you are able to show your instagram photos on Homepage.instagram widget elanza

How to Create Blog Template

This section will show you how to create a Blog template like our Demo.

  • Create your post, go to post > Add new. Here put title, description and assign category to that post.

Post setting Elanzalite demo

  • Go to Appearance > Customize. Here choose Your latest posts as your front page and Publish it .

homepage elanzalite mag demo

  • Now navigate to Hero post slider. Choose the desired post category, add number of post to show ( up-to 10 slides you can show ), set the alignment of sidebar and pick desired color for each element.

Hero post slider elanza doc demo

  • For blog post setting. Navigate to Blog Post > choose post layout, set the sidebar alignment as right sidebar, pagination type and disable the prefix. You can also show the post read time, post shae, post category. Note: You have chosen Standard layout in our demo. You can also choose the two grid, three grid, list layout, boxed layout and Masonry layout.

blog post elanza demo doc

  • Go to widgets > primary sidebar > about me widget. Select this widget and show your author bio with image, description and social links.

about me widget elanza demo doc

  • Go to widgets > primary sidebar > recent post widget. Select this widget and show latest post with desired category and add number of post you want to show.

recent post elanza demo doc

  • You can also add other WordPress widgets in your sidebar and footer area.
  • You can add Post Format. First activate the Thpost format plugin which is integrated in theme. Navigate to Post > Create your post > Choose your desired post format (Standard, Gallery, Video, Audio, Link, Quote) and publish.

post format elanza demo doc

  • You can add homepage instagram. Just activate the instagram plugin. Navigate to Customize > Widgets > Homepage Instagram. Put the title, Username, Number of post you want to show.

Instagram widget elanza demo doc

  • After doing all this, Set the typography, upload a logo or site title, choose theme color, Background color , Category bg color, Do the header setting, single post setting and add copyright text. In this way you can design a beautiful Blog website, just like our demo. You can also add custom css in it.

Custom CSS

  • In this section you can put your extra CSS code to manage your site.
  • Just Navigate to Appearance > Customize > Custom CSS and put your code here.

custom-css

Thanks for reading our documentation. If you still need any help related to theme you can contact our support forum.