Ohio4kids.org Documentation

Ohio4kids.org is build on what is called a CMS (Content Management System). This makes it easy to add new content and make small changes to the site, even without extensive knowledge of HTML or other coding languages. The particular CMS ohio4kids.org is built on is called WordPress. WordPress is very well supported and documented software, and a lot of assistance can be found on the web. While there will be a lot of overlap with general wordpress information, this documentation will be focusing mainly on adding content specific to O4K.

Adding new content:

Log-In to WordPress

The first step to making any change to the site will be logging into wordpress on ohio4kids.org. You can find the login page at http://coad4kids.org/wordpress/wp-login.php


<picture of wordpress login>
Username: o4k Password: childcare

Once you have logged in, you will see the wordpress dashboard. <picture of wordpress dashboard>

Decide if you are adding a page or a post

There are 4 basic groups of content that can be added to ohio4kids.org:

  • 4parents
  • 4providers
  • news
  • 4Fun

Different content is built from different areas in the dashboard. Each of these 4 content groups will be either a Page or a Post.
A Page is simply a single webpage on the site. Almost every webpage on the site will have a wordpress Page made for it. These are all found under the Page tab in the left hand side menu on the dashboard.4parents and 4providers content will be added as pages.

<example Page picture>
A Post is a piece of content similar to a page, but closely associated with a posting date. Posts can be inserted into various pages automatically by wordpress, and will also be giving their own unique page as well. Posts can be found under the Posts tab in the left hand menu.news items will be added as Posts. 4fun pages will be added as a special case of Post.

<example Post picture (newspost)>

Adding a Page (4parents, 4providers)

Click the Pages tab in the left hand menu. Choose “Add New”. A new page will be automatically created for you, and you will be taken to the Edit Page screen.

<picture of edit page with areas labeled>

Choose your parent page from the dropdown list in “Page Attributes” on the right hand side. For a 4parents page, choose 4parents. For a 4providers page, chose 4provides.

<picture of dropdown list>

Give your page a title in the Title field. This title is what will show up in the “breadcrumbs” links as well as the title in the users browser when they visit the page, so pick it carefully.

<picture of title box>

Adding a Post (4parents, 4providers)

Click the Posts tab in the left hand menu. Choose “Add New”. A new post will be automatically created for you, and you will be taken to the Edit Post screen.

<picture of edit post with areas labeled>

Give your post a title in the Title field. This title is what will show up in the “breadcrumbs” links as well as the title in the users browser when they visit the page, so pick it carefully.

<picture of title box>

Choose your Category in the category box on the right hand side. Click all that apply.

<picture of category box.>

Add your content:
Text can be entered directly into the visual editor window. The toolbar will have basic formatting options, such as bold, lists, and color choices.

<visual editor and toolbar>

Title:
If a title should be displayed on the page, you will need to tag it as a Header. To do this, type in the desired title (Doesn’t need to be exactly the same as the page title chosen earlier). Then with the text highlighted, choose “Header 2” from the dropdown list in the toolbar.

<picture of toolbar with text tags highlighted>

Links:
If a link to another page is needed, highlight the text that will be the link, then click the link button.

<picture of toolbar, link button highlighted>

The link window will open. The desired URL can be directly typed into the URL field (don’t forget the “http://”). Then chose title for this link. If this link should open in a new window instead of leaving the current page, click the “Open link in a new window” button.

If the link is to another page on the ohio4kids site, it can be chosen from the “link to existing content” list. This will automatically fill in the URL and Title fields. If something is incorrectly linked, highlight the link and click the unlink button. This will remove the link.

<unlink button>

Pictures
To add a picture to your page, first click in the visual editor on the line you want your picture to appear. When the cursor is in place, click the Upload picture button, located above the toolbar.

<upload picture button>

Upload photo
Click the “Select Files” button to choose the picture to upload. Once chosen, the picture will be uploaded and automatically added to the sites Media Library. You will need to add some information about your photo

<picture of photo info window>

Title: The title of the picture
Alternate Text: a description of the picture. This will show if the picture is unable to load properly, or for screen readers.
Caption: This will add a caption underneath the photo on the page.
Description: This will be the description in the media library. Not visible to end users Link URL: Clicking the photo will take the user to this URL. Leave blank if no link is desired.
Alignment: How the picture should align itself with the other content on the page.
Size: How big should the photo appear on the page.

Once you are done, click “Insert into Post” to add the picture to your post.

Publish your page/post

Page
Once your page is finished, click the blue “publish” button on the right hand side (“Update” if editing a page). This will create the page and put it in the overall page list, but will not place it anywhere visible on the site. In order for it to be accessible, you will need to add a link to it by editing it’s parent page. <link to the editing parent section>

Post
Once your post is finished, click the blue “publish” button on the right hand side (“Update” if editing a post). This will create the post, and automatically add it to the category lists your choose.

Once published, a “view page” button will appear under the title field. Click it to inspect your new page or post to make sure everything looks correct.