Installation
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 theme
Hover over the theme thumbnail and press the Activate button
Menu Setup
Set up Custom Menu
- Go to Appearance > Menus in the WordPress menu
- Click on Create a new menu link
- Now add the menu item, you can choose Pages, Custom links, Category etc.
- Check the required Theme Location
- 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.
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.
Header Image Call To Action Onepage
Steps
- Enable the Header Image Call To Action by clicking check to show as checked from In Appearance->Customize->Header Image Call To Action
- Upload Image for Current header to set the backgroud image for Header Image Call To Action.
- Enter title, text, Thumb image, button text, button url, button font icon to dispaly.
Header Image Call To Action Fullpage
Steps
- Enable the Header Image Call To Action by clicking check to show as checked from In Appearance->Customize->Header Image Call To Action
- Enter title, text, Thumb image, button text, button url, button font icon to dispaly.
Site Identity
Site Identity
- Go to Appearance > Customize > Site Identity section from the WordPress dashboard
- Site Title
- Tagline
- Logo
- Display Options
- Site Icon
- Click on Save & Publish button after the required setup has been done in your site through this setting.
The options integrated in this theme in this section are:
Add the required Site Title from this section in your site.
Add the required Site Tagline from this section in your site.
This option enables you to upload the header logo in your site, making your site brand look unique by using the custom image.
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
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.
Front Page Setup
Steps
- Create 2 pages ie, Home and Blog Page. Assign Home to Landing Page Template.
- 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.
- To display Home Page as front page: go to Settings-> Reading and select A static page radio option under Front page displays.
- Now, choose the Home Page in Front page.
- Also, choose Blog page in Posts page.
-
The Home Page and Blog Page will not display the content of the page.
Theme Styles
Steps
- Go to Appearance > Customize > Theme Style section from the WordPress dashboard
- Onepage Style
- Fixed Fullpage Style
- Click on Save & Publish button after the required setup has been done in your site through this setting.
The options integrated in this theme in this section are:
Widget Onepage Descriptions
TG: Features Widget
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.
TG: Featured Page Widget
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.
<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
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.
TG: Call To Action Widget
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.
TG: Testimonial Widget
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.
TG: Contact Widget
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.
<div class="name-email-wrapper"> [text* your-name placeholder "Name"] [email* your-email placeholder "Email"] </div> [textarea your-message placeholder "Your Message"] [submit "Send"]
Widget Fullpage Descriptions
TG: Features Widget
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.
TG: Featured Page Widget
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.
<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
Steps:
- Drag the TG: Image Showcase Widget in the Front Page Bulder Sidebar and enter the Title, Description and Upload Image to display.
TG: Call To Action Widget
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.
TG: Testimonial Widget
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.
TG: Contact Widget
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.
<div class="name-email-wrapper"> [text* your-name placeholder "Name"] [email* your-email placeholder "Email"] </div> [textarea your-message placeholder "Your Message"] [submit "Send"]
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.
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
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
Footer Social Icons
- 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
Plugins Supported
- Contact Form 7 plugin.
- WP-PageNavi plugin.
- Social Icons plugin.
Theme Hooks
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