Category Archives: Documentation

Widget Visibility

Prerequisite: Your sidebar / widget area is managed in the Customizer. Read my tutorial on the Customizer if you haven’t used it before.

Widgets in your sidebar appear on every page of your website by default. This is great, because it provides increased visibility for your most important calls to action. See the “Information Sessions” button on this page:

information-sessions

Click on the image to view the full-size version

This button links to the Events page on the same website. But when we go to that page, the button is still there even though we don’t need it. We’re already on that page!

information-sessions-2

Click on the image to view the full-size version

You may encounter situations like this, where you want a widget to appear on all pages except one, or maybe you want it on just one page and not all pages. You can make these customizations using the Visibility option on your widget:

widget-visibility

Click on the Visibility button and you will see the options to Show or Hide the widget based on page:

widget-visibility-2

Make sure you select a specific page.

And that’s it! Save your changes and verify the widget is behaving the way you want it to.

If you do not see the Visibility button on your widgets, let me know. I may need to make a change to your website in order for that button to show.

Print Friendly, PDF & Email

The Customizer

Note: Some Internet Explorer users have experienced problems with the Customizer. Try using Firefox, Chrome, or Safari instead.

I will be going through old tutorials on my website, updating them to reflect the new website template. However, the only significant change in terms of managing websites is the implementation of the Customizer, which I will explain here. In the past, you went to the Widgets area to manage your sidebar widgets, and you went to the Options page to edit the contact information that displays in the upper right corner of the website. Now, you will edit both of these using the Customizer. You can access the Customizer by clicking Customize in the Admin bar:

customize

Or Customizer in the Admin menu:

customizer

This will open the Customizer. There you will see the options for both Contact Information and Widgets.

customizer

As you make changes, you will see the changes reflected in the preview window to the right. Note that this is only a preview. In order to save your changes you must click the “Save and Publish” button:

customize

You can leave the customizer by clicking the X in the upper left corner:

customize

If you try to close the customizer without saving your changes, it will prompt you to confirm that you want to leave without saving your changes:

customize

You can click “Stay” to remain in the customizer and continue editing or save your changes. Click “Leave” to leave the customizer without saving your changes.

Print Friendly, PDF & Email

Accessibility Guidelines

Making your website accessible is easy with WordPress. Most of the work is already done for you, in the technical design of the website, but some of it is up to you. Here are the main things you need to:

  1. Use Headings instead of bolded text
    • If you write a heading , highlight it, and click the “B” to bold it, then you have created a bold text that simulates a heading but is not technically a heading. Instead, use the options Heading 2 or Heading 3. Continue reading
Print Friendly, PDF & Email

Visual Editor vs Text Editor

When you are using WordPress, you are probably used to seeing this by default:

visual editor

The Visual Editor

This is called the Visual editor. Notice how there are two tabs at the top right of the text box and the one labeled “Visual” is selected. The Visual editor is called that because it shows you an approximation of what the page will actually look like on the website. Headings look like headings, you can see each image and its size, etc. You use this to do most of your editing on the site. But there is another option Continue reading

Print Friendly, PDF & Email