Defining Your Excerpt

There are two types of excerpts: an Automated Excerpt which is generated from post content, and a Manual Excerpt which is entered into the post separately.

If you do nothing to define your excerpt, WordPress will automatically truncate the post at the word closest to 150 characters. This can result in some awkward mid-sentence and mid-paragraph cut-offs. It’s better to manually craft a custom tease using the Excerpt field. The 150-character limit still applies, but this allows you to craft the excerpt to fit the limit more naturally.

If you cannot see the Excerpt field when you are editing a post, open up the “Screen Options” menu at the top of the page, and select “Excerpt”. Voila! You will only need to do this once.

Featured Images and Pull Quotes

You will have many options when choosing banner images (or lack thereof!) for your posts. To set this up, navigate to the “Blog: Featured Images & Pull Quotes” section in the right sidebar when you are editing a post. From here, you will be able to add a “Featured Banner”, which is the large banner image that appears for the large featured post on the blog homepage as well as at the very top of a single post.

From this section, you can also customize how you want the post “tile” to look in the blog roll. You can choose from a “Default Image”, which is just a simple pattern that cannot be customized; a “Featured Tile Image”, which is any image of your choosing (this can be the same image chosen for the “Featured Banner” if desired); or a “Pull Quote”, which allows you to featured a segment of the post, up to 120 characters. The “Featured Tile Image” or “Pull Quote” are the recommended options.

Dealing with Unruly Text

If text or imagery in your post is displaying funky fonts, sizing, or color, it’s likely that you’ve copied and pasted content from somewhere and that WordPress is failing to clean the underlying code. Though you may lose some formatting that you do want, it’s worth using the “T” clipboard in the toolbar to paste in the raw text and then to reformat as necessary.


Using HTML’s Inherent Structure

The best way to ensure consistent design and to maximize readability for Google is to use bare HTML, which is best accomplished by sticking to the WYSIWG toolbar (except for the text color button!). The leftmost format pulldown provides the basic block formats.

As a Rule, Don’t Use this Heading 1

The Heading H2 Should be used for section headers

Heading 3 can be used for a subheading within a section

Occasionally, a Heading 4 is in order

You can demote a header to a plain old paragraph by placing a cursor in the header and selecting “Paragraph” from the dropdown.


Blockquote with Citation

Aenean quis felis ac ante congue ornare non eget arcu. Aenean pellentesque congue lectus at dictum. ~ Technology Leader


Text styles and lists

Some inline examples. This is strong text, consectetur adipisicing elit, this is text with emphasis ut labore et dolore magna aliqua. This is linked text veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • An unorder list
  • With another item
  • An more items
  1. An order list
  2. With another item
  3. An more items

Displaying Code

Currently, we’re not using using “Preformatted” for displaying code. We’re using Github Gists for that purpose. And now, Github gists can be included via the built-in shortcake. Click on “Add Media” above the editor, click “Insert Post Element”, and select Script.

Shortcake-Script-Screenshot

Provide the script URL, and voila.

Future Attractions

Buttons

Button styles

Google
My Allegheny
Allegheny Home

Button colors

Google
My Allegheny
Allegheny Home

More information on using buttons

 


Tables

Tables, like Excel Spreadsheets, are divided into rows and columns, and are great for organizing data. Tables are not appropriate for controlling the layout of a website:

This is the header
featured cell 1 Information1 Information2
featured cell 2 Information3 Information4
SendGrid uses cookies to enhance your experience. We use these for advertising and analytics purposes. By continuing to use our site, you agree to our use of cookies.
Newsletter Subscription

Sign up for our newsletter to get The Scoop on product and email news.

Please enter a valid email address.

We respect your privacy. Learn more here.