Weebly Page Layouts Described
Up until now, every page in Weebly had the same basic structure. That is because there was only one page type (index.html) for a theme and every page you add had the same layout.
With the introduction of new page layouts in Weebly, every Weebly theme comes with Four Standard Page Layouts: “Landing”, “Tall-Header”, “Short-Header” and “No-Header”. You can now choose different look for different pages. The one “index.html” is replaced by four page layouts.
Later in this article, we will discuss the use of Custom Page Layouts and how to create them. But first, take a look at the Live Demos of Standard Page Layouts in Weebly Themes. If your account does not show the new page layout, you may be using a previous version of the theme, or are using your custom theme. You can assign any page style (page type/layout) to any page. To do that, all you need to do is to highlight the page from “Pages” Tab, and then just click the type you want to assign to that page.
Landing Page Type in Weebly
The Landing Page Type is best suited for your Home Page. Good for Branding, Great for SEO and made for Call To Action.
The Headline conveys the most important aspect of your website. The tag line is the lead for Call-To-Action. A Button intuitive enough to take your visitors to the right place.
Make best use of the Headline, Tag line and link in Call To Action Button. This is what the search engines are tracking. As far as possible, do not change this information. So, think ahead of what keywords you would like to rank for. Incorporate those keywords into the Headline and Tagline. Note that the link you place in Call-To-Action Button is given a higher priority by the search engines. This is the prime real estate for your site. Use it judiciously.
Tall Header Page Layout
The Tall Header Page Layout in Weebly Themes is a best fit for Main pages (or) prime sections of your site like “Products”, “Services” etc. This Page Type uses a tall banner, giving you plenty of room for graphically representing your products or services page. This page can be used in creating a custom page type for slide headers and rotating banners.
Short Header Page Layout
The Short Header Page Layout can be used for your internal pages or the pages in sub-menu that are part of a parent category. For example, this is a good choice to describe one of your products. The narrow header image can be used for product lead graphic without taking away the attention from the main product description that follows.
No Header Page Layout in Weebly
This type has no header banner image. It offers the maximum flexibility. If your page has other graphic elements or Video embeds, then a banner image could be distracting and conflicting. The No Header Page Type would be a better choice for those situations.
Here is How to Create Custom Page Layouts in Weebly
The Four Page Types provided by Weebly in its themes are a good start. But what if you need some of your pages to use the Nivo Slide Header for Rotating Banner ? You can create additional page types in Weebly Theme Editor (Design –> Edit Html/CSS).
Under the “Page Layouts”, you should see the four existing page types. Click “Add New Layout” to create an additional page layout. Choose “Other” page type and give the new page your own page name in the pop-up.
By default you will see a very basic content in this page type. This page has no layout or styling to it. If you want your page type closer to one of the four pre-defined pages, replace the contents of the new page type with your choice page. Now modify the page to suit your need.
As an example, if you would like to create Nivo Slider page, copy contents of tall-header-page.html to your new custom page. Then modify the custom page to use the slider instead of the wsite-header. Save your changes when done and you should see the new page layout automatically added to list of page types under “Pages” tab.
[Update: "Weebly Page Types" is renamed to "Weebly Page Layouts"]