Any user that is authorized to make posts to the various school websites is also capable of uploading images to be a part of their posts. In order to do so you have to first make sure that you have the “Visual Rich Editor” Disabled when you write posts. The visual rich editor is a clever idea but it is poorly implemented and I suggest not using it. It should be turned off by default, but if not you may turn it off by logging in, going to your profile under “users” and clicking off the option under “Personal Options” near the bottom left of the page that says “Use the visual rich editor when writing.” If you do not know what the visual rich editor is, don’t sweat it. You can tell if it is turned on simply by going to write > page. If the editor opens up with a row of buttons called “quicktags” across the top you are in luck: the visual rich editor is already disabled for you. Notice at the right-hand end of this row of quicktag buttons one is labeled “IImage Browser.” This is the button that you will use to insert images.

First. make or get the images that you want to use on your local machine. Make sure that they are no wider than 500 pixels and 72 dpi. You can do this in photoshop or some other image editor. Your images should be saved as jpgs. Then:

To upload and insert an image:

1. In the editing window, place your cursor where you would like the image to appear.
2. Click on the IImage Browser button in the Quicktags menu.
3. A window pops up. This window allows you to browse through the existing directories (folders) and to make new ones. You will see that the file structure is currently set up like this:

   [root] />about | academic-units | admissions | events | news | people | sidebar | special-programs |

4. Note: [root] is the main directory on the web server where images will be stored.

   about | academic-units | admissions | events | news | people | sidebar | special-programs | are all subdirectories in the root. New directories should be created as needed, and should follow the submenu hierarchy established in the menu structure. This will allow for lots of people that are working together to make sense out of where images might be stored.

5. Before uploading an image, make sure that you are in the correct directory in which you would like to upload the image. For example, if you are adding an image to your blog post, click on “people” and then click on “faculty”. If a directory does not yet exist for you, click on the “Create Dir” button while in the “faculty” section of the directory structure. Add a name for the directory. Remember: your directory should not have any spaces in its name (use dashes “-“ instead) and should all be lower case. So it should look something like jane-doe. Note that when you create a new directory it DOES NOT automatically open that new directory; to upload an image to the new directory you must first click on the name of that directory in the directory structure menu.

   When you are ready to post, your directory path should look something like:
   [root] /people/faculty/your name/>

6. When you are finally in the directory you want, click on the “Upload” button. If you know the path to the image you want, enter it in the area provided. Otherwise browse for it.
7. When you have the image that you want, click on the new “upload” button that is right next to the “browse” button (this is different than the first upload button).
8. If all went well, you should now see the image in the window.
9. Now click on the image. You get options to include the image in a post.
10. Click on the radio button that best describes what you would like to do. This will most often be one of the following:

    Image: Aligned Left

    Image: Aligned right

    Image: Aligned Center

    Each of these options does what it says: It will either insert the image justified left, justified right, or centered. It also styles the image so that the text will flow neatly around it if it is justified right or left. Images that are no wider than about 250~275 pixels wide seem to work well justified; if you want an image larger it should be centered and again no wider than 500 pixels.

11. Enter a description. This is just the text that will show up if a viewer hovers over the image with their pointer for a few seconds. Leave it blank if you wish.
12. Click on “get the code”
13. You can see the html code that will be used to insert the image in your post/page. If you know html, you may include in this code any other special formatting that you wish.
14. Finally click on “add it to the post!”
15. Close the window – it stays open just in case you want to add more images.
16. You should now see your post edit window with the appropriate code added. Note - you don’t yet see the image, only the code that will insert the image when you publish the post.
17. When you publish the post, your image should show up appropriately formatted.

One Macintosh caveat: Safari has a non standards-compliant implementation of javascript. It does not understand where to insert the code in your post, so no matter where your cursor is it inserts the code at the end of the post. All you have to do is select all of the code that is added and copy/paste it to wherever you would like the image to wind up in the text. If you do not already, you really should consider switching over to the Firefox browser, no matter what kind of computer you use.

Note in the window that you may also delete files from the server via this interface.

A couple of other caveats:

1. Images should not be wider than 500 pixels wide, or they will crowd over onto the right hand menu (the horizontal rule under the post name is 500px wide, so 500px images centered line up cleanly with the text).
2. You cannot delete directories once you create them via this interface nor can you upload multiple files via this interface. To do either of those you must use ftp from any location (using wsftp. cuteftp. DreamWeaver, etc) If you want to have this level of access let me know and we will get you set up. Remember though, that if there are any files or directories that are currently in use by any pages/posts in WordPress and you delete/rename/move them their links will be broken and will need to be fixed. SO, when you make new directories, really BE SURE that the hierarchy that you use is good and appropriate.

Happy Posting!

11:00 faculty break room

Faculty Meeting Agenda
February 2, 2006

• Faculty Announcements

• Committee reports

• Searches

• Web site presentation, Smith

• Tuskegee Collaborations, Burleson

• Urban Studio Preceptorship Initiative, Lindsey

• Summer Museum exhibitions, Lindsey