WordPress Theme Documentation

Entrance

Created: 07/02/2014
By: gawibowo
Contact Form

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. Installation
  2. Theme Structure
  3. How To Create Homepage
  4. How To Create Blog Page
  5. How To Create Posts
  6. Widgets
    1. Ads 125px
    2. Ads 300px
    3. Comments
    4. Contact
    5. Facebook
    6. Flickr
    7. Posts
    8. Reviews
    9. Social
    10. Subpages
    11. Video
  7. Menus
  8. Theme Customizer
    1. General
    2. Featured Posts
    3. Slider
    4. Blog
    5. Single Post
    6. Footer
    7. Main Color
    8. Category Colors
  9. Theme Options
  10. Translation
  11. Translation with WPML
  12. Using Child Themes
  13. Sources and Credits

A) Installation - top

In order to begin installing Entrance theme, you need a working copy of WordPress installed on your own server (not on wordpress.com).

Extract the zipped package downloaded from ThemeForest to your desktop. In the extracted package you will find "entrance" folder which is the WordPress theme.

Upload the entrance folder to your wp-content/themes folder. Login to your WordPress admin panel and go to Appearance > Themes. Activate the theme.

If you want sample data (posts, pages, categories, etc) you can import XML sample data in the "sample-data" folder. Go to Tools => Import menu and choose WordPress, in upload field choose the xml file and upload it.

B) Theme Structure - top

This is the structure of the homepage:

Header

In this section you can show logo image. To upload a logo, please go to admin » Appearance » Customize » General. If you don't upload a logo, Site Title & Description will be displayed.

Main Menu

To manage Main Menu, please go to admin » Appearance » Menus

Featured Posts

This section will be displayed on homepage. To manage Featured Posts, please go to admin » Appearance » Customize » Featured Posts & Slider

Page content

In this section, you can choose to show or hide page title and page content. You can manage this section from Page Options meta box below page content editor.

Content Blocks

This section is built with the content builder template. To create content blocks like in the picture, please follow the steps here: How To Create Homepage

Sidebar

To manage All Sidebars and Footer widget area, please go to admin » Appearance » Widgets

To add more custom sidebars, please go to admin » Appearance » Theme Options » Sidebar Manager

Footer Text

To manage Footer widget area & Footer text, please go to admin » Appearance » Customize » Footer

C) How To Create Homepage - top

IMPORTANT: if you use WordPress 5.0 or newer, please install and activate Classic Editor plugin to make the content builder work.

To create the homepage with content builder, go to Pages » Add New. The page screen will be like this:

  1. Enter your page title.
  2. Choose "Content Builder" in template dropdown.
  3. Layout Options: In this meta box, you can choose page layout and sidebar:
    • Page layout: right sidebar, left sidebar, full width or default. If you choose default, it will use the default layout setting in Theme Customizer » General
    • Sidebar: choose Default Sidebar or other sidebar.
    You can add more custom sidebars from Theme Options » Sidebar Manager
  4. Page Options: In this meta box, you can choose to show or hide page title and page content.
  5. Below Page Options, you will find Content Builder meta box. In this meta box, you can add content blocks. To add a content block, click on the "Add Block" button. You can add multiple content blocks and each block can be configured differently:

    • Title: set the title of the content block. If you leave this empty, it will automatically set to the category name when you select a category from the dropdown.
    • Filter by category: select All Categories or filter posts by a category.
    • Style: select a style by clicking on one of the style images.
    • Number of posts to show: set the maximum number of posts you want to show.
  6. When you are done, click "Publish" or "Update" button to save the page.

After you save the page, you need to set that page as the front page:

  1. Go to Settings » Reading
  2. On Front page displays, choose A static page and select the page from the front page dropdown.
  3. Click Save button.

If you don't choose a static page as front page, your homepage will only show latest posts.

D) How To Create Blog Page - top

To create a blog page with blog template, go to Pages » Add New:

  1. Enter your page title.
  2. Choose "Blog" in template dropdown.
  3. Layout Options: In this meta box, you can choose page layout and sidebar:
    • Page layout: right sidebar, left sidebar, full width or default. If you choose default, it will use the default layout setting in Theme Customizer » General
    • Sidebar: choose Default Sidebar or other sidebar.
    You can add more custom sidebars from Theme Options » Sidebar Manager
  4. Page Options: by default, Page title and content will be disabled in Blog template, but you can enable them from here.
  5. Blog Options:
    • Blog style: Small Thumbnails, Large Thumbnails, Grid or Masonry.
    • Number of Columns: choose a number of columns (2, 3 or 4) for grid/masonry style.
    • Filter by category: select All Categories or filter posts by a category.
    • Number of posts per page: enter the number of posts, you can leave this empty to use the setting from Reading Settings.
    • Post Options: check/uncheck to show/hide post elements (featured image, category, rating, date, comments number, author, read more link).
    • Show post content: show excerpt, full content or or don't show at all.
    • Excerpt length: set the number of words for excerpt.
  6. When you are done, click "Publish" or "Update" button to save the page.

E) How To Create Posts - top

Standard Post - top

To create a new post:

  1. Go to Posts » Add New.
  2. Enter your post title.
  3. Enter your post content.
  4. Choose categories or add a new category.
  5. Add tags, separated by commas.
  6. When you are done, click "Publish" button to save the post.

Review Post - top

To add a review post, create a standard post and click on the "Enable review on this post". You can add as many rating as you want. Overall rating will be calculated automatically.

F) Widgets - top

This theme has 3 widget areas for footer and 1 default sidebar. More sidebars can be added from Theme Options » Sidebar Manager.

Here is the location of the widget areas:

You can insert any widgets into each area. To setup widgets, go to Apperance » Widgets and use the drag and drop interface to insert widgets into the desired widget areas.

As an addition to the built-in WordPress widgets, this theme also has custom widgets: Ads 125px, Ads 300px, Comments, Contact, Facebook, Flickr, Posts, Reviews, Social, Subpages, Video.

Ads 125px - top

Ads 125px widget allows you to show banners, each banner has a 125 pixels width. You can customize the widget title, banner image url and banner link.

Ads 300px - top

Ads 300px widget allows you to show a banner with a 300 pixels width. You can customize the widget title, banner image url and banner link.

Comments - top

Comments widget allows you to show recent comments with an option to show avatar.

Contact - top

Comments widget allows you to show an ajax contact form. To set email address, subject and success message for the contact form, go to Theme Options » Contact.

Facebook - top

Facebook widget allows you to show a facebook likebox.

Flickr - top

Flickr widget allows you to add recent images uploaded to your flickr account. You can customize your Flickr ID, number of photos to show and the display order (latest/random) from the widget settings. To find your Flickr ID, use http://idgettr.com

Posts - top

Posts widget allows you to show posts with these options:

  • Post order: Recent, Popular or Random order.
  • Filter by Category: select All Categories or filter posts by a category.
  • Number of posts to show
  • Show thumbnail: check this option to show thumbnail.
  • Thumbnail size: Small, Large, or Mixed (large thumbnail only on first item)
  • Show category: check this option to show category.
  • Show rating: check this option to show rating (if review enabled).
  • Show date: check this option to show date.
  • Show comments number: check this option to show comments number.
  • Show author: check this option to show author.
  • Show excerpt: show on first item, show on all items, or don't show at all.

Reviews - top

Reviews widgets allows you to show a list of latest review posts.

Social - top

Social widget allows you to show social links with icons, with options:

  • Icon size: Small or Large.
  • Icon frame: Square, Rounded Square or Circle.
  • Style: Horizontal or Vertical.
  • Color on hover: check this option to show icons without colors, but the colors will be enabled when you hover on each icon.

You can choose from 15 available icons and set the link and text for each icon.

Subpages - top

Subpages widget allows you to show child pages of current page or any page. You can customize parent page (Enter a Page ID, or leave empty for current page), sort by and exclude page IDs from the widget settings.

Video - top

Video widget allows you to show a video and a description. Video can be added from youtube, vimeo or other video sharing sites that provide embed codes. You can customize your video embed code and the description from the widget settings.

H) Theme Customizer - top

Most of frontend settings for this theme can be set from the Theme Customizer. To access the Theme Customizer, go to Appearance » Customize. Theme Customizer allows you to tweak theme's settings and see a preview of those changes in real time.

WordPress already has some settings in the customizer and this theme added more sections: General, Header, Featured Posts, Slider, Blog, Single Post, Footer, Main Color and Category Colors.

When you are done making your changes, press the "Save & Publish" button in the top of the theme customizer.

General - top

  • Enable boxed layout: check this if you want to use boxed layout. You can use background color/image only if you activate boxed layout.
  • Default sidebar alignment: choose a layout for sidebar alignment. Right sidebar, left sidebar or full width (no sidebar). This will be the default layout, you can change the layout individually on each page/post settings.
  • Enable retina display support: check this of you want to enable support for retina display. All images will be twice as large if you view the site from a retina device. Please make sure that you uploaded a large enough images for your posts.
  • Main logo: upload an image here to set it as the site's logo. If no image set, your Site Title and Tagline will be used.
  • Main logo height (in pixels): set the height of the main logo. The width will be adjusted automatically.
  • Login logo: if you want to change your login page logo (http://www.yourdomain.com/wp-admin), you can upload your image here.
  • Favicon: if you want to set the favicon, you can upload your image here. A favicon is a 16 pixel x 16 pixel image that appears next the URL in most web browsers.
  • Enable breadcrumb navigation: check this option to show breadcrumb navigation above the page title.
  • Breadcrumb prefix: enter text to be inserted before the breadcrumb.
  • Enable prettyPhoto for gallery: check this option to force the WordPress gallery to link to images directly and open images with lightbox effect.
  • Disable zoom effect on image: check this option to disable scale animation when hovering on images.

Slider - top

If you choose Slider layout in Featured Posts, you can customize the slider here.

  • Number of slides: set maximum number of slides.
  • Animation: choose a transition effect: slide or fade.
  • Slideshow Speed: enter a number to set the speed of the slideshow cycling, in milliseconds
  • Animation Speed: enter a number to set the speed of animations, in milliseconds
  • Pause on Hover: check this if you want to pause the slideshow when hovering over slider

Blog - top

This section is for pages that shows a list of posts, like blog, search result, archives (category archives, tag archives, author archives, etc).

You can show/hide these post elements:

  • Featured image
  • Category
  • Rating
  • Date
  • Comments number
  • Author
  • Read more link

And you can also choose to show/hide the post content (excerpt/full) and set the number of words for excerpt.

Please note: for blog templates, please use the settings on page edit screen (meta box).

Single Post - top

This section is for single post view. You can choose to show/hide these elements:

  • Category
  • Date
  • Author name
  • Featured Image
  • Tags
  • Author Info
  • Related Posts

Main Color - top

Main color is the primary color for this theme, used for links, active menu item, buttons, etc.

You can choose one of the predefined colors from the bottom of the color picker, or use the color picker to choose more custom colors.

Category Colors - top

Below the main color, you can also set custom color for categories. If you enable this option, each category can have different colors. If disabled, main color will be used for all categories.

I) Theme Options - top

In addition to the Theme Customizer, this theme also comes with Theme Options to customize some more features.

To use Theme Options, go to Appearance » Theme Options.

General - top

  • Theme Update Notifier: check this option to get notified when a new theme update is available.
  • Enable Review: you must enable this option to be able to add rating to a post. This option will enable Review Settings in post meta box.

Social - top

You can use this option to set maximum number of items in social widgets (default is 6 items).

Sidebar Manager - top

In this section you can add custom sidebars to be used in posts/pages.

Contact Form - top

In this section you can set email address, subject and success message for contact page template and contact form widget.

Scripts - top

You can enter your custom scripts (such as Google Analytics or other statistics code) here. It will be inserted before the closing body tag.

When you are done making your changes, press the "Save All Settings" button in the bottom-left of the options panel.

J) Translation - top

To translate this theme, you can use an application called "PoEdit" and you can download it for FREE here: http://www.poedit.net/. Once you installed it:

Replace id_ID with your language code.

K) Translation with WPML - top

This theme is compatible with WPML, a multilingual plugin for WordPress. With WPML you can translate pages, posts, custom types, widgets, taxonomy, menus and even the theme's texts. The plugin is not included with this theme. To use WPML, please get the plugin here.

You can see the demo of this theme with WPML enabled here: http://theme-testing.wpml.org/entrance/

To translate all texts in this theme, please go to admin » WPML » String Translation, search your strings and translate it. Make sure in WPML » Theme and plugins localization, you selected 'Translate by WPML'.
You can also translate texts from Theme Options (Contact Form Subject, Contact Form Success Message) and Theme Customizer (Breadcrumb Text, Footer Text 1, Footer Text 2). They will be under this context: admin_texts_theme_entrance.

For more information about using WPML, please follow their official documentation:

L) Using Child Themes - top

If you want to make modifications on this theme, it is recommended to use a child theme. This theme comes with a blank child theme that you can use. In the theme package you can find "entrance-child" folder. Upload this folder to your wp-content/themes folder, and activate it from the Appearance » Themes page.

Once activated, you can start editing inside this "entrance-child" folder. This child theme includes 2 files that you can use to override parent theme's style (style.css) and function (functions.php). By using a child theme, you will leave the parent theme unmodified, so when a theme update is available, you can simply replace the parent theme without worry about your modified code. For more info about using child themes, please visit this link: http://codex.wordpress.org/Child_Themes

M) Sources and Credits - top

I've used the following images, icons or other files as listed.

Once again, thank you so much for purchasing this theme. 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 on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

gawibowo

Go To Table of Contents