WordPress Wiki Theme » Writing Content http://wpwikitheme.com Just another WordPress weblog Sun, 14 Mar 2010 16:02:46 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 How to Write a FAQ http://wpwikitheme.com/demystifying-the-wiki/writing-content/how-to-write-a-faq/ http://wpwikitheme.com/demystifying-the-wiki/writing-content/how-to-write-a-faq/#comments Wed, 03 Dec 2008 11:37:31 +0000 Derek Herman http://wpwikitheme.com/?p=17 faq

So easy a caveman could do it!

Seriously, this is easy! All you need to do is give it a title (the question) and fill in the textarea (the answer). Then you can choose if you want it to stick to the front page. As well, you will select the category the FAQ will be associated with and since the theme really only shows subcategories by default you should choose the subcategory you want it to be associated with, unless you don’t mind it not being visible except only on the FAQs page (if you decide to have one). Once you do all that the FAQ will show at the bottom of the category page you associated it with or it will be on the home page, as well. That’s up to you.

Lastly you need to choose the priority level of the FAQ which will rank it and the higher the rank the higher up the list the FAQ is on the page. As well, if two FAQs have the same priority and category the oldest one will be higher on the list, just so you know.

It’s that simple, pretty much like a post.
]]> http://wpwikitheme.com/demystifying-the-wiki/writing-content/how-to-write-a-faq/feed/ 4 How to Style an Article http://wpwikitheme.com/demystifying-the-wiki/writing-content/how-to-write-an-article/ http://wpwikitheme.com/demystifying-the-wiki/writing-content/how-to-write-an-article/#comments Wed, 03 Dec 2008 11:34:41 +0000 Derek Herman http://wpwikitheme.com/?p=14 When writing an article with the WordPress Wiki Theme you have a few options for styling your posts. Below I will demonstrate the various styles and code used to achieve the desired effect. The first style is the sections div

To archive the sections style you would add the following code.
<div id="sections">
  <ul>
    <li><a href="#type">Typography</a></li>
    <li><a href="#shout">Shout Out’s</a></li>
    <li><a href="#other">Other Stuff</a></li>
  </ul>
</div>

Typography

This section is a very important part of the theme. There was a lot of thought that went into the typography, and that’s why this theme looks so freaking awesome. Go me, LOL. Anyhow, here are the different typography elements.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

This paragraph shows how all text encapsulated only within <p></p> tags will appear. Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

More text examples are as follows:

This is emphasised text
This is strong text

This is an acronym
This is deleted text
This is a link

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

Unordered list

  • List item example
  • List item example
    • Sub list item example
    • Sub list item example
  • List item example

Ordered list

  1. List item example
  2. List item example
    1. Sub list item example
    2. Sub list item example
  3. List item example

Definition list

Definition title
Definition description
Definition title
Definition description

Shout Out’s

There are a few shout out styles I want to demonstrate for you here:

Success

<div class="success">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 consequat.</div>

Error

<div class="error">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 consequat.</div>

Help or Question

<div class="help">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 consequat.</div>

A Tip

<div class="tip">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 consequat.</div>

A Code Block

<pre class="code">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 consequat.</pre>

Other Stuff

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

Wiki Theme
A Screen Capture of the WordPress Wiki Theme (alignleft)

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

Wiki Theme
A Screen Capture of the WordPress Wiki Theme (alignright)

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

Right Click View Source

Feel free to look at the source of this website to see exactly how things are done if you don’t understand completely

]]> http://wpwikitheme.com/demystifying-the-wiki/writing-content/how-to-write-an-article/feed/ 14