Tim Goss

1 2 3 8

ADA Compliance: Step 1

Big red apple.

ADA Compliant image with Alt Text.

Bethel is in the beginning stages of making all our Websites ADA compliant. This will involve a lot of behind-the-scenes work; but it also will depend on you, the Bethel WordPress user, to maintain compliance.

Although there are multiple things you will be doing for compliance,  let’s begin with an easy task you can start doing right now. To make your Website ADA compliant, you’ll need to ensure that all images you use have Alt Text. Alternative Text helps someone with a visual disability to discern an image if they are using a screen reader.

Here’s how to add Alt Text to an existing image on your site:

  1. Login to your site and navigate to the Dashboard.
  2. Click on Media in the left-hand sidebar.
  3. Select an image by clicking on it.
  4. At the right next to “Alt Text” type in the description (e.g.,  “Big red apple” or “Two fourth graders practicing math facts.”)
  5. Click the X in the upper right of the window and you are done.

More news and help on ADA compliance over the next few months. Questions? Enter a comment below.

Automatic Proofreading

Here is a WordPress tip that might improve the content of your blog posts:

Automatic Proofreading: To turn on this feature, login to your WordPress site and then mouse over your name in the upper right-hand corner and select “Edit My Profile”. Check the box to either proof read a post or page when it is first published or when it is updated or both. Below that you have options to specific grammar and style rules for WordPress to review and suggest changes.

Enable proofreading for the following grammar and style rules when writing posts and pages:

 
 
 
 
 
 
 
 
 
 

In testing this out, I found WordPress didn’t like the spelling WordPress and found an overly complex sentence.

Give it a try to see what you think.

WordPress Custom Menus

Using the basic WordPress set up allows you to have pages appear on your site as a menu. Most themes do this by default. When you look at a WordPress Theme (which is the default for new sites), pages appear across the screen below the large graphic header. Any new page you create will appear there as well.

But what if you want to have a menu that includes posts, categories, Internet sites or even documents? Or maybe you don’t want to have all the pages show up on the menu. That’s where WordPress Custom Menus comes in. Here’s a very quick How-To on using this feature of WordPress.

To create a custom menu:

1. In the Dashboard scroll down to Appearance and then click on Menus.

2. Click on the + tab just above Menu Name in the top-middle of the screen.

3. Give the menu a name and click Save Menu.

4. On the left-hand side of the screen you can select from existing pages on your site by putting a check next to one or more pages then click on Add to Menu. You can also add a post as a menu item. How cool is that?!

5. You can add custom links by entering a URL and giving the link a name. Click on Add to Menu and you’ll see your link appear on the menu.

6. You can order your menu items by dragging them up or down to reposition them.

7. Be sure to click Save Menu before proceeding.

To add your  new menu to your site:

1. Click on Widgets under Appearance in the Dashboard.

2. Find the Widget area where you’d like the menu to appear. Open that Widget area and drag the Custom Menu Widget to that area.

3. Select the menu you’d like to use (assuming you have more than one), give it a name and save it.

Now you’re all set. Go to your site and see what chaos you have wrought!

Anchors Aweigh!

Top

Pointing readers to a specific spot on a new post, a previous post or a WordPress page can be an efficient way to guide readers to see specific content without having them scroll down the page or search the text. An anchor fills the bill.

An anchor is a tiny bit of code that you insert at a specific spot on your post or page. When you place an anchor on your post or page, you can link to it from any place on the post or page or any other post or page. Try this: Click Jump Me Down and see how it works.

Here’s a step-by-step guide to using an anchor:

  1. Find the location on your post/page where you want the reader to land.
  2. Put your cursor next to a word somewhere down the page that will be your anchor. This is usually the first word in the content being linked to.
  3. In the upper right-hand corner of your post or page edit window, click on the Text tab.  This will change your page from a visual format to a text or coding format. Don’t get overwhelmed by all the computer gibberish. We’re just adding a tiny piece of code.
  4. To the left of your anchor word paste in this code:<p id=”jumpdown”/p>
    You can use any word to replace “jumpdown”.
  5. Click  the Visual tab next to the Text tab and scroll up in your edit window and type some text that will be the link to the anchor. This could be something as simple as “Click Here” or “espaňol”. Click the Text tab again, find your link to the anchor and paste this code next to it:
    <a href=”#jumpdown”></a>
  6. Now cut your link word(s) (“Click Here” or “espaňol”) and paste it between the > < symbols so the link looks like this:
    <a href=”#jumpdown”> Click Here </a>
    Notice that the anchor and the link use the exact same word: jumpdown. The words have to match so the link knows where to find the anchor.
  7. Test it out by saving your post/page as a draft then click on Preview.

*****************

And here you are . . . right down here where there might be some links, instructions or a Spanish translation.
Click to Jump back to the top.

*****************

That’s all there is to linking to an anchor when both the link and anchor are on the same page. But how does it work if you are linking from one post/page to another or even one WordPress site to another?

The process is almost the same with this one small difference:

The anchor remains exactly the same, but the link needs to know on which page or post the anchor resides. So the link, instead of this – <a href=”#jumpdown”> Click Here </a>- would now look like this:

<a href=”http://blogs.bethel.k12.or.us/yoursitename/?p=5570/#jumpdown”>Click Here</a>

Where the entire URL for the page is part of the link.

Prairie Mountain is using anchors to make is a single click for Spanish speaking parents to read translated blog posts.

“Continue Reading . . .” Draws the Reader In

Properly presented, content on your WordPress site can invite users to read all of what you have to say. Having an action word in your title and a colorful graphic are two useful strategies.

The “Continue Reading . . .” button is to the right in the first row of editing tools. Place your cursor where you’d like the jump to occur then click on the button marked with the red circle above.

But sometimes you have a lot to say and seeing 300-400 words cascading down the screen can be intimidating.  That’s where the “Continue Reading . . . ” link can help.

Placing the “Continue Reading . . .” link in an appropriate place 150 to 200 words into your post can make it appear to be an easier read. You might place it after a paragraph or perhaps at a place that teases the reader: “During our recent field trip, four students plunged” – Continue Reading . . .

To see this in action, click HERE then scroll down to this post.

Here’s an easy step-by-step guide to using this handy tool:

Continue reading

Adding a Google Calendar

calendarHaving your Google calendar on your Web site is better than linking to it because it keeps your users right there where you want them. Here’s how to do it.

When looking at your Google calendar, click  the little triangle just to the right of your name under My Calendars. This will bring up a menu and you can click on Calendar Settings.

In the screen that shows up, you’ll see a calendar icon in the middle with the embed code just to the right and it should look like this:

<iframe src=”https://www.google.com/calendar/embed?src=your.name%40bethel.k12.or.us&ctz=UTC” style=”border: 0″ width=”800″ height=”600″ frameborder=”0″ scrolling=”no”></iframe>

Copy the embed code. The width of the calendar can be changed once you paste the embed code into a page on your WordPress site.

Now go to your WordPress site and go to > Dashboard > Pages > Add New.

Enter a title for the page (Calendar) then click on the Text tab in the upper right of the edit window. Put your cursor in the edit window and paste the embed code.

You’ll want to make the width of the calendar about 600 instead of 800 and about 450 high instead of 600 if you have a typical WordPress theme, but you can experiment with the size. Publish your new calendar page. If you like what it looks like, you’re good to go and you’ll see the Calendar tab on the top menu of your site with all the other pages if you have your top menu showing pages. If the calendar is too big or  too small, go back in and edit the embed code.

Need help with embedding? Email Tim.

Yikes!! The Exclamation Point is Overused!!

exclamation PointOkay, blame it on texting and social media if you like, but the exclamation point’s overuse is sucking the life out of the grand old dame of punctuation. What used to be reserved for shouting “Fire! Run for your life!” is now being added to “Thank you!”, “See you Saturday!” and “My cat had kittens!” And if one exclamation point is good, two must be better and three, well, “You Rock!!!”

Because the exclamation point is meant to indicate yelling, using it in a blog post, email or text message with words that you wouldn’t shout in normal conversation sounds like you are hollering. The unnecessary use of the exclamation point in writing is a visual distraction which translates into a non-verbal impediment toward understanding what’s being communicated.

And don’t get me started on typing in all capital letters.

The best advice: Don’t use an exclamation point to replace good writing.

Mark Twain chastised writers who used exclamation points as laughing at their own humor, “all of which is very depressing, and makes one want to renounce joking and lead a better life.”

Author Terry Pratchett wrote, “Five exclamation marks, the sure sign of an insane mind.”

Tempering the use of the exclamation point in your blog posts will make you a better writer. Your readers will love you for it – – at least I will. Honest. 🙂 🙂 🙂

Making a Single Post Password Protected

keySometimes your new post isn’t for everyone. Perhaps you’d like to have your parents know about an upcoming field trip and why you need 10 volunteers. You might include some pictures of last year’s field trip and a map to the site. Sure, you can email parents, but an email disappears quickly into the virtual universe and an email makes it difficult to carry on a conversation with some replies going to everyone and some going just to you. Using post comments is much easier.

Here’s an easy way to create a post that is password protected. Just create the post and before publishing, click on Edit next to Visibility in the Publish box. Select “Password protected” and enter a simple password.

If you use Subscribe2, in your excerpt, identify the password your users can use to access the post. Either way, your password will be part of the email that Subscribe2 sends out to users. If you don’t have your WordPress site set up to use Subscribe2, you can send an email from your Bethel email account to your users including the link and the password.

If you are using Subscribe2, be sure in Settings to set “Send Emails for Password Protected Posts” to “Yes”.

This shouldn’t be used for confidential information, but it is a great way to direct a post to a specific group.

Quick Edit from the Dashboard

In WordPress version 4.2.2 you can make changes to widgets and see the changes in real time. Here’s what it looks like:

widgetsscreen

 

Select the widget from the list on the left, then make any edits you want. Save at the top of the sidebar and click the “X” to close. It is as easy as that. And the beauty of this feature is that you see the changes you make in real time before you save and commit to the changes. Here’s a quick video snippet so you can see what it looks like:

 

1 2 3 8