WordPress Cheat Sheet
This cheat sheet is specifically for WordPress – although some notes will apply more broadly.
- Use headers (h1, h2, h3) to help with readability and scannability. Use headers like an outline.
- Write simple, direct, human content.
02 Uploading, Inserting Images
Images need to load fast in users’ phones, and on their dial up internet service. So crop and compress files. JPGs are good, and so are GIFs.
- All images need to have titles and ALT text.
- Most images will be around 800 pixels wide or less. Landscape shaped is easier.
- Sometimes feature images have a particular shape. If so, check the size and shape of existing images that are effective in the Media library, and emulate them.
- A good services for cropping, editing and compressing is webresizer.com
- Photos need to be under 100kb. Under 50kb is even better. Bonus points for images under 25kb.
- Post and projects should usually have featured images.
- When inserting images into a page or post, generally don’t let the image link to itself or somewhere else. No links on images.
- Try using Pixr Express for online editing of images (like feautured images) – it has many cool filters and features.
03 Writing blog posts
- Got to: Posts > New
- Add to a single category
- Add as many tags as you want
- *Slug = end part of the URL (editing optional)
- Add featured image > always put title and alt text or insert image into the post (See Adding, Inserting Images)
- Don’t forget the Excerpt: descriptive, teaser text
- Select an author
- Save as Draft, or Publish!
04 Adding a page
- Are you sure you need a new page? Double check. Search. Ask a buddy.
- Still sure? Go to PAGES > Add New
- What is the new page title?
- What will the new, stable, easy to reference, url be?
- Will the new page go in the main menu? A different menu?
- What template does this new page need. Default is probably fine. But maybe you want something else?
05 Special text
There are other special styles that are not shortcodes.
- Bold text: select some text and click the B icon (actually called a strong tag)
- Italicized text: select some text and click the I icon (actually call an em tag: emphasis)
- Blockquote: put your cursor in a paragraph and select the quotation mark icon.
- bullet points: put your cursor in a line and select the bullet point icon.
- numbered list: put your cursor in a line and select the numbered list icon
06 Widgets and Widget Blocks
The content that goes in the footer and sidebars of your website is generally managed through the Widgets, and Widget Blocks. Check the Widget Blocks first.
07 Website caching
Websites are cached on the server to speed them up. When you edit a page, the cache for that page is automatically expunged. If you’re editing content in a widget (footer or sidebar) then you will probably want to clear the website cache.
You can view the website in a browser that’s not signed into the site, to see how visitors will view your site.