Megalithe Documentation

Posted in and tagged as , .

1.     Installation and Setup

Megalithe Child Theme requires the parent theme Genesis Framework. You need to install first the parent theme to activate the Megalithe Child Theme. You can get the Genesis Framework at http://www.studiopress.com/themes/genesis.

To setup child theme and Genesis Framework via FTP:

  1. Extract Genesis Framework and Megalithe Child Theme Package.  Megalithe Child Theme package comes with folders and files (license, megalithe, changelog.txt, readme.txt and megalithe.zip, megalithe.xml), use “megalithe” folder.
  2. Paste both Genesis framework and Megalithe child theme into YOURDOMAIN/wp-content/themes/.
  3. Go to your dashboard, Appearance->Themes and activate Megalithe Child Theme.
  4. Ready to go.

Or setup using WordPress upload function:

  1. Login to your WordPress site.
  2. Go to Appearance ->Install Themes -> Upload
  3. Upload first the Genesis Framework (in zip file) but do not activate. Then the Megalithe child theme (in zip file) and activate.
  4. Ready to go.

2.     Importing an XML File

XML file is included in the theme package for you to have a quick setup for your website.

Here are the steps how to import xml file:

  1. Go to Tools => Import menu and choose WordPress.
  2. In upload field choose the xml sample data and upload it.
  3. Now you need to configure Genesis and Megalithe Theme Options.

3.     Managing and Ordering Menu Items

Megalithe Child Theme supports WordPress Menu System to manage menu items. Below are the steps in managing the menu:

  1. Go to Appearance -> Menus
  2. If you import the XML file, there are already created menu. But you can also create the menu you want.
  3.  Select the pages/categories that will be included in menu.
  4. Order the menu or create a child menu by dragging the tab.
  5. In the Theme Locations, place the menu you created in the “Primary Navigation Menu”. Megalithe Child Theme was not design with the secondary menu so you can leave it blank.
  6. Save Theme Location, Save Menu, and menu is now created.

For some instances the primary menu doesn’t display, the Genesis settings might not be configured properly. Follow these steps to verify if the menu is set.

  1. Go to Genesis -> Theme Settings
  2. In the “Navigation Settings” Tab, check “include primary menu?” and “Enable Fancy Dropdowns”.
  3. Menu should appear by now.

4.     Homepage Setup

Note: Make sure the settings in Settings -> Reading Settings -> Front Page Displays is in “Your Latest Post“.

Megalithe homepage consists of a slider, welcome message section, latest project section, feature bottom widget and the latest blog section.  These areas can be enable/disable in theme option. Below are the steps in setting up homepage widget area same as the demo site:

Setting up homepage widgets:

Go to Genesis -> Megalithe Settings -> Portfolio Settings. Configure according to your preferences. In the “Latest Project area”, you need to create first portfolio items.

For the feature bottom to display exactly the same as the demo, use text widget and insert the shortcode:

[servicebox size="one-fourth" last="false" title="Service Box 1" icon="http://demo.zigzagpress.com/megalithe/wp-content/uploads/2012/10/group.png"]Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula.<br><br><a href="#" class=" button rounded  small-btn red-btn">Small Button</a>[/servicebox]
[servicebox size="one-fourth" last="false" title="Service Box 1" icon="http://demo.zigzagpress.com/megalithe/wp-content/uploads/2012/10/group.png"]Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula.<br><br><a href="#" class=" button rounded  small-btn red-btn">Small Button</a>[/servicebox]
[servicebox size="one-fourth" last="false" title="Service Box 1" icon="http://demo.zigzagpress.com/megalithe/wp-content/uploads/2012/10/group.png"]Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula.<br><br><a href="#" class=" button rounded  small-btn red-btn">Small Button</a>[/servicebox]
[servicebox size="one-fourth" last="true" title="Service Box 1" icon="http://demo.zigzagpress.com/megalithe/wp-content/uploads/2012/10/group.png"]Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula.<br><br><a href="#" class=" button rounded  small-btn red-btn">Small Button</a>[/servicebox]

5.     Home Slider

5.1 Creating Slideshows

Slideshow serves as a category for categorizing the slide items. To create slideshow:

  1. Go to Slides-> Slideshows
  2. Create new slideshow

5.2 Creating Slide Items

Slide items can be an image or a video. This will give you option to display either a video or an image in your slider.

To setup a slide item with image, here are the steps:

  1. Go to Slides-> Add New
  2. Fill the title area and the content. The content will serves as the description of the slide.
  3. Select what slideshow the item belongs, and fill the slide order. (Note: The slide will not display if the slide order is empty.)
  4. Then upload a feature image. This image will be shown in the slider. Be aware that all images used in the slider must have the same dimension. (Image used in the demo is 960px by 360px).
  5. In the Slider Settings, keep it as is except for the Slide Link. Enter the  link where you want the slide to go after clicking.
  6. Then Publish.

To setup a slide item with video, here are the steps:

  1. Follow steps 1 – 3 in the above instructions.
  2. In the Slider Settings, select what type of video you want to place. This theme for now supports only vimeo and youtube.
  3. Fill the video id area the id of the video you want to put.
  4. Leave the slide link, button text and the featured image blank.

5.3 Configuring Slideshow Settings

To configure slideshow, go to Genesis -> Megalithe Settings -> Slideshow Settings. A list of option to the slider is shown. Configure it according to your preferences.

6. Portfolio

6.1 Creating Portfolio Categories

To create portfolio categories, go to Portfolio -> Portfolio Categories. Create as many categories as you want.

6.2  Creating Portfolio Items

Portfolio items can also be a video or an image or a slider. This will give you option to display a video, an image or a slider in your portfolio.

To create portfolio items with image, here are the steps:

  1. Go to Portfolio -> Add New
  2. Fill the title area and the content.
  3. Select category the portfolio item belongs.
  4. Upload a feature image. Leave “Images” and “Videos” option blank.
  5. Then Publish.

To setup a portfolio item with video, here are the steps:

  1. Go to Portfolio -> Add New
  2. Fill the title area and the content.
  3. Select category the portfolio item belongs.
  4. Upload a feature image.
  5. Go to “Videos”, you can use video link or embed a video in the page.
  6. Then Publish.

To setup a portfolio item with a slider, here are the steps:

  1. Go to Portfolio -> Add New
  2. Fill the title area and the content.
  3. Select category the portfolio item belongs.
  4. Upload a feature image.
  5. In the “Images”, fill the image boxes with image path.
  6. Then Publish.

6.3  Setting up Portfolio Page

There are two templates created specific for displaying the portfolio. These are the Portfolio Filter and Portfolio Gallery Template.

To setup portfolio page, here are the steps:

  1. Go to Pages -> Add New.
  2. Fill the title. Leave the content blank.  (Note: as much as possible, avoid using “Portfolio” as a page title. This will conflict the default custom post type slug especially when you change your Permalink Settings to “postname”. But if not avoided, see “How Change the Page Slug”.)
  3. In the Page Attribute, select the desired template to be use for the portfolio.
  4. In the Template, select the template you use for the page, Filter or Gallery.
  5. In the Layout Settings, select portfolio layout. It could be full width or with a sidebar.
  6. In the Portfolio Settings, select the number of column for your portfolio.
  7. In Page Option, you can enter a page description describing the portfolio page.
  8. Then “Publish”.

 

7.     Footer and Footer Widgets

7.1  Footer Widgets

To configure footer widgets, here are the steps:

  1. Go to Appearance -> Widgets
  2. You can see Footer Widgets (footer 1, footer 2, footer 3 and footer 4) on the right side.
  3. Drag any widget you like to place in the footer widgets. The demo uses the Recent Posts Widget, Genesis-Featured Page Widget and Text Widget.
  4. Save and your now ready to go.

7.2   Footer

Footer include the theme branding and “to top” link. To customize footer branding;

  1. Go to Genesis -> Megalithe Settings -> Footer Settings
  2. Fill the Footer Text with your company name or branding. In the Tracking code, place your Google analytic code if you have it.
  3. Then Save the changes.

8.     Logo, Favicon and Theme Appearance

8.2  Logo

You can use a plain text as logo or an image. To do that, here are the steps:

  1. Make sure you set in the Genesis Settings the type of logo you use. Go to Genesis -> Theme Settings
  2. In the Header Settings, select the type of logo (text or image) you will use for your website. And Save Changes.
  3. If you select a image logo, go to Genesis -> Megalithe Settings -> Appearance Settings
  4. Upload a logo in any format you want that fits your website.
  5. Then Save Changes.

8.3  Favicon

You can customize your website favicon very easy. Here is how to do it:

  1. Go to Genesis -> Megalithe Settings -> Appearance Settings
  2. In Custom Favicon, upload you favicon. Recommended size 16px X 16px.

8.4  Theme Appearance

You can change theme appearance without opening any CSS file the folder. Go to Genesis -> Theme Settings -> Custom CSS Code and paste you custom CSS code or you can choose from the define color scheme.

9.     How to Change the Page Slug

In the Edit Page, you can see the permalink under the title. Click “Edit” and change the name to any name except for “portfolio”, then click ok, and “Publish”.

 

0