Create and Edit Walkthrough [...]

Work through this process step by step in your groups or with partners.

Make a Page about yourself

Go to ____

Log in using test account.

Here is the login button. Click it, then use these credentials:

User: Guest
Password: fch2016

The page will reload. If you are logged in the “Log In” link should change to a “Log Out” link, and a box with a Title field and a Content field should appear.

Put your full name in the title field.

In the content field, you are going to write a bit about yourself. This wiki uses a syntax called “Markdown” which is widely used on the web. If you ever want to remind yourself of how to do format something in the box, just Google “Markdown Help” or something similar.

Bolding, Italics, links and line breaks

Here we are going to write a short bit about ourselves. We use the syntax of two asterisks on each side of something to bold a word or phrase. Type the following exactly into the content area, then edit it to match your own taste (remove space around the word “link” though),

**A Song I Like:** "Where No Cars Go", by Arcade Fire
**A Guilty Pleasure Film:** _Zoolander_
**A Website I Read:** Kevin Drum's blog [ link ](http://www.motherjones.com/kevin-drum)

You can probably figure out how to modify this text to say and link to the things you want it to say and link to. If you can’t, Google “Markdown Cheatsheet” and grab a sheet to help you out (the one from assemble.io is good, but any will do).

Saving and Viewing

Now we will test your knowledge. Click the “Create” button and it should create a page. You’ll see the page pop up in card format. Click the title of the page to view.

You should see three lines of text, with bolded text on the left and unbolded answers on the right. Your film title should be italicized. Next to the name of the blog you like there should be a linked word say “link”. Clicking it should bring you to that page.

It hopefully looks like this:

A Song I Like: “Where No Cars Go”, by Arcade Fire
A Guilty Pleasure Film: Zoolander
A Website I Read: Kevin Drum’s blog (Link)

Getting Back to Card View, Searching and Editing Old Posts

To get back to the “card view” of your stack, look on the left side menu on your page and click “Return to Card Stack”.

Look through the cards in your stack for the one you just edited. There’s going to be a lot of them if you did this in a class, because everyone just did them. (If you’re doing this on your own, you’ll probably see your card as the most recent).

To find your card, go into the search box and type the name of the Guilty Pleasure Film you just entered. Hit return.

To edit the content of the card, click on the text of the card and it will open up the editor.

Changing the names of pages in wiki is bad, and should be done with caution, so you can’t edit the title. If you really need to edit the title, you will need to make a new page with the new title.

Add paragraphs, add a video

Hit “enter” a couple times to get a new paragraph. Then type:

Here's a song you might like.

Hit “enter” twice. Then open another tab and search YouTube for a video of your “Song I Like”. (If it is a lewd or offensive song or video, maybe reconsider the choice). When you find the video, copy the URL from the location bar of your browser, then paste it into your document on it’s own line, like so:

https://www.youtube.com/watch?v=P77GfpzqDvQ

Now let’s check this again. Click the “Update” button. Find your card by searching for it. Click the title.

You should see a YouTube video embedded in your document.

Incidentally, if you are doing this in a class with others, it might be a little crazy finding your stuff, because everybody is posting at the exact same time. The site might also be slow or unresponsive if everyone happens to post at the exact same time or browse at the exact same time. This won’t usually be the case.

Also, if at any time the smallness of the textbox feels confining, you can copy the text, paste it into a text editor, work with it there, then paste it back in when done.

Add an Image

There’s an easy and a hard way to add images. The hard way involves going into the WordPress Dashboard, which is clunky and a bit overwhelming to newbies. So try this easy way first.

We’re going to edit your bio again and add a picture of an antique French game about empire. Adding images is very similar to adding links, but we use an exclamation mark to show we want an image.

![Vichy Board Game](http://cscl.wikity.cc/files/2016/03/game-of-empire.jpg "Image Copyright Nicolas Danforth, used under fair use. See Works Cited")

It should look like this when you are done:

Vichy Board Game

If you want to check, hit update, and click the title to view, like you did last time.

A note on images: When you reference an image, the software goes out and grabs a copy of the image and uploads it to our server. This works well in most cases, but in some cases it fails. The reasons?

  • Some images are too big to upload (over 1MB)
  • Some servers, when we try to grab a copy of the image, won’t let us do that, or take too long to respond
  • Sometimes you might be putting in the URL of the page the image is on, and not the URL of the image.
  • Sometimes you’ve got the image syntax wrong. (For this to work you must use the full syntax as shown).

In these cases the program fails silently, and you end up with a little “x” where your image should be. It doesn’t happen often, and usually you can solve it by finding another copy of the image somewhere on the web. If that doesn’t work, there are other options as well, and we’ll cross that bridge when we come to it.

Add a Related Resources section

OK, so let’s add a related resources section to link to Nicolas Danforth’s blog and give him credit for the image.

Headings are made by putting hashmarks in front of things a the beginning of a line.

# First Level Heading (Huge!)
## Second Level Heading (Still Big!)
### Third Level Heading (Large-ish)
#### Fourth Level Heading (Medium)
##### Fifth Level Heading (Medium)

These look like this:

First Level Heading (Huge!)

Second Level Heading (Still Big!)

Third Level Heading (Large-ish)

Fourth Level Heading (Medium)

Fifth Level Heading (Medium, all caps)

Your page title is displayed as a first level heading, so generally you want to start your page headings as either second or third level. In general you want to use headings sparingly in wiki, and break long treatments into separate wiki pages.

Here, we’ll add a related resources heading at the bottom of our page with a link to the resource.

## Related Resources and Credits

The game board photograph is copyright Nicolas Danforth and used under fair use. You can see Nick's blog and the original here. [ link ](http://www.midafternoonmap.com/2015/01/french-colonialism-game.html)

Which comes out like this:

Related Resources and Credits

The game board photograph is copyright Nicolas Danforth and used under fair use. You can see Nick’s blog and the original here. (Link)

Wiki Links

We’ll not go through every bit of Markdown here — if you want to do blockquotes or bullet points or tables or anything else, you can look it up on the Web.

Internal wiki links (links to another page on our wiki site) are a bit different in that they use non-Markdown syntax, and instead use the standard wiki link syntax one finds places like Wikipedia.

The way you make a wiki link is to put double brackets around the title of the wiki link. So, for example, a wiki link that looked like this

Wiki Link demo

Would look like this on the page

and clic

Wikity users can copy this article to their own site for editing, annotation, or safekeeping. If you like this article, please help us out by copying and hosting it.

Destination site (your site)
Posted on