Published using Google Docs
Web Design Practices
Updated automatically every 5 minutes

GEOG 351: Website Design

Best Practices

WordPress Dashboard

WordPress Customize Menu

Common Issues / FAQ


Best Practices




Link text



WordPress Dashboard








WordPress Customize Menu

Not all themes have the same menu, so some items may be different or missing. All should have Site Identity, Menus, Widgets, Homepage Settings, and Theme Options.

Site Identity

Header media


 Create new menu

  1. Title your new menu, this is so you know which menu is which and won’t show up on your site
  2. Select Top Menu
  3. Add items, select the pages you want to appear on the menu
  1. You can rename the page titles once you add them by clicking the down menu option and changing the Navigation Label
  1. To save you new menu, hit publish


Homepage Settings

Common issues / FAQ

Too much white space, especially on the right side.

(Might not be able to fix this anymore, likely bc mobile constraints)

  1. Convert any posts to pages (means you’ll also have to update the menu structure)
  2. On the Wordpress dashboard, go to the “all pages” settings
  3. Hover over a page title and click “quick edit”
  4. Open the “template” drop down and select Full Width instead of the default

Changing the homepage to different page

  1. Open the “customize” menu from the top toolbar
  2. Open the “homepage settings”
  3. Choose the option “A static page”
  4. In the “Homepage” drop down choose the page title you’d like as your homepage
  5. Save by clicking publish

Menu pages or order not right

  1. Open the “customize” menu from the top toolbar
  2. Choose the “menus” option
  3. Click the Main Menu button
  4. Drag to reorder pages or click the add items button to add a different page
  5. Save by clicking publish
  1. Image caption text too large
  1. Highlight the caption text in wordpress editor
  2. In the pop-up menu with text formats, click on the down arrow and convert text to superscript
  1. Changing the font
  1. Start at Google Fonts and pick out the font you’d like to use
  2. Open the Wordpress dashboard and choose the “plugins” editor
  3. Search for Google Fonts and activate
  4. Below the “Plugins” title there are three links (all, active, inactive), click on the Active link
  5. Under Google fonts, click on settings. Now you can change the font for different aspects of your text



Vox Accessibility guide

UCI Web accessibility starter guide

Mailchimp writing for accessibility

Color safe accessibility checker 

Visual Design Principles