Tip of the Week
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:
- Find the location on your post/page where you want the reader to land.
- 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.
- 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.
- To the left of your anchor word paste in this code:<p id=”jumpdown”/p>
You can use any word to replace “jumpdown”.
- 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:
- 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.
- 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.
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.
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:
Having 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.
Okay, 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. 🙂 🙂 🙂
Sometimes 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.
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:
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:
Google Docs includes Google Forms – Think survey or quiz. Here’s a Step-by-Step:
1. In Google Docs, go to Create New and select Form.
2. Enter a title for your form and any explanation.
3. Type a question (or survey comment).
4. Add the type of response (multiple choice, check boxes, etc.) and response choices if needed.
5. Click Add Item to add another question.
6. When you are done, select a Theme by clicking on the Change Theme tab at the top.
7. Save the form and then, if you want to add the form to your WordPress site, go to the File menu and to Embed to find the embed code and copy it.
8. Return to your WordPress site and create a new post or page.
9. Click on the Text tab and paste the embed code in the text window.
10. Publish the WordPress post.
11. Wait for users to fill in the form, or better yet, send the post via email (or Subscribe2) requesting users to fill out the form.
12. You can view the submissions live as they come in (really!) or just view submissions by going to the form in Google Docs and clicking on See Responses.
13. Or here’s another idea: Tell Google Docs to send you an email whenever someone adds a new response. To add an email notification, click on the Responses tab and View Responses. On the next screen, click on the Tools tab and scroll down to Notification Rules. Select the items that meet your needs and click on Save.
Once you’ve collected your data, you can post the results in graphic form. Click here for an example of graphed survey results (but it could just as easily be the results of a student quiz): Administrator Survey Results
Here’s what a sample quiz looks like:
1. The first option is to click on the image you’ve placed in your post’s edit window then click on the little pencil icon. In this window you can select from 4 options in the Size pull-down menu: Thumbnail, Medium, Full Size or Custom.
2. If you select Custom, you can enter the size you want assuming it is smaller than the original.
3. You can also click on Edit Original and scale the image from the original size.
4. You can edit a WordPress image from the Medial Library. Just click on Edit under the image in the library then click on Edit Image under the large image version that appears.
5. The final way to resize an image is to click on it in the post or page edit window and drag the bottom right corner toward the center (or away from the center if you want to enlarge it to not more than the original size).
One helpful improvement in the newest version of WordPress is how images are added to posts and pages. In previous versions, you needed to add them to your media library first. With WordPress 3.9, you can drag and drop images right to your post. Here’s how:
1. Place the cursor where you’d like the image to appear.
2. Shrink your window a bit to see the image you would like to add (having it on the desktop is convenient) and drag and drop the image to your post edit window. You’ll see the image appear in your media library.
3. In the lower right of the library, select an image size then click insert into Post.
4. If necessary, re-size the images by clicking and dragging the bottom right-hand corner of the image.
You can also create a gallery right in your Media Library:
1. Place the cursor in your post where you’d like to have the Gallery appear.
2. Click on the Add Media button above the tool bar.
3. Click on Create Gallery at the top left.
4. Select any of the uploaded images you want to include in your gallery by clicking on them.
5. Click on Create a New Gallery at the bottom right and then click on Insert into Post. All the images will now appear in your post edit window.
6. If you are satisfied, click Publish and you are done.