enhance
MyCountdown WordPress Under Construction Page Documentation by TeslaThemes
MyCountdown - WordPress Page

Created: 12-February-2013

By: TeslaThemes

Email: support@teslathemes.com

Table of Contents

  1. Installation GO
  2. Customization : GO
    • 2.1 Title GO
    • 2.2 Color GO
    • 2.3 Social GO
    • 2.4 Google Map GO
    • 2.5 Logo and favicon GO
    • 2.6 Counting Dates GO
  3. Subscriptions GO
  4. About Us Page GO
  5. Contacts Page GO
  6. Paralax footer GO

Thank you for purchasing our product! We are very glad that you have decided on our WordPress page.

The page is very easy to use and we are here to guide and help you, so please read and follow the documentation and if you have further questions write us a email support@teslathemes.com. This documentation is more of a reference work if you do not know what to do and need a better understanding on how the template is built.

1 . InstallationTOP

To install the MyCountdown Page you will need WordPress v3.4 or newer.

Upload the mycountdown.zip file through the WordPress admin backend:

upload

Then, when prompted activate the page:

activate

Note: If you can't get passed the file upload limit and/or if you get an error message mentioning exhausted memory size or something in those lines, you could try to increase that limit by adding to the "wp-config.php" the following line of code:

define('WP_MEMORY_LIMIT', '64M');

If everything went well, the page should appear under Appearance --> Themes like shown below:

activate

2 . CustomizationTOP

The MyCountdown Page is easily customizable from the Customizer and the MyCountdown [last option in the admin menu] menu.

The options provided there are all pretty self explanatory, but if you find hard to understand follow the next instructions to get it all done.

customizer


Note : The Customizer is a wordpress built-in feature since 3.4 . So you need WordPress 3.4 or later to be able to customize this Page.

2.1 . Title TOP

Customizing the Title :

  1. Go go Appearance --> Themes and press the Customize link. This will open the Customizer window. Here you can change the Page's options.
  2. While in the Customizer window, go to the "Site Title & Tagline" menu section.
  3. Change the "Site Title" to whatever you want.

Note : This will change the title of the website which is indexed by search engines and displayed in the browser's tabs, and it is not the headline next to the counter.

2.2 . Color TOP

Customizing the site colors :

  1. Go go Appearance --> Themes and press the Customize link. This will open the Customizer window. Here you can change the Page's options.
  2. While in the Customizer window, go to the "Color" menu section.
  3. Change the "Site Color" to whatever you want and watch the magic happen.
2.3 . Footer TOP

Footer of the page consists of:

All these can be customized in the MyCountdown [last option in the admin menu] menu.

customizer

Note : Or you can press the "Import default demo options" button to fill the fields with default content like on the demo page.

Note : Don't forget to press the "Save Options" button.

2.4 . Google Map TOP

To configure the google :

  1. Go to MyCountdown [last option in the admin menu] menu --> Footer
  2. Check the "Show Google Map"
  3. Get the address embedding code from https://maps.google.com/ :
    • First Navigate to https://maps.google.com/
    • Go to the place you want to be shown on the map
    • Press the link button and copy the embedding code. image aboutus
  4. Paste the embedding code to the "Google Map Code" text area in the Mycountdown --> Footer admin menu image aboutus
2.5 . Logo & Favicon TOP

You can customize the Logo using the method bellow :

  1. Go to MyCountdown [last option in the admin menu] menu
  2. Under the Main Tab change the value for the first field next to the Website Logo. This is the text Logo field.
  3. If you have a image logo somwhere on the web paste the link in the second field. This way the first field will be ignored.
  4. If you want your logo uploaded on the current website you are building , go to media library and upload it -> set a unique caption for it -> Go to MyCountdown admin menu and insert this caption you've set in the third field. The first 2 fields will be ignored.
2.6 . Counting Dates TOP

To customize the counting dates :

  1. Go to MyCountdown [last option in the admin menu] menu
  2. Under the Main Tab change the value for the "Date From" using the date-picker that will apear as you click on the field.
  3. Change the value for "Date To".
  4. Save the Options.
3 . Subscriptions TOP

You can view the subscribers' list following the next steps:

  1. Go to MyCountdown [last option in the admin menu] menu
  2. Go to Subscribers Tab
4 . About Page TOP

To create and customize an about page:

  1. Go to Pages in admin panel.
  2. Add a page and choose the MyCountdown About Template
  3. Add an image (recommended 590x350 px) with the Add Media button, and in the caption field insert a keyword (we used "about" for the example)
  4. Add avatars for team members and insert in the caption field their own keywords (we used "joe1" , "joe2", "joe3" in this example).
  5. Use the shortcodes to add images and customize content as shown below :
    [img caption="about"]
    [testimonial]
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dolor erat, mollis at fringilla quis, placerat nec tellus. In congue tortor nec urna hendrerit sit amet mattis leo tempus.
    [/testimonial]
    [border]
    [h3]THE TEAM[/h3]
    [team_member img_caption='joe1' name='ANNA DOE' position='DESIGNER']
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dolor erat, mollis at fringilla quis, placerat nec tellus.
    [/team_member]
    [team_member img_caption='joe2' name='Joe DOE' position='DEVELOPER']
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dolor erat, mollis at fringilla quis, placerat nec tellus.
    [/team_member]
    [team_member img_caption='joe3' name='John Dowe' position='MANAGER']
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dolor erat, mollis at fringilla quis, placerat nec tellus.
    [/team_member]

    The code above will produce the following layout on the page :

    customizer
5 . Contacts Page TOP

To create and customize an about page:

  1. Go to Pages in admin panel.
  2. Add a page and choose the MyCountdown Contact Template.

Note : You can configure the map and contact form in the MyCountdown [last option in the admin menu] -> Footer .

6 . Paralax Footer TOP

To enable the paralax footer:

  1. Go to MyCountdown [last option in the admin menu] -> Footer.
  2. Check the "Enable Paralax Footer" option.
  3. Fill the Contacts, Map and Address fields.

customizer

Note : The footer options are related for the Contacts Page template also .