Category Archives: Wordpress Editing Tips

How to Create a Table

How to create a TABLE in WordPress.

You must create the table using HTML coding.

To start:

  1. Choose the page where your table should appear.
  2. Select the “Text” editor rather than the “Visual” editor.

(Inside the text pane, you will see the HTML back-end of what appears on the front end, this means text wrapped in HTML “Tags”.)

NOTE: Each tag must be “closed” with an identical tag preceded by a “forward slash” / .  You’ll see what I’m talking about below.

  1. Using the following coding, build your table. The tags have been color coded to help you see the pairing, and the text that will appear on your page is in black. You do not need to change the color of the code you enter into your site’s text editor.

<table>
<tr>
<td>Month</td>
<td>Savings</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

Will return:

Month Savings
January $100

 

When you are finished, click “Update” or “Publish” to save your work.  Then View the Page to see your handy work!

Congratulations! You’ve just coded a table.

How to Add a Link to a Sidebar

You can create a list of links on your sidebar that navigate to whatever sites you choose. This list was originally called the “blogroll” because it was created as a list of links to other blogs.

  1. Log in with your username and password.
  1. Go to “Links” on the left section of your dashboard. You will see three options: (1) All Links, (2) Add New, and (3) Link Categories.

All Links: Lists all the links on your website.

Add New: Adds a new link to a page external from your website.

Link Categories: Tags each link with a category. Each link should be listed under a category. For example, the link “AAUW national” could be listed under the category “AAUW Links” or “Related Resources.”

  1. To add a new link, go to “Add New” under the Links option. From there, a series of options will come up:

1-links-dashboard

From there, a series of options will come up:

Name: This is the text that will be visible on your website (e.g., AAUW national)

Web address: This is the URL of the webpage you’re linking to. Don’t forget to use the full URL path including http:// (e.g., https://www.aauw.org) whether the link is internal or external.

Categories: Select the category or grouping for the link (e.g., AAUW Links). You can also put the same link into multiple categories. Click “+Add New Category” to add a new category.

Target: Use one of these two options:

  • _none: This will open the link in the same window (default setting). This should be used for internal links within your site.
  • _blank: This will open the link in a new window. This should be used for external links outside your website.

3-examples

  1. To add the link, click the “Add Link” button under the Save toolbar on the right.

4-save-your-work

  1. Go back to your website. If the category “AAUW Links” has been added to the right-hand sidebar, you will be able to see a newly added link “AAUW national” link underneath it.

If you do not see the green link Category “AAUW Links,” it’s probably because the link widget is not activated in your sidebar. If you are a super editor, follow these guidelines to add a Link Widget to your sidebar (Note: This will be added in the future). If not, contact the AAUW Site Resources manager.
5-links
Repeat from step two, above, to add more links under “AAUW Links”.

How to Put a PDF or Word Document in a Post

Need to link to a document from your website? You can add PDFs, Microsoft Word files, or similar word processing documents to your media library and then link to them from any page on your website.

Note that there is a slight difference between PDFs and other documents when it comes to uploading. When you add a PDF file to your WordPress media library, you will be able to view the file first without downloading it. When you add a Word file, however, you will have to download it to your machine first before you open it. If your machine does not have software that supports Word, you might not be able to view it.

If you are uploading a PDF file, make sure to compress it first. To compress your PDF file, please follow these directions.

Suppose you want to add a file called “September-2016-newsletter.pdf ” to your page.

1. Log in to your website with your username and password.

2. Navigate to the page or post where you want to display the content.

3. Select “Edit Page/Post” on the top black navigation bar.
1_edit_section
4. In editor mode, you will see a “Visual” tab and a “Text” tab. Select the Visual tab to format your contents; that will show you a view similar to that of a word processor.
2_edit_section_blank
5. Select “Add Media”
3_add_media
6. Select “Upload Files” then “Select Files” to select the file from your machine and upload your document to your website’s media library.

Note:
• The maximum file size you can upload is 3MB. Remember to compress your file if it is too big to upload.
• You can upload multiple files at once.
4_select_files
7. The “September-2016-newsletter.pdf” is uploaded to the media library. Click “Insert into page” on the bottom right to insert your PDF file into the page.
5_insert_into_page
8. You’ll know the last step worked when you see a link appear on your page. The link will automatically take the file name. See the next step to change that name.
6_inserted_to_editor
9. For more link editing options, such as changing the link title or setting the link to open in a new tab in your web browser when clicked, select the link you just created and click the icon in the toolbar above it, “Insert/edit link.”
7_insert_edit_link
10. Once you do, you’ll see a new button pop up that looks like a gear. Click the gear icon and select “Link options.”
8_link_options
11. To change the title of the PDF, type new text in the “Link text” box.

Check the option “Open link in a new tab” if you want the link to open in a new tab in your web browser when clicked. (If this option is not checked, the link will open in the same tab as the page it lives on when clicked.)

Click “Update” at the bottom to save the changes.
9_more_link_options
12. Once you save your changes, you will be directed back to your main editing page. If you’re finished making changes, select the “Publish” button under the Publish toolbar on the right. If you are not ready to post it yet, select “Save Draft.” If you were editing an existing post or page that has already been posted, you will see “Update” instead of “Publish.”
10_more_link_options
13. Go back to your website and open the page you just edited. You have successfully added a PDF to your page!
11_go_back_to_your_website

Add content from the monthly suggestion e-mail to an existing web page or post

Every month, site resource staff from AAUW national sends content suggestions, including necessary HTML code, to all website contacts. Any AAUW branch, state, or affiliated programs interested in adding this content to their website can simply copy the code into the desired section of a website.

The HTML code includes image location paths to the AAUW national website (where offered), and you won’t need to upload images into you website’s media library separately.

You may download HTML for content suggestions in Word format.

To post content to your website:

  1. Log in with your username and password.
  2. Navigate to the page/post where you want to display the content.
  3. Select “Edit Page/Post” in the navigation bar.
    1_edit_section
  4. In Editor mode, you will see a visual and a text tab. Select the text tab
    1_edit_section_blank
  5. Copy and paste the section(s) of HTML code from the content suggestions Word document into the desired area of your page/post.
    2_copy_code_in_Text_section_blank
  6. If you switch to the visual tab, you will see the changes in graphical format. You may now move content around a page through the visual tab using drag and drop rather than returning to the text tab.
    3_visual_tab_blank
  7. To save the changes, click the “Update” button under the publish toolbar on the right.
    4_save_the_changes

You have successfully added content to your website. Follow the same process for other suggestions as well.

How to compress pdf files?

AAUW site resources websites receive 350MB of online storage space. To maximize that space, the file upload size for image, PDFs, and other media files is 3MB. The huge size of the file will load slower, that could create negative impact upon the users. It is always recommended to compress PDF files before uploading into your website’s media library, not just when the size is greater than 3MB.

To reduce the size of PDF files, use an online compression tool such as http://smallpdf.com/compress-pdf or http://www.ilovepdf.com/compress_pdf. These websites contain a free tool that will compress your PDF file significantly without affecting the file’s quality.

When you compress a file using smallpdf.com, it will append “.compressed” to the file name. For example, “May-2016-Newsletter.pdf” will look something like “May-2016- Newsletter.compressed.pdf.” Make sure to remove “.compressed” and rename the file to “May-2016-Newsletter.pdf” before you upload it to your media library. This is particularly important when updating an existing media file.

If you have a newer version of Acrobat Reader installed on your machine, you will see an option to reduce your PDF file size. Go to Document > Reduce File Size.

compress_pdf1

A PDF file before compression

Before_compression

A pdf file after Compression

After_compression

How to improve search engines results?

WordPress is one of the best content management systems when it comes to Search Engine Optimization (SEO). However, there are a few simple yet powerful practices that will make a site appear higher in search engine results:

  1. “Content is king” for optimization. Search engines don’t care how fancy sites are, but the quality and relevance of content counts. When you write any content, think about key phrases or words someone would use when searching your information. The actual content should be arranged in a logical and visually pleasing manner. And, the copy should be rich in keywords. You can use those keywords more than once, but not in every sentence or so.
  2. Once search engines index your new site, and your contents have keywords then only the site will start displaying in queried search results. However, this does not necessarily mean you’re going to be on the first page of search results.
  3. Highlight informative content or keywords on your website using headings and sub-headings (h1-h6) or a bold tag (<strong>…</strong>) but don’t overdo it.
  4. Inbound/outbound links help to improve search results. Link to relevant pages on other websites relating to that topic and also with websites with high page ranking, but do not link every page to another site. Outbound links help search engines understand your focus areas. Similarly, you can make request to other relevant websites to add your content link to their page. You can share your website content on social networks to increase inbound links.
  5. For image files, use a meaningful name. For example, a picture related to equal pay day can be named “Equal pay day 2016.jpeg” instead of “IMG1001.jpeg”. Site engines can read it if someone searches with keywords such as “Equal pay day”.
  6. Use the alt tag and title tag for images and links on your site. Images are used to entice visitors to read your content and these tags strengthen the message. The alt text describes what’s on the image and the function of the image on the page. For example, if you have an image that’s used as a button to register for an event, the alt text would say: “button to register for AAUW state conference.”
  7. Make sure that your HTML code is clean. Errors in code may prevent a search

“Rules” and things to know about a new domain or changing an existing domain

The typical naming convention for Site Resources website subdomains is branchname-stateabbreviation.aauw.net. Most branch websites with shorter branch names do not have an issue with the naming convention as they can use the full name of their branch in their URL. Some branch names are quite lengthy, though, and members may be confused about whether to use a full branch name, a portion of a branch name, or just an abbreviation in their URLs.  Several branches who launched their websites using one subdomain later changed it for marketing or other reasons. It is typically recommended to finalize your domain name during your initial set up and not change it whenever possible.

There are two ways to change a domain name:

  1. Set up a brand new subdomain with a new name and redirect the older website to the new one.
    This means creating a duplicate website including all your content and maintaining the same content in two places. Search engines frown upon this practice and might penalize your site.
  1. Within the existing site, update the subdomain name with a new name.
    When a domain name is modified, there may be several repercussions:
  1. Your old URL will appear as a broken link when someone types an old URL to your browser. It will not redirect to a new URL automatically.
  2. For several days after the domain name is changed, it will still display an old link in search. When the link is opened, it will direct the user to the Site Resource site at https://site-resources.aauw.org/ and not your old branch website.
  3. A new site will not appear in search engines immediately because they have not indexed the site yet. It might take a week or more for search engines to show up your new domain. This is valid whether you are changing an existing domain or you have just launched your brand new website.
  4. You can submit a request to search engines to index your new URL by using their Webmaster Tools, but even if you don’t the search index will eventually catch up.
    1. Google : https://www.google.com/webmasters/tools/
    2. Bing : http://www.bing.com/toolbox/webmaster
  5. You can also request removal of the older site from search engines by using their Webmaster Tools.
    1. Google: https://www.google.com/webmasters/tools/removals
    2. Bing: https://www.bing.com/webmaster/tools/content-removal
    3. If the site is removed from the Bing search, it should take care of yahoo search as the Bing provides the actual search engine for Yahoo searches.

NOTE: If you have used your old URL in print or other promotional purposes, you should inform your members about the URL change and update print pieces when possible.

Tip of the Month: New User Accounts

Changes occur for branches every day and one of those changes may involve changes in website support. Many website managers ask that new users be added to websites as editors after the initial launch of their sites.

Why?

An Editor is someone who can publish and manage the posts and pages created by him/herself as well as by others. In other words, Editors have the ability to write, publish, and edit anything on the website. They are in charge of the entire publishing side of WordPress, which is why it is best to limit the number of Editors to 5 people. Assign this role to someone who knows the “big picture” of what your website should be doing for your branch.

How?

Visit the AAUW Site Resources website and complete the Request Form for New Website Editor.

But Wait!

AAUW Site Resources recommends creating branch e-mail accounts rather than using personal email accounts.

Example: WhovilleAAUW@gmail.com – GOOD

CindyLouWho@hotmail.com – BAD

Using a branch e-mail account rather than personal accounts will ensure that all communication with Site Resources is in one place and can be passed on to new branch web managers or communications officers in the future.

Tip of the Month: Website Archiving

What?

  • Store old documents, content, images, etc. from your branch/state website.

Why?

  1. Clear up extra storage space for future website content.
  2. Organize branch files and documents.

How?

  1. Apply the same records management principles for paper and electronic records. It will  make this task more manageable.
  2. A branch historian/branch collection officer should take the lead on archiving.
  3. Options for storage: print, external hard drive, CD/DVD. Flash drives are not a strong long term option as they may easily be lost.
  4. Maintain 1-2 years of newsletters on your website. Even when compressed, these files can consume a lot of storage space. The details contained within newsletters have greater short-term usefulness.
  5. Include your branch name and/or logo on all documents to brand the materials for your branch.
  6. Make sure all files uploaded to the media library have a search engine friendly file name. The name of a file typically becomes a part of the URL. Give your file a simple name containing keywords like newsletter, meeting, etc. This extra step will make it easier to archive and locate your files later.
  7. Keep an original version of files uploaded to the media library. You don’t – and can’t upload – a 10MB image to your website. The file is too large to download in a web browser anyway. Compress files for upload online, but maintain an original version in your files for historical purposes. Original files may be manipulated for future purposes.
  8. Include ALT tags with images. Online, alt text describes what’s on the image and the function of the image on the page. The alt tag is used by screen readers, the browsers used by blind and visually impaired people, to tell them what is on the image. When archiving, the alt tag can serve as a description of your image.

Learn more about the importance of preserving your AAUW history.

PayPal Support

You can update your branch sites to have a PayPal checkout button, which allows you to accept donations for your branch through your website, or to charge a registration fee for an event.

Site Resources websites require a bit of code editing before the button can be inserted on your site.  This step by step guide will walk you through the process so that you can get started accepting payments through your site!

PayPal’s Code

When you acquire the PayPal code from your branch’s PayPal account, it should look like this:

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”>
<input type=”hidden” name=”cmd” value=”_s-xclick”>
<input type=”hidden” name=”hosted_button_id” value=”HRWFEJ9YVUTCY“>
<input type=”image” src=”https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif” border=”0″ name=”submit” alt=”PayPal – The safer, easier way to pay online!”>
<img alt=”” border=”0″ src=”https://www.paypalobjects.com/en_US/i/scr/pixel.gif” width=”1″ height=”1″>
</form>

I have changed the text color of the important part of the code, which you will insert into the new shortened code that actually works on our websites. This is your branch’s merchant id, or how PayPal designates the money should go to you.

Adding the Button to your Site

Please email the embed code to site-resources@aauw.org mentioning your branch and listing which page you would like the code on. The Site Resources associate will embed it for you.


Example

From the “Text” tab.

<h3>Come to our branch meeting!</h3>
The meeting will take place in this location</br>
There will be a meal charge of (insert amount here)</br></br>
Please RSVP by (insert date here) to (insert e-mail address here)</br>
Click the PayPal link below to pay for your meal.</br>

<a href=”https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id= HRWFEJ9YVUTCY” target=”_blank”><img class=”aligncenter” src=”https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif” alt=”” /></a>

Will produce this:

Come to our branch meeting!

The meeting will take place in this location
There will be a meal charge of (insert amount here)
Please RSVP by (insert date here) to (insert e-mail address here)
Click the PayPal link below to pay for your meal.


If you need help, contact the Site Resources team.