• Ê
  • Â

5 Basics

B What shows up in the “resources” tab?

The resources tab on the home page will display any post categorized as any of the following:
‘Link’, Links’, ‘Bibliography’, ‘Reference’, ‘Readings’, ‘Reading’, ‘Films’, ‘Photographs’, ‘Slideshow’, ‘Movies’, ‘Video’, ‘Videos’

b Add comment    

Leave a Reply

Your email address will not be published. Required fields are marked *

B Photo tour of a typical website

b Add comment    

Leave a Reply

Your email address will not be published. Required fields are marked *

B Working with images

Image galleries

If you or your students are adding multiple images per post, you should download the Contact Sheet plug-in (or similar image management plugin). There are a host of stylesheets that you can drop in to adjust the placement and shape of thumbnails. Contact Sheet with the default Charrette styling appears below. You can control the size of the thumbnails, medium sized image and large image (lightbox size) in the Settings>Media area. If you’ve already uploaded images, you can use the “Regenerate Thumbnails” tool to make more thumbnails.

Single images

If you are dropping in single images, insert images from the Add Media button or insert using HTML code.

Untitled-1

Make an image the maximum width by using the classname “fullwidth” in an image tag.

b Add comment    

Leave a Reply

Your email address will not be published. Required fields are marked *

Avatars are used along with nicknames to identify users of the site. Students need to only set up a Gravatar once and it follows them around whenever they register with the same email address. Students may add multiple email addresses and avatars.

Avatars are cropped into a circle on the site, but should be uploaded as a rectangle.

Go to http://gravatar.com/ to sign up.

4 Basics   b 1

One response to “Use gravatar.com to add avatars to site”

  1. John says:

    I’d suggest having students add the gravatars on the first day of class. If keeping a student’s identity private is important, avatars may be abstract or of a favorite object, and the nickname something that won’t appear in a Google search or be identified immediately with the student.

B Log attendance with the Absences custom post type
August 29, 2013

Excerpt here

Add an absence by authoring a post in the "Absence" tab

Admin users (the instructor and TA) may add posts to the Custom Post Type called Absences. Adding a post with the author name of the student, the date he/she was absent, titling it with the reason, and categorizing as late or excused (if appropriate), will generate a record for the absence.

You may view the absence on the student’s author page when logged in.

b Add comment    

Comments are closed.

B Useful html tags and styles for text
August 29, 2013

Excerpt field

This is an h3

This is an h4

This is an h5
This is an h6

Class name of “spot” uses the spot color red

Class name “grey” uses the standard site grey

Attaching a classname of “hide” to an element will make it disappear. Useful if you want to keep something handy, but don’t want it to appear on the site.

Attach the classname “indent” to indent a block of copy or other element

Attach the classname “indentelseblock” to indent a block of copy to match the left margin of the larger indention on the home page

You can use class “right” to float content to the right.

You can use class “left” to float content to the left.

You can use class “imageright” or “imageleft” to do the same with images but have extra margin around those images.

  1. This is an ordered list
  2. A standard html ordered list with list items
  • This is a standard unordered list
  • A standard html unordered list with list items
  • This is an unordered list with the ul using class “bulleted”
  • This is the second bullet

This is a paragraph with css class “agate”. You can attach agate to other elements, too

b Add comment    

Leave a Reply

Your email address will not be published. Required fields are marked *