Tip of the Week: HTML Code Part 2

Okay, you saw how easy it was to plop a picture in a sidebar. Text is even easier. Let’s say you want to add something like this:

Big Book Sale Wednesday!
Follow this link to sign up for this week’s Book Sale drawing. You could win an iPad!
Book Sale Drawing

Using the post editor, you can underline, make text bold, and make the font a bit larger. You can also add a link without writing a speck of HTML coding. Once you like what you’ve created, click on the Text tab to see the HTML code that WordPress created:

<span style=”text-decoration: underline;”><strong> Big Book Sale Wednesday!
</strong></span>Follow this link to sign up for this week’s Book Sale drawing. You could win an iPad!
<a href=”http://www.bethel.k12.or.us/clearlake”>Book Sale Drawing</a>

As we did in the last post, copy that HTML code and go to the Dashboard > Appearance and >Widgets. Drag a Text Widget to the Primary or Secondary Widget area. Paste in the HTML code. But before you save it, make sure to check the box “Automatically add paragraphs”. Save your widget and view your site. Your HTML code will look something like this on your front page:


Tip of the Week: Easy HTML Code


Create HTML code using the Post Editor.

Wait! Don’t stop reading! This isn’t as nerdy as it sounds.

Twenty years ago anything you saw on the Internet was created by someone who knew how to write computer code. That has changed to the point where you can create anything on the Internet without lifting a code finger. Well, almost anything. There are a few places where knowing a bit of code can be helpful and one of those places is WordPress.

I don’t like to write code because, well, I don’t know squat about code and I’m not very good at what I do know. But there are a few niches in WordPress where writing code comes in handy.  I have a free program called Compose that helps me create needed code, but you still have to have an inkling about what you are doing. But there is a much easier way to create code in WordPress without having any coding skills. Perfect for me. Here’s how.

Let’s say you want to put a picture of your handsome mug in the left-hand sidebar of your WordPress site. To do that you’ll need to add a widget then create the HTML code in that widget to show the image. Follow these 5 steps to accomplish the same thing without knowing a lick about coding:

This is assuming you know how to upload an image to WordPress. If not, read through Adding Images in WordPress.

1. Go to your Dashboard and go to Posts > Add New. You are going to create a new post but not really post it. You’ll see why in a minute.

2. Put the cursor in the post window and click on the Add Media button just at the top left of your WordPress post window and upload an image (or select an existing image).

3. If the image is large. drag the bottom right-hand corner of the image toward the upper left-hand corner to shrink it to the width of your sidebar (about 150 pixels). *If you want to resize it to the exact size of 150 pixels wide, click on Edit just below the image after you upload the image, then click on Edit Image(upper right) and enter the width of 150 in the left hand box. Click on Scale then on Update.  Now you are ready to copy the HTML code you’ve created and paste it into the sidebar widget.

4. Click on ‘Text” in the upper right-hand corner of your post window and you’ll see all the HTML code that WordPress created for you without you lifting a finger. Highlight and copy all the code text and then delete the post.

5. Finally, go to Appearance > Widgets in your Dashboard and click on the little triangle next to Primary Widget Area (or Secondary Widget if you have two sidebars). Drag a Text Widget to that sidebar. Paste the code you copied into the Widget area and save it at the bottom of the widget. View your front page and, voila, you have “written” computer code!

WordPress 3.8 is Here!

ectoplasmAll Bethel School District WordPress sites have been upgraded to version 3.8. Although there aren’t a lot of dramatic changes with 3.8, the Dashboard has had a real makeover. You’ll find the Dashboard has a much more intuitive look and feel with new color schemes, better fonts and a more dramatic contrast.

You can even customize the color of your Dashboard. You have a choice of nine different color schemes. You can select a new scheme by logging in and clicking on “Your Profile” under “Users” at the far left of the Dashboard. Give Ectoplasm a try or maybe you’d favor Ocean or Sunrise.

WordPress 3.8 gives users a better experience with tablets and phones. No matter how your users are viewing your site, WordPress will format to match screen size and resolution.

The new WordPress default theme, 2014, is the most elegant yet. It provides a magazine-like experience for users and is very customizable.

Widgets have also gotten a new look with a compact layout and easier ways to edit. You can now just tap a Widget to add it to a sidebar, header or footer.

Have questions about version 3.8 or anything WordPress, just post a comment below.


Tip of the Week: Keeping it In-House

openinnewwindowKeeping visitors on your site can be a challenge especially if you have links leading them to other sites. Clicking on a link to CNN, for example, means a series of back arrow clicks to return to your site. It is like dropping bread crumbs but having hungry birds gobble them up if users have gone more than a few clicks away from your site. And without an easy, intuitive way back, users aren’t likely to return.

One way to give users easy access back to your site is to have your WordPress site open a link in a new window or tab on the user’s browser. Doing this will retain the tab to your site and give your users a single click on the tab as a way to return to the great content you’ve created.

To force a link to open in a new tab or window, create a new link and check the box “Open link in a new window/tab” and then click Add Link. Simple!

Keep in mind the democratic nature of the Internet allows users to set their browsers to override opening a new tab or window.


Post When the Creative Juices Strike

wordpressclockWhen you try to post on a regular schedule, you are helping your users anticipate your email announcing new content on your site. But it isn’t easy to maintain a schedule because 1) you’re up to your eyeballs in other things to do; and 2) being creative on demand isn’t easy. Here’s a suggestion that might help.

Create a post, or several posts, when the creative juices are flowing. If you know that in October you’re taking your students to the Harrisburg Potato Festival, write the post in July when you’ve got more time. You can then set the post to auto-publish on the date and time of your choice. Here’s how:

1. Login to your WordPress site and select Posts and Add New.

2. Create the post the way your normally do and, if you use Subscribe2, uncheck the “Check here to disable sending of an email notification for this post/page” box below the post.

3. Instead of clicking on the Publish button, click Edit next to “Publish immediately” just above the Publish button.

4. Select a month, date, year, hour and minute for your post be be published.

When the bewitching hour arrives, WordPress will publish your post.

You’re in Good Company with WordPress

It probably doesn’t surprise you that WordPress can meet the needs of someone creating her very first Web page. But you might be surprised to see which large organizations are taking advantage of WordPress. Click on any of the links to see how WordPress is being used by corporations, celebrities and large non-profits:

General MotorsUPSEBay
Best BuyThe Wall Street JournalXerox
Usain BoltNRCCWDTCarleton University.

Follow this link to see even more: WordPress Show Case

Get your WP site mobile with one click!

I’ve posted this suggestion before, but it looks like few people took advantage of it. wpmobile3So let’s try it again.

With so many people using mobile devices these days, why not make your WordPress site mobile accessible with one easy click. Instead of having to read your post through a Web browser, smart phone users will automatically see your site in the format you see on the right. And if they would prefer to see the browser version, they can turn off the mobile version.

Here are the instructions for activating the WP Touch plugin. I’ll wait until you’re done. . . (Whistling).

1. Go to your Dashboard and click on Plugins.

2. Scroll to the bottom of the list and activate WP Touch.

You’re back! Wasn’t that easy? Try it out on your smart phone or email your grandmother in Harrisburg and have her take a gander on her iPhone.


Solve Problems and Learn Something New

help-for-wordpressBecause WordPress is open source software (meaning it is distributed free and available to anyone to tinker with), there are seemingly thousands of places on the Internet where you can find help.  I tend to confine my help searches to WordPress.org.

WordPress.org is the developer and maintainer of WordPress so you are getting information from, as they say, the horse’s mouth. Here are some links to help you when trouble arises or when you simply want to learn more about WordPress:

WordPress Forums – Questions asked and answered

WordPress Lessons – Step-by-step instructions for all the basics

WordPress TV – A series of videos by developers and users on topics ranging from The Beginner’s Guide to WordPress to Understanding the WordPress Dashboard to Saving Drafts

Stop in for a plugin checkup

wordpress-pluginWordPress plugins add functionality to your WordPress site. You decide which ones to activate. Some plugins run quietly in the background so it’s a good idea to check in occasionally to make sure your plugins are active.

The most critical plugin that every site should activate is Akismet. This plugin eliminates 95% of all spam. There aren’t any special settings for Akismet; but you should check to see that it is active and that it is running correctly.

Here’s how:

1. Login to your site and navigate to the Dashboard.
2. Mouse over Plugins and select Installed Plugins.
3. Akismet should be the first one on the list. If it says “Deactivate” under the title, the plugin is active. If it says “Activate” click on Activate.
4. If it is active, click on the Update Options button to ensure your API key is valid.
5. If you have not activated Akismet, you’ll need an API key. Email Tim Goss and I’ll send you the key. Or follow this link to receive an API Key from Askimet.