TwoGether WordPress Theme Documentation

Introduction

Thank you for using our TwoGether WordPress Theme. We are very glad that you have chosen our TwoGether WordPress Theme for your website.

TwoGether Wedding Theme is a clean, super flexible and fully responsive WordPress Theme, suited for love, engagements and wedding websites.

This document written very carefully by keeping mind set that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main section.

1) Getting Started : This section will very help full for Quick start and understand how setup theme
2) Detailed Document : This section explains every thing about theme with every settings.
3) Other : This section provides information about miscellaneous item like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

TwoGether Wedding WordPress Theme
  • Created On: 22 October 2015
  • Last Updated: 24 December 2015
  • Created By: Solwin Team
  • Email: info@solwininfotech.com
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Go to Dashboard >> Appearance >> Themes.
  3. Step 3. Click on Add New Theme button at top.
  4. Add New Theme
  5. Step 4. Now, Hit Upload Theme button at top and upload twogether.zip which you have downloaded from your Member Area at Solwin Infotech website.
  6. Step 5. Click on Activate once upload has finished.
Upload Zip
Activate Theme

2. Installation Using FTP

  1. Step 1. Download twogether.zip file from your Member Area at Solwin Infotech website.
  2. Step 2. Extract Zip file.
  3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. Step 4. Go to Dashboard » Appearance » Themes and find TwoGether theme from list
  5. Step 5. Click on Activate to active TwoGether theme.
Active Theme

Install & Active the Plugins

After the TwoGether theme is activated, a notification occurs on the top that will suggest which plugins are requires in theme.

Activation Message
  1. Step 1. Click on Begin installing plugins and install plugins from list.
  2. Step 2. Activate the installed plugins.

Required Plugins in Theme:

  • Avartan Slider Lite: Responsive WordPress slider that allows you to create unlimited layers with text, image and video elements.
  • Contact Form 7: Manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
  • Multiple Post Thumbnails: Adds multiple post thumbnails to a post type.
  • Soundy Background Music: This plugin allows any page or post to play a soundtrack while it is displayed.

Auto Install Sample Data

Note: In order to import data successfully check that all required plugins are installed and activated.

Sample data provides the dummy content. By importing this data your site will look like the demo website.

To Auto Install Sample Data:

  1. Step 1. Go to your Dashboard » Twogether » Install Demos.
  2. Step 2. Select Demo Home Page Layout.
  3. Step 3. Click on "Install Sample Data" Button to start Auto Install process.
One Click Install

Remove the installed dummy content from your website.

To Remove Sample Data:

  1. Step 1. Go to your Dashboard » Twogether » Install Demos .
  2. Step 2. Click on "Uninstall Sample Data" Button to remove dummy content.
Remove Sample Data

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to setup WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

Home Page View
  1. Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute as shown in below image
  2. Step 2: Now, click on Add Shortcodes button and that will give you list of shortcodes
  3. Step 3: Select Home Page Banner shortcode to display slider in home page
  4. Home Page Setting
  5. Step 4: Publish this page
  6. Step 5: Go to Dashboard >> Settings >> Reading, select home page as a front page
  7. Front Page Home

Let's add more sections in home page.

  • Add We Are Section: Go to Dashboard >> Pages >> Add New, enter page name and add We Are Shortcode in page
  • Add Our Story Section: Go to Dashboard >> Pages >> Add New, enter page name and add Our Story Shortcode in page
  • Add Our Gallery Section: Go to Dashboard >> Pages >> Add New, enter page name and add Our Gallery Shortcode in page
  • Add The Wedding Section: Go to Dashboard >> Pages >> Add New, enter page name and add The Wedding Shortcode in page
  • Add RSVP Section: Go to Dashboard >> Pages >> Add New, enter page name and add RSVP Shortcode in page
  • Add Party Section: Go to Dashboard >> Pages >> Add New, enter page name and add Party Shortcode in page
  • Add Latest Blog Section: Go to Dashboard >> Pages >> Add New, enter page name and add Latest Blog Shortcode in page

Create Slider

  1. Step 1. Go to Dashboard >> Avartan Slider
  2. Step 2. Click on Create New Slider button
  3. Create New Slider
  4. Step 3. Add the slider name. Shortcode of slider will be generated automatically (see image below).
  5. Step 4. Click on 'Save Settings' button at bottom of page. And Enjoy the Slider.
  6. Create New Slider

For more information on how to create slider, Click Here

Add Shortcode in Page

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Go to Dashboard >> Pages >> Add New.
  3. Step 3. Click on Add Shortcodes (as show in below left image).
  4. Step 4. Now, select the shortcode from list (as show in below right image).
Add Shortcode Button
Add Shortcode in Page

Building the Menu

  1. Step 1. Go to Dashboard >> Appearance >> Menus.
  2. Step 2. Click on create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Latest Blog, Party, RSVP, We, Our Story from left Side and click on Add to Menu button as show in below image
  6. Step 5. After selecting pages select menu location and click on save menu.
  7. Final Step in Menu
  8. Primary Menu Front Preview Final Step in Menu

Note : The menu must be available and selected as "Top Primary Menu" under Theme locations to display a proper home page like demos with TwoGether theme setup.

Setting up Page Template

How to select page template:

Select a page template from Page Attributes as shown in beside image.

Page Template

There are three page templates:

  • Home page template: This page template is used to display home page content.
  • Full width page template: This template is used to display content as full width page, no sidebar.
  • Left sidebar page template: This template is used to display sidebar as left side sidebar in a page.

Setting up Widgets

  1. Step 1. Go to Dashboard >> Appearance >> Widets, Drag and Drop the widgets in Primary Sidebar area

Admin Preview

Primary sidebar admin preview

Front End Preview

Primary sidebar front preview

Headers Shortcodes

These shortcodes will be used for displaying h1, h2, h3, h4, h5, h6 tags.

H1 Tag :

[sol_header type='h1' title='demo content' margin_top='5px' margin_bottom='5px']

<h1 style='margin-top:5px;margin-bottom:5px'>demo content</h1>

H2 Tag :

[sol_header type='h2' title='demo content' margin_top='5px' margin_bottom='5px']

<h2 style='margin-top:5px;margin-bottom:5px'>demo content</h2>

H3 Tag :

[sol_header type='h3' title='demo content' margin_top='5px' margin_bottom='5px']

<h3 style='margin-top:5px;margin-bottom:5px'>demo content</h3>

H4 Tag :

[sol_header type='h4' title='demo content' margin_top='5px' margin_bottom='5px']

<h4 style='margin-top:5px;margin-bottom:5px'>demo content</h4>

H5 Tag :

[sol_header type='h5' title='demo content' margin_top='5px' margin_bottom='5px']

<h5 style='margin-top:5px;margin-bottom:5px'>demo content</h5>

H6 Tag :

[sol_header type='h6' title='demo content' margin_top='5px' margin_bottom='5px']

<h6 style='margin-top:5px;margin-bottom:5px'>demo content</h6>

Dividers Shortcodes

This shortcode will be used to add a divider in content.

Solid Line Divider :

[sol_divider type='solid']
Dotted Line Divider :

[sol_divider type='dotted']
Dashed Line Divider :

[sol_divider type='dashed]
Double Line Divider :

[sol_divider type='double']

Spacer Shortcode

This shortcode will be used to put a horizontal space of given pixel.

[sol_spacer size='30px']

Map Shortcodes

This shortcode will be used to display map in content or contact us page.

1. Roadmap type :

[sol_map type='ROADMAP' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Roadmap

2. Satellite type :

[sol_map type='SATELLITE' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Satellite

3. Hybrid type :

[sol_map type='HYBRID' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Hybrid

4. Terrain type :

[sol_map type='TERRAIN' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Terrain

Home Page Banner Section

This shortcode will be used to display slider and default header presentation.

[homepage_banner slider_alias="home_slider"]

Home Page Banner

We Are Section

This shortcode will be used to display We are section.

[we_are title="true" section_title="<span>Welcome </span><color>Y’ALL </color><span>to our </span><b>WEDDING</b>"]Lorem ipsum is simply dummy text of printing[/we_are]

We Are

Our Story Section

This shortcode will be used to display Our story section.

[our_story title="true" section_title="<span>Our</span><b> Story</b>"]

Our Story

The Wedding Section

This shortcode will be used to display The wedding section

[the_wedding title="true" section_title="<span>The</span> Wedding"]Lorem ipsum is simply dummy text of printing[/the_wedding]

The Wedding

You can manage Bridesmaids & Groomsmen list at Homepage by changing to Blog pages show at most option at admin side.

Go to Settings » Reading » Blog pages show at most, for more information checkout the admin screenshot given below.

List Settings

Rsvp Section

This shortcode will be used to display Rsvp section.

[rsvp title="true" section_title="<b>RSVP</b>"]

Rsvp

Party Section

This shortcode will be used to display Party section.

[party title="true" section_title="<b>Party</b>"]Lorem ipsum is simply dummy text of printing text.[/party]

Party

Latest Blog Section

This shorcode will be used to display Latest blog.

[latest_blog title="true" section_title="<span>latest</span> Blog"]

Latest-Blog

General Settings

General Settings

Home Page Settings

Home Page Settings

Rsvp Page Settings

Rsvp Settings

Contact Us Page Settings

Contact Us

Post Settings

Post Settings

Theme features

The theme comes with tons of features that you can control easily via our user-friendly theme admin panel. You can find these features below:

  • Fully Responsive: Running on the any browser, sharp images
  • One page and Multi page WordPress Theme
  • Home Page Banner with Avartan Slider Lite Plugin
  • Google map for your wedding place
  • Bridemaids and Groomsmen section
  • Built on latest Bootstrap 3.3.x & FontAwesome 4.2.x
  • RSVP Form
  • Enable/Disable Sticky Navigation
  • Marriage Countdown Timer
  • Wide variety of option panel to give beauty your site
  • Translation Ready (.pot files)
  • Wedding Gallery Photos Presentations
  • Pre-made Demos
  • Easy Social Share buttons
  • 10+ very usefull shortcodes instead of plugins
  • Custom CSS support
  • Compatible with: WordPress 4.x, Bootstrap 3.3.x

FAQ

1. Does this theme support any plugins?

TwoGether includes support of plugins like Avartan Slider, Multiple Post Thumbnails, Contact Form 7 and Soundy Background Music.


2. For which purposes I can use your theme?

TwoGether WordPress Theme is suitable for love, engagements and wedding websites.

Translation

TwoGether theme is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Find the .pot file in /wp-content/themes/twogether/languages/

    .pot file
  2. Step 2. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  3. Step 3. Check language prefix in front end, view HTML.

    Language prefix
  4. Step 4. Open the .pot file with POEdit and translate the texts into your preferred language.

    translate texts
  5. Step 5. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English is en_EN, so you would save the translated files as en_EN.po and en_EN.mo.

  6. Step 6. Now Paste that two .po & .mo files in /wp-content/themes/twogether/languages/ and rename to eg( en_CA.mo & en_CA.po ).

    .po and .mo files
For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

Update Theme

How to upgrade theme? Follow the below steps and upgrade your theme.

  1. Step 1 : Login with your WordPress admin area.
  2. Step 2 : Go to Dashboard » Twogether » Upgrade.
  3. Step 3 : Check your installed theme version and latest available version.
    upgrade theme
  4. Step 4 : If you already installed the latest version, then ignore the following steps otherwise go through to the following steps.
  5. Step 5 : Go to solwininfotech.com
  6. Step 6 : Login with your username and password (If you are not logged in) OR Register
  7. Step 7 : Buy TwoGether theme (If you haven't purchased a theme)
  8. Step 8 : Go to My account
  9. Step 9 : Click on "Payment History" tab
  10. Step 10 : View your order
  11. Step 11 : Download twogether.zip file

Note: Please note that with the theme update any code modifications done in the theme's code will be lost, so please make sure you have a backup copy of the theme files before you update the theme.

Now installing an update:

  1. 1. Update Via WordPress Admin area

    1. Step 1. Login with your WordPress admin area.
    2. Step 2. Go to Dashboard » Appearance » Themes.

    3. Add New Theme

    4. Step 3. Now, Click on Upload Theme button at top and upload twogether.zip which you have downloaded from your Member Area at Solwin Infotech website.
    5. Step 4. Click on Activate once upload has finished.
    6. Upload New Theme
      Activate Theme
  2. 2. Update Using FTP

    1. Step 1. Download twogether.zip file from your Member Area at Solwin Infotech website.
    2. Step 2. Extract Zip file.
    3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
    4. Step 4. Go to Dashboard » Appearance » Themes and find TwoGether theme from list
    5. Step 5. Click on Activate to active TwoGether theme.
    Active Theme

Note: Please note that with the activating of the new theme it is possible your menu setting not to be saved for the new theme. If so, you just have to go to Appearance » Menus » Theme Locations, select the menu (it will be still there) and press the "Save" button.

Thanks for using TwoGether Theme!

We would like to thank you for using our TwoGether Theme! If you have any difficulties with TwoGether Themes or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!