How to Get Started with PageLines

Revision as of 01:54, 17 October 2011

Thank you for purchasing the PageLines 2.0 Framework. At PageLines, your satisfaction is our number one priority. Here is a brief guide that will help you get started.

Get your logo on your site

Custom Header Image

Your website logo is the first thing a visitor sees upon arrival, so you want it to instantly make a positive impression. PageLines Framework comes preinstalled with its own logo, however you can easily install your own logo that will really make your website yours.

To upload your custom logo

Custom Header Image

From your WordPress Administration Panel.

1. Select the PageLines panel, then Settings.
2. Select the "Website Setup" tab.
3. Under the "Custom Header Image" section, click "Upload Image."
   • Browse your computer & select the image you want uploaded.
   • Supports .png, .jpg, & .gif
4. Click "Save Options."

If you already uploaded a custom image to your server, simply type the full URL of the image & click "Save Options."

Pick your default Layout

Next decide on the layout that you want your site to have. You can choose to have just a main content area, main content with one or two side bars on the right or left, or main content in between two sidebars.

Default Layout Mode

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Layout Editor" tab
3. Under "Default Layout Mode," select a Default Layout
4. Click "Save Options"

• You can also change the Layout Dimensions & Layout Handling. Refer to this tutorial for more detailed information about the Layout Editor

Choose if your site is a Blog or Website and setup WP to do this

By default, WordPress is installed as a blog site. This means that your Home Page will display your blog posts. If you are building a regular website, you may not want the Home Page to contain any blog posts. Simply reassign the Home Page from a blog page to a regular page. If you still want to have a blog, you can easily move it to somewhere other than the Home Page. First we will need create a separate "Home" page and "Blog" page.

Create Home Page

From your WordPress Administration Panel:

1. Select the "Pages" panel, then "Add New"
2. Title this page "Home" (or whatever you want)
3. For now you can keep this page's template set at "Default Template"
4. Click "Publish"

Repeat these steps a second time to make your Blog page, only this time title your page "Blog"

Now that you've created a separate Home page & Blog page, You need to need to tell WordPress to treat each page as such.

Assign Front & Posts Page

From your WordPress Administration Panel:

1. Select the "Settings" panel, then "Reading"
2. Under "Front page displays," select "A static page"
3. Assign "Front page:" to "Home" & "Posts page:" to "Blog"
4. Click "Save Changes"

Add some sections to a page

This is where the true beauty of the PageLines Framework comes into play. You can customize any page by adding, removing, & rearranging Sections that will display whatever content you choose. Let's start by adding some Boxes & Features to the "Home" page that we created earlier.

Add Sections

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Templates"
2. Under "Page Templates," make sure you have the "Default Page" Template selected
   • This is because the "Default Template" is what was assigned when we created the "Home" page
3. Drag the "Boxes" section & the "Features" section from the "Available / Disabled Sections" over to the "Active Sections"
4. The Section Order will save automatically

Customize the page with the meta settings

The great thing about the PageLines Framework is that you can customize each page to look however you want. This is primarily done through the page's Meta Settings. You can change the page's layout, control each section individually, upload a different background image, and select a Secondary Navigation Menu. Let's begin by changing some meta settings on our Home Page.
From your WordPress Administration Panel:

1. Select the "Pages" panel, then "All Pages"
2. Click to edit the "Home" page
3. On the MetaPanel, click "Page Setup"
   1. The site's default layout has a Main Column with a single right Sidebar. Change this page's layout to show the Sidebar on the left

Customize your blog

Use extend

How to get support

Have FUN!