Test Blog Alpha http://localhost/test/wordpress Just another WordPress weblog Wed, 02 Apr 2008 15:44:00 +0000 http://wordpress.org/?v=2.5 en 1.0 http://localhost/test/wordpress http://localhost/test/wordpress category-1 category-2 sub-cat-1Category 2 sub-cat-2Category 2 category-3 sub-cat-3Category 3 uncategorized amet dolor elit ipsum lorem quam sit Hello world! http://localhost/test/wordpress/?p=1 Wed, 02 Apr 2008 13:23:50 +0000 http://localhost/test/wordpress/?p=1 1 2008-04-02 08:23:50 2008-04-02 13:23:50 open open hello-world publish 0 0 post 1 http://wordpress.org/ 2008-04-02 08:23:50 2008-04-02 13:23:50 To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.]]> 1 0 0 About http://localhost/test/wordpress/?page_id=2 Wed, 02 Apr 2008 13:23:50 +0000 http://localhost/test/wordpress/?page_id=2 2 2008-04-02 08:23:50 2008-04-02 13:23:50 open open about publish 0 0 page Lorem ipsum http://localhost/test/wordpress/?p=4 Wed, 02 Apr 2008 13:36:25 +0000 http://localhost/test/wordpress/?p=4 4 2008-04-02 08:36:25 2008-04-02 13:36:25 open open lorem-ipsum publish 0 0 post _edit_lock 1207150721 _edit_last 1 2 none@example.com http:// 127.0.0.1 2008-04-02 08:56:27 2008-04-02 13:56:27 1 0 1 A Long Ordered List http://localhost/test/wordpress/?p=10 Wed, 02 Apr 2008 13:41:08 +0000 http://localhost/test/wordpress/?p=10 Be A Kid Again
  1. Do a cartwheel.
  2. Sing into your hairbrush.
  3. Walk barefoot in wet grass.
  4. Play a song you like really loud, over and over.
  5. Dot all your “i”’s with smiley faces.
  6. Read the funnies. Throw the rest of the paper away.
  7. Dunk your cookies.
  8. Play a game where you make up the rules as you go along.
  9. Step carefully over sidewalk cracks.
  10. Change into some play clothes.
  11. Try to get someone to trade you a better sandwich.
  12. Eat ice cream for breakfast.
  13. Kiss a frog, just in case.
  14. Blow the wrapper off a straw.
  15. Have someone read you a story.
  16. Find some pretty stones and save them.
  17. Wear your favorite shirt with you favorite pants even if they don’t match.
  18. Take a running jump over a big puddle.
  19. Get someone to buy you something you really don’t need.
  20. Hide your vegetables under your napkin.
  21. Stay up past your bedtime.
  22. Eat dessert first.
  23. Fuss a little, then take a nap.
  24. Wear red gym shoes.
  25. Put way too much sugar on your cereal.
  26. Make cool screeching noises every time you turn a corner.
  27. Giggle a lot for no reason.
  28. Give yourself a gold star for everything you do today.
]]> 10 2008-04-02 08:41:08 2008-04-02 13:41:08 open open a-long-ordered-list publish 0 0 post _edit_lock 1207150920 _edit_last 1 An example of child categories http://localhost/test/wordpress/?p=11 Wed, 02 Apr 2008 13:42:00 +0000 http://localhost/test/wordpress/?p=11 11 2008-04-02 08:42:00 2008-04-02 13:42:00 open open an-example-of-child-categories publish 0 0 post _edit_lock 1207151040 _edit_last 1 Blockquotes Galore http://localhost/test/wordpress/?p=5 Wed, 02 Apr 2008 13:50:03 +0000 http://localhost/test/wordpress/?p=5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. and a suggestion by Steve Cooley for a blockquote within a blockquote:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra.
This is a blockquote within a blockquote
Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
]]> 5 2008-04-02 08:50:03 2008-04-02 13:50:03 open open blockquotes-galore publish 0 0 post _edit_lock 1207150767 _edit_last 1 7 none@example.com http:// 127.0.0.1 2008-04-02 10:23:46 2008-04-02 15:23:46 1 0 2 Lorem http://localhost/test/wordpress/?page_id=6 Wed, 02 Apr 2008 13:51:25 +0000 http://localhost/test/wordpress/?page_id=6 6 2008-04-02 08:51:25 2008-04-02 13:51:25 open open lorem publish 0 0 page _edit_lock 1207150827 _edit_last 1 _wp_page_template default Unordered List Example http://localhost/test/wordpress/?p=7 Wed, 02 Apr 2008 13:58:06 +0000 http://localhost/test/wordpress/?p=7
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Duis non nisl nec tellus viverra blandit.
  • Morbi euismod egestas nisl.
  • Nam sodales purus vel nibh pretium tincidunt.
  • Sed feugiat odio sit amet ante.
  • Morbi tempus tempor metus.
    • Integer vitae ipsum vitae risus iaculis mattis.
    • Praesent sagittis augue in augue sollicitudin luctus.
    • In varius fermentum risus.
    • Sed vehicula orci sit amet enim.
    • Vestibulum quis velit vel justo posuere ultrices.
    • Nullam eu libero non leo scelerisque feugiat.
    • Integer suscipit erat et dui.
    • Vivamus accumsan dui at elit.
    • Quisque in mauris sit amet orci imperdiet commodo.
    ]]>     7 2008-04-02 08:58:06 2008-04-02 13:58:06 open open unordered-list-example publish 0 0 post _edit_lock 1207144686 _edit_last 1     Sub-Lorem http://localhost/test/wordpress/?page_id=8 Wed, 02 Apr 2008 14:03:07 +0000 http://localhost/test/wordpress/?page_id=8
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Ut vel lacus a ante aliquet ultrices.
  • Curabitur placerat libero a eros.
    • Nam hendrerit viverra lorem. Mauris eget lorem. Vestibulum tempor mauris at metus. Sed sed ipsum. Curabitur varius, purus at ullamcorper vehicula, purus nisi rutrum turpis, quis condimentum lacus enim quis elit. Fusce tempor lacus ut nunc. Mauris massa. Proin pharetra. Nunc gravida. Integer in diam sed urna commodo laoreet. Nam sodales. Vivamus quis velit a urna tristique volutpat. Sed venenatis. Fusce diam dui, fringilla et, vulputate vel, lobortis vitae, risus.]]>     8 2008-04-02 09:03:07 2008-04-02 14:03:07 open open sub-lorem publish 6 0 page _edit_lock 1207144987 _edit_last 1 _wp_page_template default     An image in a post http://localhost/test/wordpress/?p=9 Wed, 02 Apr 2008 15:19:38 +0000 http://localhost/test/wordpress/?p=9 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.]]> 9 2008-04-02 10:19:38 2008-04-02 15:19:38 open open an-image-in-a-post publish 0 0 post _edit_lock 1207149578 _edit_last 1 3 none@example.com http:// 127.0.0.1 2008-04-02 10:21:19 2008-04-02 15:21:19 1 0 2 4 none@example.com http:// 127.0.0.1 2008-04-02 10:22:36 2008-04-02 15:22:36 1 0 1 5 none@example.com http:// 127.0.0.1 2008-04-02 10:23:03 2008-04-02 15:23:03 1 0 2 6 none@example.com http:// 127.0.0.1 2008-04-02 10:23:25 2008-04-02 15:23:25 1 0 2 Formatting Examples http://localhost/test/wordpress/?p=3 Wed, 02 Apr 2008 15:25:08 +0000 http://localhost/test/wordpress/?p=3 This is the H2 Heading While WordPress assigns the H1 and H2 headings to specific places, such as the header and post title, not always are they in the same places. For your Theme, the H2 might be the post title, or it might be used in the sidebar for the section titles, and the H3 is used for the post title. You need to know what each looks like and identify it on your Theme and layout. Look at how the heading is styled, but also look at the space around it. It might have a huge amount of margin or padding above or below, background colors, and other effects. If you want them for that heading, fine, but if not, change them.

    This is the H3 Heading

    Again, is this the same heading as is in your post title or is this the section headings found within your sidebar? Or is it different? If so, you can use this, or the one below, the H4, for section headings within your post to divide up topics.

    This is the H4 Heading

    In this section under the H4 heading, we’re going to look at what the post content, the meat and potatoes of your site looks like. In general, you will have multiple paragraphs, so we will add another paragraph so you can adjust the spacing in between them to the look you want. Paragraphs are not just for typing your blog babble, they can also hold frame and hold other information within your content area to help make the point you want to make in your writing. For instance, you will commonly have three types of lists.
    • General Lists using the <ul> tag
    • Ordered Lists using the <ol> tag
    • Definition Lists using the <dl> tag
      • Definition Lists use two other tags to generate the list:
        • <dt> sets up the word or phrase to be “defined”, usually set in bold, and
        • <dd> sets up the definition, which is usually in a normal or slightly smaller font and indented under the definition.
    • And that’s the end of the lists
    And we’ve just tested a paragraph before and after a general list along with a nested list to help you see what at least three levels of the list will look like. Make sure that each level of the list is styled to match your specific needs. You might want to use the default disc or circle, or you might want to add graphic bullets to your list, too.
    This is the H5 Heading
    While the H5 heading is not always used, maybe you might find a need for it if your H1 and H2 and H3 headings are used. You might need one to two levels of subheadings in your post content, so this one gives you another option. We also need to look at the other two lists and then add some images and other styles to flesh out your WordPress Theme sandbox.
    1. You need to do this first.
    2. You need to do this second.
      • You could do this in between.
      • Or give this a try, too.
    3. But this is the third and last thing to do.
    This should give you an idea of how a nested number list would look on your site. Now, let’s look at a definition list.
    WordPress Themes
    A WordPress Theme is not a “skin”. Though many young people call it one. The reality is that a WordPress Theme contains many files that come together in various ways to generate a WordPress web page. A “skin” simply changes the look, and rarely the results.
    WordPress Plugins
    WordPress Plugins add flexibility, features, and capabilities to your WordPress site. There are hundreds to choose from. Some add power and control like monitoring and busting comment spam and enhancing your administration features. Others add fun things like random elements and polling and rating systems.
    And here is another paragraph to show the relationship between the various parts and pieces.

    This is the H3 Heading

    Daisy, photograph Copyright Brent VanFossenIf the H3 heading is your in-post section heading, then you need to see how it works within the post itself. If it isn’t, simply change the H3 to whatever heading number you are using. Daisy, photograph Copyright Brent VanFossenWe need to look at how images, another major feature of most WordPress sites, are used within the site. Images tend to sit on the left, right, or middle of your post, depending upon how you are using them. For an image sitting on the left or right, you need to add appropriate padding around the image on the text side to push the text away from the image so the text won’t push up against the edges of the image.

    Daisy, photograph Copyright Brent VanFossen

    A centered image is a little different. It is centered in the middle and the text is pushed above and below it. NOTE: Currently, the Theme used here doesn’t feature “right” or “left” or “centered” styles. It uses the CSS deprecated “align”. Please change the code here from align to class so your site will validate and you will have much more control over image placement. How to add the CSS styles for images is discussed in the Codex article, Using Images.

    Testing Font Looks - H3 Heading

    You will need to test the looks of the different font styles, too. This is bold and THIS IS BOLD. This is italic and THIS IS ITALIC. This is bold and italic and THIS IS BOLD AND ITALIC. This is code and THIS IS CODE. And now let’s look at what the PRE tag, also known as the preformatted tag, looks like: 
    This is the pre tag.
It should be formatted as written
so if you add spaces to the front of the line
it will show the spaces and the <code> as written
    This should be back to the normal paragraph style and we hope you have been paying attention to the margins and padding around each element, including the paragraph, so you can position things appropriately to the rest of the content.

    Your CSS Here - H3 Heading

    Let’s look at the blockquote, one of the most common tags used in most blogs. It is designed to “frame” a quote from another blog, website, or reference that you are “quoting” from. For the most part, there are three examples of usage:
    This is a simple quote. It is either preceded or followed by a link within the text to the credited source. A blockquote must be designed to stand out from the rest of the text content, but it does not have to “really” stand out, just separate itself from the content so we know it’s not your words.
    A second style to the blockquote is one that includes a citation. Under HTML guidelines, this citation should be wrapped in the <cite> tag and then that tag can be styled to be in italics, bold, or whatever look you want in your design. Take care with the style of the <cite> tag as some WordPress Themes use it in the comments area. I recommend you style it specifically withblockquote cite {style declarations} in your stylesheet.
    This is an example of a blockquote which also contains a link to Designing a WordPress Theme - Building a SandBox to help you see what links will look link within a blockquote. Lorelle on WordPress, your guide to all things WordPress and blogging
    The citation includes a link and text to help you see what a link and text will look like within the cite tag. There are many tags that can be found within a blockquote, just as can be found within any container within your web page design, but a last example includes an unordered list. Many bloggers love to quote examples from lists, so this is a good tag series to test.
    Within this web design sandbox test page, we’ve tested:
    • Headings
    • Text styles like bold and italic
    • Ordered (numbered) and unordered (bullets) lists
    • Links
    • Code and PRE tags
    • Blockquotes
    • And much more…
    Which should show you what a list looks like within a blockquote.
    Each website is unique with it’s own look and feel for the various parts and pieces. This cut and paste section looks only at what you might have within your content section. So if you will have boxes for lists or little aside information, you will need to add them so you can see how they will look in the overall page layout. Some elements in a WordPress Theme are controlled by the style sheet, while others are controlled by the Template files. Try to work on as much as you can from the style sheet first, then you can mess with the template files. Remember, any changes you make to the style sheet and template files will be not available if you change themes. If you want them carried over, you will need to copy and paste them into the new Theme folder. As a last element in the content area and throughout your site, check the hypertext links. These are the links to external websites and/or internal pages within your site. They come in three flavors: active, visited, and hover. Make sure you work on the styles for each of these.]]>     3 2008-04-02 10:25:08 2008-04-02 15:25:08 open open formatting-examples publish 0 0 post _edit_lock 1207144511 _edit_last 1