Privateer Theme Forums
February 22, 2012, 08:29:54 PM *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Privateer Theme 1.4 is Out.
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Start to Finish Website Setup with the Privateer  (Read 2163 times)
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« on: March 22, 2010, 10:53:47 AM »

Below, you will find a fairly detailed guide on getting the look you want with the Privateer Theme.

Please feel free to let me know if you have questions on particular parts.
« Last Edit: March 22, 2010, 04:56:23 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #1 on: March 22, 2010, 04:06:33 PM »

Reserved for use in the near future.

This will cover optional things before starting that can be a good idea.
Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #2 on: March 22, 2010, 04:07:04 PM »

If you like the current look of your site, but simply want to make adjustments to it, you can safely skip to the next section.

When first creating a new site, I tend to look through the quicksets that I already have and apply one of them before I do anything else.

In the Privateer, a quick set is simply a set of database entries used to update various options in the theme with a single button click. To select one, go the the Quick Display Change Style panel within the Admin Menu:

- Privateer - Quick Display - Change Style

There, you will see a list of the currently available quicksets which can be applied to your theme. For quicksets I provide, you can select an image to see a larger picture of what your home page will look like once the quickset is applied.

For the purposes of this tutorial, I will assume the use of the Blank Slate quickset ( provided when you received the theme OR available in the owner forum here. )

To apply a quickset:
  • Select the option button next to the quickset you want to apply.
  • Choose "Activate Style Set" from below the list of available quick sets

Once done, reload the home page to see the result.

With the quickset applied, it is now time to make changes to the look of your site. Before doing so, I recommend deciding on answers to the following questions:
  • Do you want a fixed width or fluid site?
  • What colors do you want to use for your site and where do you want to use them?

A handy tool for coming up with nice looking color schemes is color scheme designer.
« Last Edit: March 22, 2010, 04:16:25 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #3 on: March 22, 2010, 04:07:32 PM »

The Site Layout is how your page is shown when people look at it.

In the Privateer, you can choose to use a static width or a fluid width that expands to fill available screen space.

If you choose to use a fluid width you can also set a minimum width and a maximum width to ensure that people cannot crunch things up too much or make the site so wide that it starts to look ugly.

To get to the site layout options, use the following menu in the admin panel:
. Privateer . General Display . Page Framing

The option Layout Width and Type determines how you are going to setup your site.

If you want a fixed width site, enter a pixel value ( e.g. 1024px ) into this option. Make sure to include the px!

If you want a fluid width, enter a percentage value ( e.g. 100% ) into this option. Make sure to include the %! Using a percentage less than 100% will leave a small area to the right and left of your site when displayed to users.

If you chose a fluid width, you might also want to enter values for "Layout Max Width" and "Layout Min Width". These correspond to the minimum and maximum widths that will be used to display your site. A good value for Layout Min Width is 770. Use only a number here

When finished, reload your home page and check the results. If you want a bit of padding on either side, enter a value in the option Layout Container Padding Left/Right.

Once you are happy with the general layout it is time to move on to setting up the default colors for your site.

For more detailed instructions on setting up the site layout with pictures and video, see:
« Last Edit: March 23, 2010, 12:19:09 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #4 on: March 22, 2010, 04:08:07 PM »

Before setting up colors, it is a good idea to figure out what colors you want to use and how you want to use them. The default colors for the site include:
  • The entire background color / image for the site
  • The main window background color / image for the site ( as above, but excluding any space to the left or right of the site caused by using a fixed width or fluid width less than 100% )
  • The default text font, size, and color to be used on the site
  • The default color and style for links ( both normally and when hovered over )

When I'm not sure I tend to play around with the color scheme designer tool.

First, if you are going to have extra space to the right and/or left of the content on your site, setup the background color or image for that space via the Body Style option:
> Privateer > General Display > Text and Links

For example, if you want the areas to the side of your page to be a light grey you would enter the following line into the Body Style option:
  • background: #EFEFEF;

You can enter text styles to be used across the entire site here as well. Some common settings include the following:
  • font-family: helvetica, verdana, tahoma, arial, sans-serif;
  • font-size: 0.8em;
  • color: #000000;
  • background: #FFFFFF;

Make sure to place a semi-colon after each style. Here are some common styles and what they do:

Styles related to the text on your site:

font-family: ...;
This provides the name of the fonts you would prefer to have used with each font listed after the first naming a font to use if the one before it is not on the viewers system. If you want a font with a space in the name of it, place the font name in quotes ( e.g. "courier new" ).

font-size: ...;
This specifies the size of the font. You can use an em or pixel value here ( 0.8em or 10px both work )

font-weight: ...;
How thick you want to have your text. Typically normal, bold, or bolder though you can use values from 100 to 900 instead of named values.

font-style:...;
normal, italic, or oblique

font-variant:...;
If you want to use small-caps rather than the normal font, you can set that here
Values can be capitalize, lowercase, or uppercase

color: #RRGGBB;
This specifies the color to use for normal text on the site by default.

Remember, you are setting the defaults for your entire site here. I would recommend setting only the font-family, font-size, and color attributes here for your text styling.

background: #RRGGBB;
background: #RRGGBB url(url to image) repeat-type alongtop alongside;

The top background entry specifies a background color to use for your site. The bottom background entry can be used to setup an image background where the extra items have meanings as follows

url to image would be the full path to the image you want to use as a background ( e.g. http ://myserver.com/imagename.jpg )
repeat-type denotes how the image should be repeated, if at all. Values can be:
  • no-repeat
  • repeat
  • repeat-x
  • repeat-y

The two alongside entries specify where to start the image at. Values can be:
  • top
  • bottom
  • left
  • right
  • justify

If you are not sure, stick to top right. For example:
background: #000000 url(http: //server.com/images/someimage.gif) repeat top left;

To setup your default link styling, use the following options on the same menu:

Link Default Color: The color to make links when a user does not have their mouse over them
Link Hover Color: The color to make links when a user does have their mouse over them
Link Default Decoration: Choose whether to have links underlined or not by default
Link Hover Decoration: Choose whether to have links underlined when a user has their mouse over them or not
Link Text Bold or Not: Choose whether to have links bolded on the site

Save your changes and reload your home page then continue tweaking until you like the defaults you have set. Don't forget that you will make adjustments to the header, sidebars, footer, and main content area later.

If you want the color of your site to be different from those displayed to the side of it, you will want to set the background in the Layout Container Style Option:
> Privateer > General Display > Layout Container Style

This options sets the default background for everything other than any unused space to the left and/or right of your site. Again, use the background style...
background: #RRGGBB;
background: #RRGGBB url(pathToImage) repeat-type align-vert align-horizontal;

When done, save your changes and reload the home page again. You should now see the background you set here used for your header, sidebars, footer, and main content area if you are using the PWS Blank Slate quickset.

Once satisfied, it is time to setup each main section of your site. For this tutorial, we will start with the site header and then do the footer, sidebars, and main content area.
« Last Edit: March 22, 2010, 04:25:53 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #5 on: March 22, 2010, 04:08:39 PM »

The site header, within the privateer theme, consists of a number of horizontal bars. You can choose which bars, if any, you want to use and configure each of the bars you use. Whether you want a completely custom header that you designed yourself, one consisting only of bars you can setup via the privateer menus, or one that contains both, you can do it with the privateer theme.

Currently available bars consist of:
  • The Logo Bar
  • The Image Bar
  • The Page Menu Bar
  • The Category Menu Bar
  • 2 Decorative Bars
  • 3 Custom Content Bars

To specify which bars you want to use, enter their codes into the "Configure Header Area" option
> Privateer > General Display > Header Setup

To see them all, enter %bar1 %logo %cbar1 %image %cbar2 %pages %cbar3 %cats %bar2 then save your changes and look at your site. The result will be quite ugly but should illustrate clearly how the different bars look.

Before deciding on the bars to use, here is some more detailed information about each of them:

The Logo Bar - Can display a logo, title, tagline, rss feeds, and search box
The Image Bar - Like the logo bar, but with opaque overlays and rotating background images
The Page Menu Bar - A menu of the pages on your site
The Category Menu Bar - A menu of categories used on your site
The Decorative Bars - Static bars for decorative purposes
The Custom Bars - Areas to place custom content in

Once you know which bars you want to use, edit the Configure Header Area" entry to include the bars you want in the order ( from top to bottom ) that you want them displayed on your site then save your changes and reload your home page to see the results.

Now that you know which bars you want, it is time to configure those you are going to use.

Configuring the Logo Bar
To configure the logo bar, stay in the "Header Setup" menu and edit the following options.

Logo Area: Styling
This option is used to style the entire bar. Typically you would style the background and border for this bar here, though other styling is certainly possible. If you want a border and are not sure how to set one, here is the format for border styling in css:

border: type width color;

And here are some examples:
border: solid 2px #000000; ( a solid 2 pixel wide black border )
border: dotted 1px #FF0000; ( a dotted 1 pixel wide red border )

There are a lot of good css resources on the internet. If you purchased a copy of the privateer theme from me, check the owners forum for a good resource on using css. If not, you might want to consider grabbing a copy of my Simple HTML and CSS handbook or using a search engine to do some reading on styling...as knowing the basics helps a lot when creating content for a web site.

Avoid setting margins and paddings here as this bar is a table.

Show Logo Image?
If you want a logo image to be displayed, upload it to your /privateer/images directory and enter the name of it here.

Logo Image: Styling
This option styles the logo image. If you want to move the logo about a bit, use the margin: css entry.

margin: TOPpx RIGHTpx BOTTOMpx LEFTpx;

For example, to force 10 pixels of space to the right of the logo, you might use:
margin: 0 10px 0 0;

Other css styles such as borders can be used here as well.

Show Blog Title?
If you want the title of your site to be displayed in the logo bar, set this to Yes.

Blog Title
Use this option to style the blog title ( except for color and font-weight ).

Blog Title: Font Weight
Choose to make the title bold or not

Blog Title Color
Set the color for the blog title here using RRGGBB notation and/or the color picker. To avoid using the color picker, just enter the RRGGBB value that you want to use and then press tab on your keyboard or click elsewhere on the page.

Blog Title Color: Hover
Set the color to change the title to when a user places their mouse over the blog title

Show Blog Tagline?
Choose whether or not to show your blogs tagline ( set in Settings - General - Tagline within the normal wordpress admin options )

Blog Tagline Style
Use this option to style the tagline.

Show Search Box?
Use this option to note whether or not you want the search box placed within the logo bar

Search box style
Use this option to style the search box within the header. Some good css attributes to use here are:
  • width:
  • margin:
  • padding:
  • border:

Text in Header Search Box
If you enter text here, it will be shown by default within the search box.

Once you have these all set, use the RSS options menu to setup any RSS items you want in the logo bar:
Privateer - General Display - RSS

RSS Box Width:
This option sets the width of the box that contains both the search box and your RSS links. It should be at least as wide as you set the search box.

Show Post Feed Icon?
Specify whether you want the feed icon displayed

Post Feed Link Text
If you want text displayed for the rss feed icon, enter that text here

Post Feed Link Title
If you want a blurb displayed when a user mouses over the rss feed icon, enter that blurb here.

Show Comment Feed Icon?, Comment Feed Link Text, and Comment Feed Link Title
These are just like the Post Feed options immediately above, but for the wordpress comments feed

Show Feedburner Email Icon?, Feedburner Email Link Text, an Feedburner Email Link Title
If you use feedburner, you can set these up so that people can subscribe to your feeds via email.

At this point, you have the logo bar fully configured. Save your changes and reload your site then make tweaks as needed.

The most common problem here is making the RSS Box Width too small to contain the rss links and search box. If that part looks odd, ensure that you have enough space in the box to hold them all.

If you use firefox, I recommend grabbing the measureit plugin so that you can measure distances on any web page. On that note, I also highly recommend getting the following firefox plugins:
  • Color Zilla - Get the css RRGGBB color notation for anything shown on a web page
  • HTML Validator - Check sites for html validation
  • Web Developer - All kinds of nice tools for troubleshooting how things display on a website

Configuring the Image Bar

The Image Bar is much like the logo bar, but has the ability to have opacities applied and display rotating background images so people see different images in your header at random as they move about your site.

The Image Bar uses the settings described above from the Logo Bar as well as those on the Header Image menu:
> Privateer > General Display > Header Image

Images to be used in the Image Bar should be placed in /privateer/images/header on the server.
Be sure to make the images wide enough for the maximum intended display width of your site!

If you want people to see images at random when they come to your site, place multiple images in the above folder and they will be chosen at random. If you want a specific image to always be displayed, place only one image in the folder.

You can easily back up your header images by moving them to the /privateer/images/backup-headers folder.

The following options are unique to the image bar:

Make Header Image Clickable?
If set to yes, people can click the image to go to your home page.

Header Image: Height
This sets the displayed height of the image. Your images can be larger than this, but this is the height that will be displayed. For performance reasons, I recommend making the header images you use the same height as this.

Header Image: Alignment
This specifies how the image should be aligned when shown. Top Center will have the center of your images displayed in the center of the header.

Opacity Left: Value
If you want to overlay an opaque area over the left side of the images shown, enter a value here. The higher the value, the less visible the image.
0 means not to have an opaque area on the left.

Opacity Left: Width
Specify the width of the left opaque area if you choose to have one. Set this to 0 if you don't want an opaque area.

Opacity Left: Color
Note the color that you want to use for the opaque overlay on the left side.

Opacity Right ( Value / Width / Color )
These are just like the above three options, but are for setting an opaque overlay on the right side of the image bar.

Overlay (item) over Header Image?
Use these options to note whether or not you want the various items from the logo bar to be shown on the image bar.

Items are broken into two groups, each having their own container on the image bar:
  • Logo / Title / Tagline
  • RSS Feeds / Search Box

You can style the containers via the two styling options on this menu.

When done, save your changes and reload your page to see the results. If using rotating images, reload it a few times and you should see the image used change randomly.

Configuring the Page Menu Bar

The page menu bar is used to display your wordpress pages as a menu in the header of your site. You can configure it via the Page Menu Bar options page:
> Privateer > General Display > Page Menu Bar

See the in theme help next to each option for details on what each option does.

Configuring the Category Menu Bar

The category menu bar is used to display your wordpress categories as a menu bar in the header of your site, taking users to the specified category archive when selected. Options are configured via the category menu bar options page:
> Privateer > General Display > Category Menu Bar

Configuring the Decorative Bars

The two decorative bars ( %bar1 and %bar2 ) are primarily intended for creating spaces between and/or above/below other bars within the header.
You can style them via the Horizontal Bar 1: Styling and Horizontal Bar 2: Styling options in the Header Setup menu:
> Privateer > General Display > Header Setup

Setting borders, background colors, and/or background images can give these bars some interesting looks.

Configuring the Custom Content Bars

The three custom content bars ( %cbar1 %cbar2 %cbar3 ) are available to place custom horizontal areas within the header. They can be configured within the Header Setup menu:
> Privateer > General Display > Header Setup

Each bar has both a content and styling option. For example, custom bar 1 has the following two options:
  • Custom Content Bar 1: Content
  • Custom Content Bar 1: Styling

The content option is where you place your content while the styling option is where you give any extra styles you want for the bars container.

If you want a completely custom header for your site, you can set the Configure Header Area option to "cbar1", enter your content into the content option for custom content bar 1, and save your changes.

Once you have all of your header bars finished, reload your home page and tweak until you have things as you want them.
« Last Edit: March 22, 2010, 04:37:55 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #6 on: March 22, 2010, 04:09:19 PM »

In the Privateer, the site footer ( which is placed below the sidebars and main content area ) can be configured via the Site Footer menu:
> Privateer > General Display > Site Footer

You can style the footer, set the color for links in the footer, specify the content ( and an optional credits area drawn below the content area ), and choose whether or not to show query performance information at the bottom.

The "Footer Style" option is where you can choose to have a different background color, change text sizes and styles, etc. for the entire footer.
« Last Edit: March 22, 2010, 04:38:42 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #7 on: March 22, 2010, 04:09:46 PM »

The Privateer has two sidebars, each of which can be styled and configured individually via the Sidebars menu:
> Privateer > HTML Entities > Sidebars

Each sidebar has the following options available:

Sidebar Side:
This notes which side to display the sidebar on.
If both sidebars are set to display on the same side, sidebar 1 will always be placed to the left of sidebar 2.

Sidebar Width:
Set the width of the sidebar in question in pixels

Sidebar: Display On:
Note which types of wordpress pages the sidebar in question should be shown on.

Sidebar: Don't Display on Pages:
If you want certain pages not to show a sidebar, enter the list of such pages here by ID, seperated by commas.
For example, 3,45,198
You can get page IDs via the wordpress page editor menu.

Sidebar: Don't display on Categories:
If you want certain category archives not to show a sidebar, enter the list of such categories here by ID, separated by commas.
You can get category IDs via the wordpress category editor menu.

Sidebar Style:
Use this option to style the sidebar. Keep in mind that this styles the sidebar itself, not the widgets placed within it.
If you want borders, paddings, margins, etc. for a sidebar this is where you would place them.

Sidebar Above Box Content
If you want extra content placed above a sidebar ( not at the top of it ), enter that content into this option.
Note that this uses a table...so if you place extra content above both sidebars you should try to keep them about the same height.

Sidebar Above Box Styling TD
This option is for styling the table data element that contains the extra content to be shown above the sidebar in question.

Sidebar Above Box Styling DIV
This option styles the DIV element that is used to hold the extra content.

The above three options also exist for a Below Box area which can be used to place extra content below either sidebar. At this time (v 1.4), it is a bit quirky as it uses tables to place the content.

Once you have the sidebars themselves setup, you can make any tweaks that you want to widgets placed within them via the Widgets menu:
> Privateer > HTML Entities > Widgets

Each widget is placed within a container and consists of a top element for the title as well as a bottom element for the widget content.

You can use the styling options on the widgets menu to style the following for each widget:
  • The Widget Container ( holds both the title and content areas )
  • The Widget Title Box ( the container holding a widgets title )
  • The Widget Title ( the actual text used for the title )
  • The Widget Content Box ( the container holding a widgets contents )
  • The Widget List Items and Links Inside ( margins, borders, hover colors, padding, weight, etc. )
  • The Widget List Items Override ( if you don't want the default widget look you can set styles for widget list items here )
  • Category Widget Display Type ( whether you want any category widget used to use a block or inline display )
  • Adjust Select Menu Font Size ( set the font size for any displayed select menu in case it is viewed in internet explorer )

When you have things setup, save your changes and reload your home page to see what the widgets and sidebars look like then tweak as needed.
« Last Edit: March 22, 2010, 04:40:42 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #8 on: March 22, 2010, 04:10:16 PM »

The final area, and perhaps the most interesting, is the main content area.

Within the Privateer, you can do the following to the main content area:
  • Style the main content area itself
  • Set default styles to be used by all templates ( home, single posts, etc. )
  • Set default styles for archive templates that override the normal default styles
  • Override default styles on a template by template basis
  • Setup custom displays that will be used to show templates in different ways

The Main Content Area is everything shown inside of your site other than the site header, sidebars, and footer.

You can override the default styles you set for your site via the "Center Column Style" option:
> Privateer > General Display > Look and Info Items > Center Column Style

This is a good place to set paddings, change the background for the main content area, place a border around your main content area, choose different font styles, etc.

You can also specify extra styles for sticky posts via the Post Container: Sticky option in the same menu.

If you use the "Read More" tag and want a custom look for it, use the options in the More Tag options menu:
> Privateer > General Display > More Tag

From there, you can make changes to the default look of the main content area on all templates by using the Default Page Menu:
> Privateer > Default Page

There, you will find three sub-menus:
  • Page Styling - for styling page level items
  • Nav Styling - for styling navigation menus
  • Post Styling - for styling post level items

Styles set via these menus will be applied to all templates on your site ( Home, Single Page, Search, etc. ) unless overridden elsewhere. These styles override the general site settings for your site as well.

The Page Styling sub menu:

When spoken of here, page means template. This is the body area of content shown on any page of your site whether it be your home page, search results, a category archive, an individually displayed post, etc.

Each page consists of the following areas which can be styled individually:
  • Wrapper ( the container for all of the content on the page )
  • Kicker Area ( an extra area that can be shown above all other content in the main content area )
  • Title Area ( a place to put titles on pages which can be set via each templates menu )
  • Byline Area ( a place to put bylines on pages which can be set via each templates menu )
  • Subtitle Area ( a place to put a subtitle for each template )
  • Summary Area ( a place to put a summary for each template )
  • Top Content Area ( a place to put extra content above any post or post list )
  • Post List Area ( where wordpress post, page, or postlist is shown )
  • Bottom Content Area ( a place to put extra content below any post or post list )
  • Footer Area ( a place to put a footer at the bottom of the main content area )

Each of these areas has its own Style, Link Style, and Link Hover Style entries ( except the post list area ), which are used to style the div that contains each one.

If you want a different color for your titles, you would use the title style, title link style, and title link hover styles to do so. The same for setting borders, backgrounds, background images, font changes, etc.

The Nav Styling sub menu:

Different types of pages have different types of navigation menus. On this panel you can setup styles for the various navigation menus used within the privater theme. See the on screen help for these and ask if you have questions.

The Post Styling sub menu:

Posts ( which consist of the wordpress posts and pages you write in wordpress ) have their own individual sections and are displayed within the Post List area on each template page.

Each post consists of the following areas which can be styled:
  • The Wrapper ( which contains each individual post...use page post list styling to style the container that goes around all posts on a page )
  • The Kicker ( content displayed above the post title for each post )
  • The Headline ( contains the post title )
  • The Byline ( content displayed between the post title and post body )
  • The Content Area ( contains the post contents )
  • The Post Footer ( content displayed at the bottom of a post, under the content area )

Like the page styling pieces, these tend to contain a style, link style, and link hover style option.

Use these styles to adjust how everything will look and then reload a particular page to see how it looks.

If you want your archive pages to look different ( category archives, tag archives, author archives, and date archives ), use the Archives styling override menu:
> Privateer > Archives

It has the same sections as the default menu and overrides styles set here for the category archives as a group.
« Last Edit: March 22, 2010, 04:45:01 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #9 on: March 22, 2010, 04:10:52 PM »

Once you have the general look of your page, post, and navigation areas finished, you can make changes to individual pages on your site with the privateer's template menus:
  • Home Page
  • Single Page
  • Single Post
  • Search Page
  • 404 Page
  • Category Archvives
  • Tag Archives
  • Date Archives
  • Author Archives

Styles set via the individual template panels will override those set via the Default Page and/or Archives menus.

In addition to styles, you can set custom content on each template panel via the following sub-menus:
  • Page Display - Extra page level content
  • Page Nav - Settings for the navigation menus
  • Post Display - Extra post level content

You can also set specific SEO related items via the S.E.O sub-menu if wanted.

The Page Display Panel

This is where you can specify content to display on a particular page.

WordPress Header:
This is for use in case you decide to copy header.php and create a different version of it. Once created it would show up and be selectable here.
See the wordpress docs for more information if this interests you.

Page Level Kicker:
Here you can enter custom kicker content for the page and/or specify whether to currently display it.

Page Title:
Here you can enter a custom title at the page level, using variables if wanted, select the tag you want the title displayed within, and choose whether or not to show the title on this page type. Empty titles will not be displayed.

Page Subtitle:
This does not have it's own section on the page. That being the case, to show a subtitle you need to enter a title, select the tag you want to display it within, and choose where on the page you want it shown.

Page Summary:
Like the subtitle, this is placed within some other page area as specified. Set the summary, the tag to show it in, and the page area to stuff it into if you want a summary displayed at the page level.

Page Byline:
Enter any byline, using variables if wanted, to have shown at the page level here. You can also show or hide it.

Extra HTML Above Post Listing Area:
Here you can enter extra content to be placed above the postlist area on the page and specify whether or not to show or hide it.

Show Posts?
If you don't want posts displayed on this page, uncheck the box next to this.

Extra HTML Below Post Listing Area
Here you can enter extra content to be placed below the postlist area on the page and specify whether or not to show or hide it.

Page Footer
Here you can enter extra info to show at the very bottom of the page, with variables if wanted.

WordPress Footer:
If you decide to create a custom copy of footer.php, it will show up and be selectable here. See the wordpress docs if this interests you.

Max Posts To Show:
Set the maximum number of posts you want displayed here.

Show Type:
You can choose to show excerpts, summaries, and/or full posts on the page. If you want full control over what is shown, use full posts and then place the more tag <!-- more --> within your posts where you want them to cut off at. Don't forget to setup your Read More links if you do this.

Show First X Posts as Full Posts:
If you use the more tag and are displaying full posts, this will force the first X posts on the page to be shown entirely and ignore the more tag in them.

The Post Display sub menu:

On the post display sub menu you can enter extra content for each individual post shown on a page. The following areas are available:

Post Level Kicker
You can set kickers for your posts here, using variables if wanted.

Post Title
show or hide post titles and specify the tag you want them to be displayed within

Post Subtitle
If using subtitles, you can set the tag to put them in and note where you want them displayed within each post.

Post Summary
In using summaries, you can set the tag to put them in and note where you want them displayed within each post. If placed in the same area as a subtitle, the summary will show up below the subtitle.

Post Byline
You can set bylines for your posts here, using variables if wanted.

Show Post Bodies?
Note whether or not you want the body of posts displayed on this template. Turning this off lets you display posts in a more list like format.

Show Thumbnails in Post Excerpts?
A toggle to note whether or not associated thumbnails should be shown with the content when a post is shown as an excerpt or summary

Show Thumbnails in Full Posts?
A toggle to note whether or not associated thumbnails should be shown with the content when a post is displayed completely.

Post Footer:
A place to set footers for each post, using variables if wanted.

At this point, your main content area, other than user comments and general html tags is setup.

You can, if wanted, enable custom displays and configure them to get very different looks. I'll post more on them later, but for now, take note of the following about them:
  • For the Home Page, Search Page, 404 Page, and Archive Pages they will replace the current look when activated. If you want random looks, activate more than a single custom display for these types of pages.
  • For Single Posts and Single Pages, activating them makes them available to be selected in the wordpress page and post editors. Once you select one in the editor you need to save your changes ( save draft, update, or publish ) to see the extra options associated with a custom display as I chose not to make use of ajax for them.
  • Custom displays typically consist of a configuration menu, a styling menu, and a data menu.
« Last Edit: March 22, 2010, 04:49:29 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #10 on: March 22, 2010, 04:11:25 PM »

To configure the way that comments look on your site, use the comments option menu:
> Privateer > General Display > Comments

If you have problems getting comments to look the way you want, please feel free to let me know. Each option has a short explanation next to it.

Be sure to set "Allow comments on Page pages, too?" to yes if you want comments to be avialable on wordpress page objects.
« Last Edit: March 22, 2010, 04:49:59 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #11 on: March 22, 2010, 04:11:47 PM »

If you want different looks for specific HTML entities, you can style quite a few of them in the HTML Entities panel:
> Privateer > HTML Entities.

Currently stylable elements include:
  • Ordered Lists
  • Paragraphs
  • Headings (H1 to H6)
  • Horizontal Rules
  • Code blocks
  • Pre blocks
  • Tables
  • Forms
  • Images
  • Blockquotes
  • Data Lists
  • Unordered Lists
« Last Edit: March 22, 2010, 04:50:58 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #12 on: March 22, 2010, 04:12:20 PM »

If you want to be able to use custom styles when creating page content, you can do so in one of two ways.

The first is to add them to the CSS Inserts option:
> Privateer > General Display > CSS and JS Inserts > CSS Inserts

This will store them in the database so that there is no problem when updating to a new version.

The second option is to add them to the file /privateer/core_css.php
If you do this, I recommend saving a backup of the file and placing your additional styles together so you can copy and paste them into any newer core_css.php files when upgrading.
« Last Edit: March 22, 2010, 04:51:31 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #13 on: March 22, 2010, 04:12:42 PM »

If you need to stick javascript into the html head tag, the html body tag, at the top of the body, or at the bottom of the body, you can use the relevant options within the CSS and JS Inserts option menu:
> Privateer > General Display > CSS and JS Inserts

Note that if you are using google analytics you might want to place your analytics code into the Google Analytics options instead...but they will work here just fine as well. See the Privateer > Global Settings > Google Analytics panel for full details.
« Last Edit: March 22, 2010, 04:52:02 PM by Tony Lee » Logged
Tony Lee
Administrator
Full Member
*****

Karma: +2/-0
Posts: 137


View Profile
« Reply #14 on: March 22, 2010, 04:52:25 PM »

Reserved for future use
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC Valid XHTML 1.0! Valid CSS!