Style Test Page

Style stuff is below, this is a short guide to the structure of this Custom WordPress Theme.

Below are the key page & post templates that are used in this theme:

  • page.php – Default page used for all user editable pages (there are a number of WordPress generate pages described below). No metadata displayed beyond the title, will display comments if open.
  • single.php – Default post template used for all individual posts. All individual Posts will display comments if open plus metadata including title, date, and linked author.
  • index.php – home page template, displays posts NOT categorized as #11 (News) in 2 columns, beginning with the most recent, including excerpts & thumbnails. Titles link to single post.
  • search.php – search results page template, displays all posts and pages that match the search criteria in 2 columns, beginning with the most recent, including excerpts & thumbnails. Titles link to single post or individual page. If the custom field “nosearch” is found on a post or page, it will not appear in the results.
  • archive.php – archive page template, displays posts in 2 columns, beginning with the most recent, including excerpts & thumnails. Used for author, category, tag, and monthly archives (tag and monthly not presently in use). Titles link to single post.
  • news.php – News template, displays posts categorized as #11 (News) in a 1 column view, titles link to single post, date displayed, linked author, and will display a comment link with # of comments.
  • bigarchive.php – Entire Archive template, displays posts NOT categorized as #11 (News) in a single column, one link per line. Linked text and the order both use custom field ‘aaaindex_title’. Note that if that custom_field is NOT set, the posts will not appear.

Style Examples

This paragraph is left justified and contains a simple link to Jenson Consulting, a page off-site that opens in a new window. All links that take a user away from this site, or those that go to documents or any content that is not a page or post on this site, should be set to open in a new window. This paragraph also contains this link to the Home page within this site, note that it does not open in a new window. Links made out of text should have relevant keywords as the link rather than generic things like “click here” or “this website.” Search engines will respect that.

This paragraph has a blockquote in it, something easily styled in the visual editor. It also has bold text, italic text, underlined text, and strikethrough text, as styled by the visual editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 1

This paragraph is right justified. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Here is an unordered list, as created in the visual editor:

  • fox
  • wolf
  • hound Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • werewolf
  • zebra

Heading 2

Aren't these flowers pretty?

Aren't these flowers pretty?

With a photo to the right the photo was placed after the heading and right before the paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Aren't these flowers smaller?

Aren't these flowers smaller?

Heading 3

With a smaller photo to the left, this photo was placed just prior to the heading. Note the difference. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is an ordered list as created by the visual editor:

  1. rocky road
  2. butter pecan
  3. black walnut Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  4. vanilla
  5. chunky monkey

Heading 4

This paragraph is full justified. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

How about a centered picture?

Some centered flowers.

Some centered flowers.

Heading 5

And this paragraph is centered. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 6

George in a Cenote in Mexico

Here’s a small picture with no caption. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Legend

This is a fieldset and this is fieldset body text. You have to get into the HTML to create it, but it might come in handy. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a paragraph with class=title, again HTML.

This is a paragraph with class=excerpt, also done in HTML.

If you regularly use a particular look or style, and we can’t or shouldn’t handle it using Heading 1-6, we can and should set it up with a CSS Class that you can use. The table below, class=stdtable, has to be created in HTML as well, but once it is you can edit it in visual mode.

Table
Mary Alt, Ph.D.
Assistant Professor
Room 318
520-626-6180
malt
Julie Barkmeier-Kraemer, Ph.D.
Associate Professor
Room 338
520-621-5699
jbark