Image
  • Home
  • About
  • How it Works
    • FAQ
  • Pricing
  • Theme Options
  • Portfolio
  • Blog
  • Sign up/Contact

Archive for typography

Minimize Inline HTML in WordPress

April 28th, 2014

htmlWordPress makes it easy to manage content on a website without knowing code.  But if you know HTML/CSS, it isn’t the best idea to do a lot of inline code that overrides the theme.  Occasionally, a bit of margin here or there is fine, but we discourage extensively using inline HTML/CSS to override the theme.

Here’s why:

  • Depending on how this HTML/CSS is used, it holds the potential to slow your page delivery down, hurting your search engine optimization.  First your theme’s CSS loads, telling it to give every paragraph a 10 pixel margin on the left, then your inline HTML loads, with a command in every paragraph for a 15 pixel margin on the left. This additional code takes a tiny fraction of a second, but if you start multiplying that extensively on every page, it can certainly start to add up.
  • If you are planning to update the look of your site with a new theme (actually, I should say when, since it will almost certainly happen at some point in the future), it’s highly probable that someone will then have to go in and undo all of that in-line HTML/CSS to make the new theme display properly.  Rule of thumb: try not to create future work for future web managers.
  • The focus of our ACWP program is helping people without a lot of tech skills be able to manage their own sites. We’ve learned the hard way that it is infinitely preferable to not create hurdles for lower-tech folks to manage content. If you do a lot of in-line HTML/CSS, you may be the only person who can make changes without creating problems in display.  We always want to be planning ahead for a “hit by the bus” scenario – if you are suddenly unable to make changes to the site (for instance, through illness or travel), we want to have done the small things ahead of time that will enable others to make changes without making a mess.

(Note: We’ve had two separate clients where someone with HTML/CSS knowledge created a lot of in-line overwriting of the WP theme, and when that person needed to stop working on the website, the organization had to call us to “fix it” so that all that in-line code didn’t keep messing up what the new web manager was trying to do through the visual editor.)

Even people without code knowledge can inadvertently create these problems. Most frequently, we see this when web managers get carried away with changing font colors. Every time you change the font color, it creates inline HTML.  Instead of using inline font colors to emphasize text, try these suggestions.

Best practice: as much as practically possible, you want to rely on the WordPress theme to control the display and look of your site.

Categories Uncategorized
Comments (0)

How to Emphasize Without Appearing Desperate or Deranged

February 4th, 2014

bold-italicIf you wanted to promote an event in front of other people, would you stand on your chair and yell? Would you waive unattractive homemade signs in their face? No? Then stop doing the digital equivalent on your website!

Not all the text that you put on your website is created equal. Often, there will be something that you need to emphasize – something that you need to have stand out so that people will pay attention to it.

Sometimes website content managers who are trying to emphasize text do things like typing whole sentences or paragraphs in all caps, or making their font-color fire engine red (when that clearly doesn’t fit in the color scheme of the website). These attempts to emphasize text– where the content manager is presumably intending to create excitement, or at least encourage participation – can create the impression that the writer (and by extension their organization) is either desperate or deranged.

In emphasizing text, your goal is to create some hierarchies of importance that will assist the reader in making meaning out of your text. This is even more important on websites, because most users are not actually reading – they are scanning for relevant information. When you effectively emphasize text, you are communicating: “This is more important than that” – without overwhelming your user.

Here are some tips for more effectively emphasizing text:

  • All caps is the online equivalent of yelling. It’s not that you should never yell – just take care to use it when it might be effective, and know that yelling sparingly will create a better response—no one likes to be yelled at. “RESPOND NOW!” is probably more effective than: “PUT YOUR PLEDGE CARD IN THE ENCLOSED ENVELOPE AND BRING IT ON SUNDAY!”
  • It is often helpful to type a single word in all caps as a way of emphasizing it, but think about what you’re actually emphasizing. “The SECOND Annual Fundraiser” is less effective than “The Second Annual FUNDRAISER”.
  • Use bolded and italic text in the same way– sparingly and thoughtfully.
  • Never use underline to emphasize text on the website! It will be mistaken for a hyperlink. (See how I bolded just the word never in that previous sentence?)
  • Using font colors that are odd, or not a part of your website’s color scheme generally draw more attention to themselves than the actual text you are trying to emphasize. You end up distracting from the text, and it looks unprofessional – like using too many different PowerPoint animations, just because you can.
  • If you are using a WordPress website, let your theme control the font colors – try using Header 3 or Header 4 from the Format drop-down in the content editor. All that text you put in “special” colors on each page will have to be undone the next time you change your theme!  In most cases, using bold and italic maybe all you need to effectively emphasize text.
  • It might be helpful to give some thought to your “typographic hierarchy”, which is just a way of saying use your font styles to visually convey meaning–and use that typographic hierarchy consistently within your website. For instance, all the bolded info on your page should have the same degree of relative importance.  And under each area with a bolded heading, italics further emphasizes text. Here’s an article for further reading.
  • Sometimes it’s not your font styles that conveys meaning and emphasis, but your layout. Centering on event title on its own line can emphasize that event, whether or not the font is bolded or in italics. Content that is laid out in columns side-by-side conveys that the information is of equal importance.

Share your other content emphasis tips in the comments below!

Categories Uncategorized
Comments (0)

Cart

Recent Posts

  • SSL & Encryption Changes Will Affect Almost All Sites
  • Avoiding Image Copyright Issues
  • Let Your Theme Keep You Looking Good!
  • Get Google Apps for Nonprofits for Free

Topics

audio beginners blog columns comments communication content management Content Managment Systems design email events Facebook flyers forms Home Page images layout links meetings menu mobile news feed newsletters optimize pages PDF photos posts print newsletters registrations responsive rsvps scheduling SEO site content site speed social media terminology Twitter typography user experience video volunteers Wordpress WP theme
Affordable Church Website Program
Copyright © 2021 All Rights Reserved

Site built with Affordable Church Website Program
This site uses cookies: Find Out More