Designs determine the layout, content and visual theme of your weblog. When you publish a new weblog post, your post will take on the style and formatting indicated by a particular design.
The Design tab gives you control over the layout of your weblog, the content that appears on your weblog (your lists, photo albums, and other pieces of content), and the visual theme of your weblog.
You can create designs that match the topic and subject of your weblog. For example, if you have a Reading Journal that discusses the books that you’re reading, you can create a design that highlights your reading material by including your Reading TypeList in your sidebar.
There are two types of designs:
Basic Designs use TypePad's built-in design editing functions and professionally-designed themes and layouts.
Also see: Creating a New Basic Design
Advanced Template Sets allow you to directly edit the code that produces your weblog pages.
Also see: What are Advanced Template Sets?
Click the Design sub-tab under the Weblogs tab, or click the
Edit Design shortcut link from Your Weblogs page. On the Design sub-tab, the Edit Current page appears by default, with sections featuring your Design Name, Your Theme & Layout, and Your Content:

Renaming a design is a way to help keep things more organized and easier to understand as you create more designs. Click the Change Name and Description link. The Edit Weblog Templates: Name and Description page appears. Follow the instructions on Setting Your Design Name and Description.
Your Theme sets a pre-defined or custom theme (such as colors, fonts, borders and widths). Your selected theme and layout descriptions appear in the Your Theme & Layout section. To change your theme, click the Change Theme link. The Edit Weblog Templates: Theme page appears. Follow the instructions on Setting Your Theme.
Your Layout sets the column layout for the design. Your selected theme and layout descriptions appear in the Your Theme & Layout section. To change your layout, click the Change Layout link. The Edit Weblog Templates: Layout page appears. Follow the instructions on Setting Your Layout.
If you want to use your own Cascading Style Sheet (CSS), you can insert it into your design by clicking the Edit Custom CSS link from the Your Theme & Layout section. The Edit Weblog Templates: Custom CSS page appears. You can then paste the contents of your CSS code into the text box. Click Preview to see how your weblog will appear with your CSS code, or click Save Changes when you are finished.
You can change what type of content appears in your weblog, as well as the order in which it appears. To change your content selections, click the Change Content Selections link. Follow the instructions on Setting Your Content Selections. To change the order of your content, click the Change Ordering link under Your Content. Follow the instructions on Setting Your Content Ordering.
Click the Design sub-tab under the Weblogs tab, or click the
Edit Design shortcut link from Your Weblogs page. On the Design sub-tab, click the Create New link.
The TypePad Design Creation Wizard is divided into five sections:
Layout sets the column layout for the design.
Content Selections sets which items to display on your weblog.
Content Ordering sets how sidebar items for your weblog are arranged.
Theme sets a pre-defined or custom theme (such as colors, fonts, borders and widths).
Save Template Set sets the name and description for your design and prompts you to save it.
After you have made your selections for each section, you can click Preview to see what you've done so far or click the next step button to take you to the next section. See the individual sections below for details on each.
Tip: To select and immediately apply a layout, double-click it. Your layout can have one, two, or three columns:
The content area in a “fluid” layout changes size when the browser window is resized. The area where your weblog posts are displayed expands or contracts to work with the size of the browser window.
Otherwise the content area is a fixed width (such as 400 pixels), which means that the width of the content stays the same no matter what size the browser window is.
Mixed Media Layouts are perfect for displaying a mix of text, photos, video, audio and other types of media. They are ideal when posting remotely using a mobile device such as a mobile phone with camera.
|
In this example, a Mixed Media Layout is being used for a mobile phone photo weblog.
|
![]() |
|---|
Your Content Selections are the items you select for display in your weblog posts and sidebar:
The Permalink is the permanent location for the post. When you click the Permalink it takes you to the archive page for that post, which is used to link directly to that specific post.
When a post is no longer displayed on the Main Index, it is still always accessible at the Permalink location. By default, the post footer will always have a permalink.
The TypeLists you have in the system are listed to select as content and you can check the box for the list(s) you would like to display. If you select an empty list, the list will appear empty on your weblog. Add new TypeLists for display by Creating a New TypeList.
Your Feeds on the Content Selections screen.
A list of feeds you are currently subscribed to are listed select as content for your weblog. Check the box next to the feeds you wish to appear in your weblog's sidebar. Each feed you subscribe to can be configured display a custom name for the feed. In addition, you can choose to display either the first 5 or 10 entries listed in the feed. To add a new feed click the "Add a new feed" link. To delete an existing feed, click the trashcan (
) icon. And to configure an existing feed, click the "Configure" link next to the feed. What is a feed?
Configure a Feed.
The Photo Albums you have in the system, both public and private, are listed to select as content for your weblog. You can check the box for the album(s) you would like to display in your sidebar. You can add new Photo Albums for display by Creating a New Photo Album.
Your Photo Albums on the Content Selections screen.
On the Content Ordering page, you can arrange the items that you selected while Setting Your Content Selections. Click and drag each item into the appropriate position to order the items on your weblog.
Note: This feature is not available with Mixed Media Templates.
Select the radio button to either choose from a variety of Pre-defined Themes, or create a Custom Theme.
When this option is selected, you can browse a number of pre-defined themes organized by categories. Click Preview to see how your weblog will appear with the theme you selected, or click Save Changes to use the theme. To change the theme category, select a new option from the Show drop-down menu (Tip: To select and immediately apply a theme, double-click it). In this example, the Folio theme is selected from the Bold Palettes category:

When this option is selected, you can customize any of the following elements by clicking Edit This Element. Click Preview to see how your weblog will appear with the theme you selected, or click Save Changes to use the theme:

On the Name and Description page, you can change the name of your Basic Design, and enter a description.
When you make changes and updates to your Basic Designs (as well as create new designs based on existing ones), you’ll want to give your designs unique names that reflect the design or purpose.
Renaming a design is a way to help keep things more organized and easier to understand as you create more designs.
After making changes to the basics, click Save this Design to save the Basic Design or Save and Apply this Design to save the Basic Design and apply it to your published weblog.
Click the Design sub-tab under the Weblogs tab, or click the
Edit Design shortcut link from Your Weblogs page. On the Design sub-tab, click the Manage Your Designs link. The Manage Your Designs page appears.
Your saved designs appear in list under the following headers:

To select designs for deletion, click the checkbox(es) next to each design list item and click Delete. To delete all designs in bulk, click the checkbox to the left of the Design Name list header and all checkboxes will automatically be selected. Then click Delete.
To duplicate designs, click the checkbox(es) next to each design list item you want to duplicate and click Duplicate. To duplicate all designs in bulk, click the checkbox to the left of the Design Name list header and all checkboxes will automatically be selected. Then click Duplicate.
(Advanced templates are available with Pro membership.)
Advanced Template Sets are templates that can be customized through direct editing of HTML, CSS and TypePad template tags. Advanced Template Sets are created when existing Basic Designs built by the TypePad template builder are converted.
If you know HTML or feel comfortable adding or removing TypePad template tags, you may want more control over your design and format of your weblog. You may want to customize your weblog in ways that are not possible with the template builder.
Also, you may have an existing weblog design built for another weblogging system that you will want to import into TypePad. Converting Basic Designs is for those users who feel comfortable getting their hands dirty with the technologies behind template sets.
When you convert a Basic Design, the system is first cloning an existing TypePad template set that you have built with the template builder. Then, the template set is converted into a format that you can directly edit as an Advanced Template Set.
Even after the conversion, your original template set still exists in a format that can be edited from the Edit Current or Manage Your Designs pages.
Cloning and converting an existing Basic Design is a way for the system to guarantee that all of the elements of an Advanced Template Set are in place when you begin editing the individual template pages.
Once you have your Advanced Template Set, you can edit it to change your templates to use an existing layout you have, such as a template from Movable Type or another weblogging system.
It depends on how complicated your needs are. Custom CSS will control basic formatting styles, but Advanced Template Sets allow customizing of all frames, styles, and elements within your weblog. If you're just looking for basic formatting look and feel, use Custom CSS.
If you are using a Mixed Media Template, you will not see the conversion option. Mixed media layouts are not available for conversion to Advanced Template Sets at this time.
(Advanced templates are available with Pro membership.)
Click the Design sub-tab under the Weblogs tab, or click the
Edit Design shortcut link from Your Weblogs page. On the Design sub-tab, click the Manage Your Designs link. The Manage Your Designs page appears.
Select the checkbox next to the Basic Design that you would like to convert to an Advanced Template.
When you convert a Basic Design, the existing Basic Design will not be changed. Instead, a new Advanced Template Set will be created based on the existing Basic Design.
Click Convert to Advanced. A pop-up window appears to confirm your choice. Click Yes, Convert.
After clicking the confirmation, you’ll see your new Advanced Template Set listed in Your Saved Designs, and it can be edited by clicking the set’s name and selecting Edit Templates from the resulting drop-down menu.
Click Apply Design under the Options header from the list of Your Saved Designs.
(Advanced templates are available with Pro membership.)
To edit an Advanced Template Set, click the set's name from the list of Your Saved Designs on the Manage Your Designs page. Select Edit Templates from the resulting drop-down menu. The Edit Design page appears.

Select a template you want to edit from the list of Index Templates by clicking the template name or click the Create new index template link to create a new template. An Edit (or Create New) Template screen will appear with a large text box containing the HTML code for the template. Make your changes to the code within the text box and click Save when you are finished. When you are finished making your desired changes click Publish Weblog on the Edit Design page.
To select templates for deletion, click the checkbox(es) next to each template list item and click Delete Checked. To delete all templates in bulk, click the checkbox to the left of the Index Templates list header and all checkboxes will automatically be selected. Then click Delete Checked.
Copyright © 2003-2005 Six Apart