Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Use this to view the actual HTML markup of your content. If you're familiar with HTML, this can be handy to clean up imported pages that are displaying poorly, or to fine-tune your image placements. Typically you should only be seeing paragraph, link, and text formatting tags. Some imported content may have extraneous <div> and other tags with inline styles that can be safely (style="blah blah blah") that should be stripped out in most cases to get things to display properly

Text formatting

Things like bold, italic, indents, bulleted and numbered lists—all of these work just like you'd expect in any other word processor. You will typically only need to use bold/italics and the bulleted & numbered list buttons. There In our layouts, there are very few cases in which anything should be centered or indented.  

...

Highlight any text in the editor and click the Link button to create a link . If you're linking to pages within your site, it's recommended to paste in a relative link (if you're linking to http://ny.audubon.org/conservation, you can simply put conservation in the link box, leaving out your top-level domain address)by pasting in the URL you want to link to, whether it's on your own site or an external site. You can also create linked email addresses. 

...

Use this drop-down to create headings (either select the text you want to turn into a heading, or simply place the cursor anywhere on the line you wish to turn into a heading). It's easiest if the header text is on its own line, that way the entire paragraph is not turned into a heading along with it. 

We should always use heading tags to mark headings in body text—not bold or italics (and headings themselves should never be italicized or bolded). The larger the heading number, the bigger the heading will be:

...

  • Heading 1 is the largest heading, and should rarely shouldn't typically be used in the body text (the title of the page or article is already assigned h1, and Google and other search engines typically only like there to be a single h1 on each page))
  • Heading 2 is for use on pages that should have two sets of headings—main headings, and sub-headings. Use h2 for the main headings. 
  • Heading 3 is just the right size for text that only needs a single size heading. It's the most commonly used heading on the site.  

...

Clicking the "Add image/media" button on the far-right gives you a variety of options to place non-text content into your page. "Image" will be most handy (for details on Image sizes/etc, see the Image size/crop requirementsPhoto Rules and Guidelines page). 

A cool trick for moving images around

But here is a trick that will make image management much easier. If you ever want to delete or remove an image, you can select it in the WYSIWYG view so that it's highlighted yellow, and then press delete:

...

But sometimes, this won't fully delete the image (don't ask; WYSIWYG editors are still surprisingly clunky across the entire web). And sometimes you don't want to fully delete an image; you just want to move it. To make deleting and moving images easier, I recommend:

...