We have a couple of goals for today's exercises. The first one is for you to set up a new wikidot site that you will use for your project. The second one is for you to become familiar with the wikidot site, wikidot tools, and editing wikidot pages.
For each one of the following steps, there is a video available on this page.
- Create your own site
- Update your profile
- Invite me (samoore) to be a member of your site
- Create a page called “test page” and use it to practice entering and editing text. Be sure to know how to do the following: simple paragraphs, text formatting (bold, italics), headings, lists, block quotes, links (of all types), inserting an image, tables, and user names.
- After you have entered a bunch of text, then see what the page would look like when printed
- Find the wikidot syntax documentation and look through it to see what else wikidot can do
- Modify the top menu
- After you have done the above, complete the following steps.
Most of the above (except for, maybe, the ability to modify the top menu) is available on almost every wiki engine out there. However, the following “template” capabilities are only rarely available. It's slightly tricky, but the benefits are substantial — and once you figure out the steps, then it's quite easy to do. Do the following; after you have completed the steps it will be easier to figure out what you've done (and I'll provide an explanation below).
Add the blog template
Create a file called “blog:_template” (exactly like that, with the colon and the underscore). Copy the following code into the document.
By %%author%% (%%date|%a, %b %e at %I:%M%p%%) %%content%% ---- putBlogContentHere
Very important: After copying the above code into the document, change the four dashes to four = signs. (If I changed them to equal signs in this document that you're reading right now, then it messes up the formatting of this page that you're reading. Sorry.)
Save the page. It will display but won't look like a normal page because of all of those percent signs. That's okay. We'll see what this page does in a minute.
More information about templates can be found on this page.
Add the bloglist page
Create a page called “bloglist”. Note there is nothing magical about this document name; I could have used anything.
Copy the following code into the document.
This page contains all my blogs from the whole semester. It is sorted in reverse order of the date that the blog entry was created. [[module ListPages category="blog" separate="false" order="dateDesc"]] ---- ++ %%linked_title%% +++++ by %%author%% (%%date|%a, %m/%d/%y%%; last edited on %%date_edited|%a, %m/%d/%y%%) %%body%% [[/module]]
Again, change the four dashes to four equal characters after you've copied it into your document.
More information on the ListPages module can be found on this page.
Create a test blog page
Create a page called “blog:My first test blog” (just like that, with the colon and the spaces between the words). Add some content to the page: “This is my first blog entry. I hope it works.” (Or something similarly simple.) Notice that your name doesn't appear on the page at this point.
Save this page.
View the bloglist page
Navigate to the “bloglist” page. See what it shows you? It should have your blog entry, complete with title and byline. As you write more blog entries, they will continue to appear on this page as long as you continue to name your blog page “blog:xxx”, where xxx is the title of your blog entry.
This is a very cool feature of wikidot.
Now click on the title of your blog entry (within the bloglist page). This will take you to a separate page containing just the entry of this particular blog. Notice that this page is also complete with your name and editing information — even though you didn't type them into the original document. The blog template that you created took care of that nifty bit of magic.
One last thing
You are now going to write a short blog on the course Web site. I have already created the blog template there, so you don't have to do that. You just need to put your cursor up in the address bar, change the page to "blog:Introducing xxxx" (where xxxx is your name). Your blog entry should contain this information:
- Where you are from
- When you're supposed to graduate
- What type of job you hope to get (or already have lined up)
- What you hope to get out of this class (or why you took this class)
- One interesting fact about you that most of your classmates would not know
Complete this blog before Sunday evening at 10pm.