Select Page

WordPress Instructions

These instructions assume that you have a username and password, as well as a URL for where to log in. If you’re still stuck after reading the instructions below, please contact Kathy Hernandez.

NOTE: Super-important, potentially surprising instructions are in red bold. If nothing else, please read them.

If you don’t follow these instructions, you may compromise the beauty and elegance of your website.

Word to the Wise:

Click frequently on Update or Save Draft as you work, to be sure that you don’t lose anything.

Skip to:

Create a new Post

  • Click on Posts on the left column
  • Click on Add New
  • Enter headline at the top. After you’ve created the post, check to make sure it’s not too long for the space allotted.
  • Click on the relevant categories on the right side. Make sure that Uncategorized is NOT checked.
  • To schedule a post to be published at a later date or time, click on Edit next to Publish Immediately and choose the correct date/time.
  • Click here to continue instructions…

Edit an existing Post

  • Click on Posts on the left column
  • Type some key words from the title in the search box in the upper right. Hit enter.
  • Click on the title of the page you wish to edit.
  • Click here to continue instructions…

Edit a page

  • Click on Pages on the left column
  • Type some key words from the title in the search box in the upper right. Hit enter.
  • Click on the title of the post you wish to edit.
  • Click here to continue instructions…

Create a page

  • Don’t create a page yourself! Pages show up in the navigation, and we’re very particular about the navigation.
  • If you wish to create a page, email Kathy Hernandez

Enter Body Copy on a Post or a Page:

  • WARNING: When you’re on a page, NEVER click on “Move to Trash”. That will delete the whole page, and remove it from the navigation for good. Poof. Gone. Ask Kathy if you want to remove a page.
  • Make sure the Visual tab is highlighted.
  • Do you see the words “Show Kitchen Sink” on your icon bar? If so, click on it. It will show the rest of the icons you’ll need to edit the site.
  • Make sure you have enough space to comfortably edit. In the picture below, I’ve circled the lower righthand corner of the editing screen, which you can click on and drag to make longer.
  • Type or paste body copy. If you’re pasting something you copied from Microsoft Word, PLEASE PLEASE PLEASE paste it into the “Paste as Plain Text” icon first.  

    This will remove the extraneous (aka garbage) characters that often come with Microsoft Word text.

  • Tags: If you’re creating a Post, enter Tags on the right side. Tags are extra words and phrases which describe a post. They can be searched for, and can be clicked on at the bottom of a post. For example, a story about a trip to Kenya might not include the phrase “african orphanage” but if you include that as a tag, someone can search for it and can see other stories about African orphanages.- When you start typing a tag, if it’s been previously used as a tag it will show up in a dropdown menu. Try to use previously-used tags when possible so that they’ll link to each other. To see previously-used tags, click on Post Tags in the Posts section on the left.- Tags should be lowercase.- Separate tag words and phrases with commas. For example: african orphanage, africa, kenya, aids orphan- After entering tags, press “Add New”- Here’s how your tags will look when completed:
  • Click Preview to see what the post or page looks like.
  • Click Publish to publish the post, or Update to update the already-published post or page. Don’t Publish the post until you’re ready for the public to see it!

Edit Body Copy on a Post or a Page:

  • To alter text, highlight the text and click on the appropriate icon:To bold text, highlight it and click on B. To italicize it, click on I. etc., etc. If you’re not sure what an icon means, mouse over it and read the pop-up message. Here are what the basic icons do to highlighted text:
  • To make a SOFT return, with no space between lines, press SHIFT + ENTER. If you just press ENTER, it will skip a line.
  • Click on the blue line symbol to insert a horizontal rule, like the ones between the sections on this page. Don’t choose a width – just hit insert.
  • If you wish to make a subheader bigger and bolder, highlight the text and pick subheader from the Styles pulldown menu. DON’T use the other styles.
  • DON’T choose an alternate text color. This website uses a stylesheet which helps each page to have a consistent look. If you start adding random font sizes, colors, formats, and emoticons things could look…tacky.

Insert a Link to Another Page or to an Email Address:

  • To insert a LINK, highlight the text you want to link and click on the symbol that looks like a chain link (a sideways 8).(NOTE: To un-link text, highlight it and click on the broken chain link button.)
  • When you make a link, you’ll see the following screen.

  • If you’re linking to another website, make sure the link you enter starts with http:// and that you choose “Open in new window (_blank)”
  • If you’re linking to an EMAIL ADDRESS, the link url will look like this: mailto:info@company.com.
    NOTE: Spammers will harvest email addresses from websites. If you wish to not have your email address shown in the source code, get a different link for it at TinyURL by entering the email address in the above format (mailto:info@company.com) and inserting the link it gives you, which will look something like http://tinyurl.com/5to36sh.
  • If you’re linking to another spot on the page (an anchor), choose the anchor from the drop down menu.
  • When done, click on Insert.

Create an anchor link from one part of the page to another

An anchor link will allow a user to click on one part of a page and move to another, which contains the anchor. On this page, when you click on “Create an anchor link from one part of the page to another” at the top of this page, you get to the anchor on the line above this one.

  • Step 1: Create the anchor
    Highlight the text you wish for people to be able to click to. This will be the anchor. When it’s highlighted, click on the anchor icon and enter a lowercase, descriptive word. If you want a short phrase, include a – or _ between the words. No spaces allowed!
  • Step 1: Link to the anchor.
    Highlight the text that you want to link to somewhere else. Click on the “link” icon (see instructions above). Type in # plus the name of the anchor where it says URL, and press Add Link. (e.g., type in #anchor) (be sure to take out the http:// first.)

Add an Image From Your Computer:

  • To add an image, click on the small rectangle to the right of “Upload/Insert” above the WordPress toolbar.
  • Be sure you’re on the tab that says, “From Computer”
  • If you’re adding an image that will show up at the top of the home page, make sure it’s the correct height and width for your website.
  • Click on the button that says “Select Files”. The pop-up screen shown to the right will appear when you select the file(s) you wish to upload.

Fill in the following fields:

  • Title: Name it something that will easily help you to find it in the list of media files. Be specific.
  • Alternate text: This is what appears when the image is loading. It’s also useful for Google search and for disabled people who are accessing the internet.
  • Description: Not as important, but useful for search.
  • Link URL: Do you want the image to link to the full-size version of itself? Then choose File URL. Do you want it to link to the post it’s in? Then choose Post URL.
  • Folder: Choose the folder that corresponds to the page you’re on or the category of the post.  

    This is important because there are many, many images on this website, and it makes it MUCH easier to find what you’re looking for if it’s filed correctly.

  • Alignment: Choose where you want the image to show up in relation to the text. Please choose either Center or Right. Don’t choose Left. Text is easier to read if the text is aligned to the left, and the picture is to the right or below it.
  • Size: Choose how big you want the image to be. If you’re on a page or post with a sidebar to the right, make sure it’s no wider than 600. If the page has no sidebar, it can be as wide as 900. (NOTE: These dimensions may be different for your website.)If you need to change the size of the picture, choose Edit Image on this screen and then choose Scale Image in the upper right. Choose the width you want, and click on Save. You can also crop or rotate a picture on this page.
  • Thumbnail Image: If you wish for this to be the thumbnail image for this post, choose Use as thumbnail. Here’s an example of a thumbnail image:
  • Click Insert into Post to add it to the post or page.

Upload a document and create a link to it

  • To upload a document, click on the grey sun to the right of “Upload/Insert” above the WordPress toolbar. Note: This is actually an Insert Media button, so you can use this to insert images, etc. also.
  • Be sure you’re on the tab that says, “From Computer”
  • Click on the button that says “Select Files”. The pop-up screen shown to the right will appear when you select the file(s) you wish to upload. Fill in the following fields:

 

  • Title: Name it something that will easily help you to find it in the list of media files. Be specific.
  • Alternate text: This is what appears when the image is loading. It’s also useful for Google search and for disabled people who are accessing the internet.
  • Description: Not as important, but useful for search.
  • Folder: Choose the folder that corresponds to the page you’re on or the category of the post. (NOTE: Not all websites have enough files to make it worth setting up this feature.) This is important because when there are many, many media files on a website, this makes it MUCH easier to find what you’re looking for if it’s filed correctly.
  • Click Insert into Post to add it to the post or page.Note: It will insert onto the post or page with the title you’ve given it. If you wish for it to link to another word or phrase, such as “Click here” copy the Link URL and then click Save All Changes. Then, within the page or post, create a link from that word or phrase to the Link URL that you just copied.

How to Create a Post with a Photo Slideshow

This section will teach you how to insert a Flickr slideshow into a post.

Flickr steps:

  • Upload photos to your Flickr account
  • Put the photos in a set
  • Click on the set
  • Copy the url of the set

Website steps:

  • Create a New Post (see above for detailed directions)
  • Click on the TylrSlider symbol in the post. It looks like this:
  • Paste the set url. Be sure to include the http:// part.
  • Click on Dimensions. Choose a width of 600 and height of 500.
  • Choose a thumbnail for your post. Make sure to put it in the Photos folder.
  • Choose the category Photos, as well as any other applicable categories
  • Tag the post
  • Edit the publication date of the post to be the date of the last picture in the slideshow.
  • Include a short description and excerpt which mentions that these are photos of the event.

Add a Video:

  • Upload the video to YouTube or Vimeo.
  • Copy the embed code.
  • Type something easy to spot like dddddddddddddddddddddddd into the spot on the page where you’d like to put the video.
  • Click on the HTML tab.
  • Search for ddddddddddddddddddddd. Highlight it, and paste the embed code that you copied from YouTube or Vimeo.
  • Press the Visual tab and confirm that the video is where you want it.
  • Before you hit “update” on the page, click Preview Changes in the upper right corner to make sure it’s working correctly.

Upload an Audio file and create a link to it

  • To upload an audio file, click on the grey sun to the right of “Upload/Insert” above the WordPress toolbar. Note: This is actually an Insert Media button, so you can use this to insert images, audio files, etc. also.
  • Be sure you’re on the tab that says, “From Computer”
  • Click on the button that says “Select Files”. The pop-up screen shown to the right will appear when you select the file(s) you wish to upload. Fill in the following fields:

 

  • Title: Name it something that will easily help you to find it in the list of media files. Be specific.
  • Alternate text: This is what appears when the image is loading. It’s also useful for Google search and for disabled people who are accessing the internet.
  • Description: Not as important, but useful for search.
  • Folder: Choose the AUDIO FOLDER. This is important because there are many, many media files on this website, and it makes it MUCH easier to find what you’re looking for if it’s filed correctly.
  • Click Insert into Post to add it to the post or page.Note: It will insert onto the post or page with the title you’ve given it. If you wish for it to link to another word or phrase, such as “Click here” copy the Link URL and then click Save All Changes. Then, within the page or post, create a link from that word or phrase to the Link URL that you just copied.

Insert and edit a table

Tables have rows and columns, like a spreadsheet. Unlike a spreadsheet, they don’t do calculations. However, they’re very useful for aligning text. Here’s how to create the following table:

State Capitol Flower Animal
California Sacramento Poppy Grizzly Bear
New Jersey Trenton Violet Horse
  • Click on Insert Table. The pop-up window on the right will appear
  • Fill in the number of columns and the number of rows you want in the table.
  • Cellpadding and cellspacing are measured in pixels. They allow you to have space between cells, so that text and images in neighboring cells don’t bump into each other.
  • Choose the alignment for the table.
  • Choose the width of the table. This can either be in pixels or in percentage of the page. Most pages aren’t more than 600 pixels wide. If you choose a percentage, use this format: 100%
  • Hit Insert. Voila. The table appears.
  • Type what you wish into the cells.
  • If you wish to edit the table after you create it, you can use the other buttons listed below to add or delete rows or columns, or change other table properties.
wordpress table instructions

Update a Google calendar

  • These instructions assume that you have the Google calendar username and password.
  • Login at http://www.google.com/calendar/
  • Choose the Month tab
  • Click on the date that you wish to create the event for
  • Fill in the Event Title.Tip #1: If you fill in the time at the beginning of the title, it will automatically fill in the time field. For example: 8am Meeting in Conference Rm. You can also put an end time: 8am – 10:30am Meet in Conference RmTip #2: Keep the Event title short. BUT…Include enough information so that when people see it on the aggregated calendar, they’ll know what it’s for. So, instead of “Trip to Catalina” you should put “High School Trip to Catalina” or “HS Trip to Catalina”
  • Choose which calendar you wish for this to be posted to from the dropdown menu.
  • If you wish to include more details, a location or make the event a recurring event, click on “edit event details” and fill in the appropriate fields.