Posted in Wordpress Dev

Quotation Marks in Code


If you’re trying to figure out why your Wistia, Youtube, Vimeo embed code doesn’t work on your site… You might have pasted the code from a word processor into your WordPress page.

Some word processors automatically style straight quotation marks like these " (also the symbol for inches) to English typographic quotation marks like these “.

Here’s a visual:

The bottom quotes are the type you want to replace. You want the straight inches mark.

You should be able to replace the smart quotes (aka curly quotes) in the text tab of the WordPress page editor. This is a plain text editor that will not style your text.

Here is simple online find/replace tool that won’t have any automatic styling that some word processors do. Just type the quote mark from the keyboard to replace the Smart Quote. Then copy and paste into the HTML of your page.
http://www.unit-conversion.info/texttools/replace-text/

You can also use the TextEdit app if you have a Mac. Make sure you are in the plain text format by going to Preferences. Rich Text Format will turn the keyboard straight quote into smart quotes.

Here is a wonderful cheat sheet about quotation marks and other typographic elements and how to achieve them with your keyboard: https://www.typewolf.com/cheatsheet.

Author:

Art Director, Web & Graphic Designer =^..^=

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.