Singleapp

Upload Theme Go to Appearance > Themes in the WordPress Dashboard Click on the Add New button Search for the SingleApp Select the SingleApp theme Click Install Now Activate the

close

Relevant Links

Installation

Installing your theme is pretty easy! After downloading you should have a singleapp.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Search for the SingleApp
  4. Select the SingleApp theme
  5. Click Install Now

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Hover over the theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Menu Setup

By default, the primary menu will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. Create a custom Menu and assign a menu location to display your own Menu. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Now add the menu item, you can choose Pages, Custom links, Category etc.
  4. Check the required Theme Location
  5. Click Save Menu after adding required custom links in the menu

Theme Location for Menu settings

  • Primary MenuDisplay the menu on the Left side on the Header.
    singleapp-menu-locations

    Primary Menu will not display if you make page as front page.
  • Front Page MenuDisplay the menu only in front page on the Left side on the Header.
    singleapp-front-page-menu-locations
Front Page Menu only display in front page of theme. For inner page you have create new menu and set it as Primary Menu.

Header Image Call To Action Onepage

Header Image Call To Action, by default, is disabled and will only display on Front Page. All the options related to Header Image Call To Action part are available in Appearance-> Customize-> Header Image Call To Action.

Singleapp Header Image Call To Action

Steps

  1. Enable the Header Image Call To Action by clicking check to show as checked from In Appearance->Customize->Header Image Call To Action
  2. Upload Image for Current header to set the backgroud image for Header Image Call To Action.
  3. Enter title, text, Thumb image, button text, button url, button font icon to dispaly.
    4. The recommended size for Background with 1920 × 1000 Pixels and Thumb Image with 278 × 450 Pixels.

Header Image Call To Action Fullpage

Header Image Call To Action, by default, is disabled and will only display on Front Page. All the options related to Header Image Call To Action part are available in Appearance-> Customize-> Header Image Call To Action.

Singleapp Header Image Call To Action fullpage

Steps

  1. Enable the Header Image Call To Action by clicking check to show as checked from In Appearance->Customize->Header Image Call To Action
  2. Enter title, text, Thumb image, button text, button url, button font icon to dispaly.
    3. The recommended size for Thumb Image with 278 × 450 Pixels. No use of Background Image in Fullpage.

Site Identity

This theme supports the default Side Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Site Identity

  1. Go to Appearance > Customize > Site Identity section from the WordPress dashboard

    2. The options integrated in this theme in this section are:

    • Site Title

      • Add the required Site Title from this section in your site.

    • Tagline

      • Add the required Site Tagline from this section in your site.

    • Logo

      • This option enables you to upload the header logo in your site, making your site brand look unique by using the custom image.

      singleapp instruction header logo

      Recomanded size of logo is 139 X 29 Pixels. Same header logo is used in both header and footer of Onepage Style in this Theme.
    • Display Options

      • Upload the Logo to display it on the Header. Following Options are provided:
      1. Header Logo Only: displays the header logo only
      2. Header Text Only: displays the header text only
      3. Show both header logo and text: displays both of the logo image and header text
      4. Disable: disable both of them to be displayed

      singleapp instruction header logo options

    • Site Icon

      • The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512 pixels wide and tall.

  2. Click on Save & Publish button after the required setup has been done in your site through this setting.

Front Page Setup

Front Page Template is design to display the widgets used in the Front Page Template Sidebar( Appearance-> widgets). You can use a page (which is assigned to Front Page Template) to display widgets on the Front Page.

Steps

  1. Create 2 pages ie, Home and Blog Page. Assign Home to Landing Page Template.
  2. Go to Appearance-> widgets and drag/select the widgets on the Front Page Template Sidebar. Now Home Page will display all the widgets used in Front Page Template Sidebar.
  3. To display Home Page as front page: go to Settings-> Reading and select A static page radio option under Front page displays.
  4. Now, choose the Home Page in Front page.
  5. Also, choose Blog page in Posts page.
  6. The Home Page and Blog Page will not display the content of the page.

Theme Styles

There are two types of styles available in this theme. By default the theme is Onepage style.

Steps

  1. Go to Appearance > Customize > Theme Style section from the WordPress dashboard

    2. The options integrated in this theme in this section are:

    • Onepage Style
    • Fixed Fullpage Style
  2. Click on Save & Publish button after the required setup has been done in your site through this setting.
    3. You need to upload background image through Appearance > Customize > Background Image. Used only for Fullpage style and set Background Image size with 1920 × 1000 Pixels.

Widget Onepage Descriptions

SingleApp provide six awesome widgets that you can use in Front Page Builder Sidebar to make your site look amazingly Beautiful. Go to Appearance-> widgets, drag/select the widgets in the Front Page Builder Sidebar to display it on the Front Page Template Page.

TG: Features Widget

singleapp features widgets

This widget enable you to display your features. In this widget, enter the Title, Description, Thumb Image and number of pages with font awesom icon class to display.
Steps:

  • Create pages for each Features, enter the Title, Description and set a Featured Image if you don’t wont to display font awesome icon.
  • Drag the TG: Features Widget in the Front Page Builder Sidebar and enter the Title, Description, Thumb Image and select the page from each dropdown and enter font icon class for related page of dropdown.
  • Select the Image size with 1920 X 800 Pixels or Color to display as Background.
Background image (if used) will override the background color and only used in Onepage Style. No use of Background Image and Background Color in Fullpage Style.
Info: The Recommended size for Thumb Image size with 278 × 450 Pixels.

TG: Featured Page Widget

singleapp features widgets

This widget enable you to display your overviews of single Featured Page. In this widget, select page to display.
Steps:

  • Create page, enter the Title, Description, set a Featured Image
  • Drag the TG: Featured Page Widget in the Front Page Builder Sidebar and select page from dropdown to display the full content of page.
  • Select the Image size with 1920 X 800 Pixels or Color to display as Background.
Background image (if used) will override the background color and only used in Onepage Style. No use of Background Image and Background Color in Fullpage Style.
To achive featured page content design same as demo please add following formate in you page content area.
<ul>
<li>Beautiful, modern design</li>
<li>Beautful UI Design</li>
<li>Retina Ready Display</li>
<li>HTML5 and CSS3</li>
</ul>

TG: Image Showcase Widget

Singleapp Image Showcase Widget

This widget helps you to display Images as Image Showcase, enter the Title, Description and Upload Images to display.
Steps:

  • Drag the TG: Image Showcase Widget in the Front Page Bulder Sidebar and enter the Title, Description and Upload Image to display.
  • Select the Image size with 1920 X 800 Pixels or Color to display as Background.
Background image (if used) will override the background color and only used in Onepage Style. No use of Background Image and Background Color in Fullpage Style.
Info: The Recommended size for image is 278 × 450 Pixels.

TG: Call To Action Widget

Singleapp Call To Action Widget

Display Call to action. In this widget, enter the Title, Text, Button text, Button redirect link. There is also the option of background color and image. Set color to display it as backgound or Upload image.
Steps:

  • Drag the TG: Call To Action Widget in the Front Page Bulder Sidebar and enter the Title, Description, Button text, Button URL and Upload Thumb Image to display.
  • Select the Image size with 1920 X 800 Pixels or Color to display as Background.
Background image (if used) will override the background color and only used in Onepage Style. No use of Background Image and Background Color in Fullpage Style.
Info: Recommanded Thumb Image size with 850 X 212 Pixels for Onepage and 278 × 450 Pixels for Fullpage style.

TG: Testimonial Widget

Singleapp Testimonial Widget

This widget enable you to display your testimonials. In this widget, enter the Title and select number of pages to display.
Steps:

  • Create pages for each Testimonials, enter the Title, Description, set a Featured Image.
  • Drag the TG: Testimonial Widget in the Front Page Builder Sidebar and enter the Title and select page from each dropdown to display.
  • Select the Image size with 1920 X 800 Pixels or Color to display as Background.
Background image (if used) will override the background color and only used in Onepage Style. No use of Background Image and Background used Color in Fullpage Style.
Info: The Recommended size for Thumb Image is 278 × 450 Pixels only for Fullpage Style.

TG: Contact Widget

Singleapp Contact Widget

This widget is for displaying your contact information with title, description, soical icons and contact form.
Steps:

  • Drag the TG: Contact Widget in the Front Page Builder Sidebar and enter the Title, Description, shortcode of Contact Form 7 and Social Icons to display.
  • Select the Image size with 1920 X 800 Pixels or Color to display as Background.
Background image (if used) will override the background color and only used in Onepage Style. No use of Background Image and Background Color in Fullpage Style.
To achive contact form design same as demo please create contact form in following formate.
<div class="name-email-wrapper">
[text* your-name placeholder "Name"]
[email* your-email placeholder "Email"]
</div>
[textarea  your-message placeholder "Your Message"]
[submit "Send"]
Info: The Recommended size for Thumb Image is 278 × 450 Pixels only for Fullpage Style.

Widget Fullpage Descriptions

SingleApp provide six awesome widgets that you can use in Front Page Builder Sidebar to make your site look amazingly Beautiful. Go to Appearance-> widgets, drag/select the widgets in the Front Page Builder Sidebar to display it on the Front Page Template Page.

TG: Features Widget

singleapp features widgets fullpage

This widget enable you to display your features. In this widget, enter the Title, Description, Thumb Image and number of pages with font awesom icon class to display.
Steps:

  • Create pages for each Features, enter the Title, Description and set a Featured Image if you don’t wont to display font awesome icon.
  • Drag the TG: Features Widget in the Front Page Builder Sidebar and enter the Title, Description, Thumb Image and select the page from each dropdown and enter font icon class for related page of dropdown.
Info: The Recommended size for Thumb Image size with 278 × 450 Pixels. No use of Background Image and Background Color.

TG: Featured Page Widget

singleapp featured page fullpage widgets

This widget enable you to display your overviews of single Featured Page. In this widget, select page to display.
Steps:

  • Create page, enter the Title, Description, set a Featured Image
  • Drag the TG: Featured Page Widget in the Front Page Builder Sidebar and select page from dropdown to display the full content of page.
To achive featured page content design same as demo please add following formate in you page content area.
<ul>
<li>Beautiful, modern design</li>
<li>Beautful UI Design</li>
<li>Retina Ready Display</li>
<li>HTML5 and CSS3</li>
</ul>
Info: No use of Background Image and Background Color.

TG: Image Showcase Widget

Singleapp Image Showcase Widget fullpage

This widget helps you to display Images as Image Showcase, enter the Title, Description and Upload Images to display.
Steps:

  • Drag the TG: Image Showcase Widget in the Front Page Bulder Sidebar and enter the Title, Description and Upload Image to display.
Info: The Recommended size for Thumb Image is 278 × 450 Pixels. No use of Background Image and Background used Color.

TG: Call To Action Widget

Singleapp Call To Action Widget fullpage

Display Call to action. In this widget, enter the Title, Text, Button text, Button redirect link. There is also the option of background color and image. Set color to display it as backgound or Upload image.
Steps:

  • Drag the TG: Call To Action Widget in the Front Page Bulder Sidebar and enter the Title, Description, Button text, Button URL and Upload Thumb Image to display.
Info: Recommanded Thumb Image size is 278 × 450 Pixels. No use of Background Image and Background Color.

TG: Testimonial Widget

Singleapp Testimonial Widget fullpage

This widget enable you to display your testimonials. In this widget, enter the Title and select number of pages to display.
Steps:

  • Create pages for each Testimonials, enter the Title, Description, set a Featured Image.
  • Drag the TG: Testimonial Widget in the Front Page Builder Sidebar and enter the Title and select page from each dropdown to display.
Info: The Recommended size for Thumb Image is 278 × 450 Pixels. No use of Background Image and Background Color.

TG: Contact Widget

Singleapp Contact Widget fullpage

This widget is for displaying your contact information with title, description, soical icons and contact form.
Steps:

  • Drag the TG: Contact Widget in the Front Page Builder Sidebar and enter the Title, Description, shortcode of Contact Form 7 and Social Icons to display.
To achive contact form design same as demo please create contact form in following formate.
<div class="name-email-wrapper">
[text* your-name placeholder "Name"]
[email* your-email placeholder "Email"]
</div>
[textarea  your-message placeholder "Your Message"]
[submit "Send"]
Info: The Recommended size for Thumb Image is 278 × 450 Pixels. No use of Background Image and Background.

Design Options

Design based settings and Custom CSS Box are available in Appearance-> Customize-> Design Options.

Layout Options

  • Default Layout

This layout will be reflected in whole site archives, search etc. The layout for a single post and page can be controlled from below options.

  • Default layout for pages only

Select default layout for pages. This layout will be reflected in all pages unless unique layout is set for specific page. To select the unique Layout for any particular page edit that page and Choose the Layout from Layout option box.

  • Default Layout For Single Posts Only

Select default layout for single posts. This layout will be reflected in all single posts unless unique layout is set for specific post. To select the unique Layout for any particular post edit that page and Choose the Layout from Layout option box.

If you don’t want any sidebar than select “No Sidebar Full Width” or “No Sidebar Content Centered”

Primary Color

  • SingleApp have Primary Color Options, which allow you to set the primary color for your site.

Custom CSS

  • SingleApp have Custom CSS Box which will ease your work if you need to add CSS in your site. Note: It will strip all the tags. Also, we strongly recommend not to edit the code in the theme’s file. All you changes will be lost if you update the theme. Use child theme instead.

Additional Options

Additional options are available in Appearance-> Customize-> Additional Options.

Animated Settings

  • Front Page Content

Hide the animatation effects in the front page content.

Post Meta Settings

  • Hide Post meta/information

Hide specific or all the meta/information from the Blog posts and Single post.

Footer Options

Additional options are available in Appearance-> Customize-> Footer Options-> Footer Social Icons.

Footer Social Icons

Social Icons plugin.
  • Install Social Plugin from above given link, generate Shortcode and use Shortcode in given input fild to display the social icons in footer area only for fullpage style.

Supported Plugins

This theme support some Plugins

Plugins Supported

  1. Contact Form 7 plugin.
  2. WP-PageNavi plugin.
  3. Social Icons plugin.
Other plugins are not tested with this theme but by default some plugins might work with the theme.

Theme Hooks

SingleApp provides different hooks to add custom functionalities.

do_action( 'singleapp_before' )                   - Hook to add function directly after start of  tag
do_action( 'singleapp_before_header' )            - Hook to add function before header area
do_action( 'singleapp_after_header' )             - Hook to add function after header area
do_action( 'singleapp_before_body_content' )      - Hook to add function before the body content including sidebars
do_action( 'singleapp_after_body_content' )       - Hook to add function after the body content including sidebars
do_action( 'singleapp_before_comments_template' ) - Hook to add function before comment template in posts
do_action( 'singleapp_after_comments_template' )  - Hook to add function after comment template in posts
do_action( 'singleapp_before_left_sidebar' )      - Hook to add function before left sidebar area
do_action( 'singleapp_after_left_sidebar' )       - Hook to add function after left sidebar area
do_action( 'singleapp_before_right_sidebar' )     - Hook to add function before right sidebar area
do_action( 'singleapp_after_right_sidebar' )      - Hook to add function after right sidebar area
do_action( 'singleapp_footer_copyright' )         - Hook to add function for footer copyright area
Singleapp