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.

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.

I Love Rainbows!


I was pleasantly surprised when I did a git push of a recent commit to Bitbucket, and saw the Atlassian logo printed to the console in rainbow colors! Super cute!

Ok, now back to work….just wanted to share. It’s been awhile. I’m not great at the whole blog thing – but I’m OK with that…. A few posts now-and-then is cool with me.

I spend a lot of time in front of the computer so I like to get out in nature with my baby girl (Emma, my fawn pug — My black pug, Sammy, passed away in April… we’re adjusting to the new reality. It’s been very sad… We miss her…).

I also like to spend time drawing/sketching/doodling on paper. Gotta balance it out. Too much time in computer/server/phone world is … too much time. 😉

The outside world is quietly calling… go observe the little details of the world on a nice leisurely walk. Feels good to get away from the glowing screeeeens! Go 🌿

=^..^= (our kitty Istie-boy also passed away last August… we miss him too….)

Posted in Wordpress Dev

Vagrant/VVV: Upgrading Mysql to 5.6


WordPress requirements state:

To run WordPress we recommend your host supports:

  • PHP version 5.6 or greater
  • MySQL version 5.6 or greater OR MariaDB version 10.0 or greater

If you’re using Vagrant and VVV as your WordPress development workflow, here’s how I upgraded mysql from 5.5 to version to 5.6. If you want more info about how to use and setup this workflow checkout these tutorials.

I came across lots of articles and discussions about upgrading mysql when using a Vagrant/VVV setup, but my main question was “do I upgrade from within the virtual box or from my computer?”  None of the articles I found answered that question. So in case it’s not obvious to you either–here’s how you do it. I’m outlining these steps as if you’re also on a Mac:

Install 5.6 in the Virtual Box:

  1. From a Terminal window, change directory (cd) to your vvv folder:
    cd ~/vvv
  2. SSH into the virtual server:
    vagrant ssh
  3. Now issue the commands from this script (copy and paste the commands into the prompt and press enter):
    # Backup of all databases... JUST IN CASE
    mysqldump --all-databases --single-transaction --events --user=root --password > ~/all_database_backup.sql

    # Remove MySQL 5.5
    sudo apt-get remove mysql-server
    sudo apt-get autoremove

    # Install MySQL 5.6
    sudo apt-get install mysql-client-5.6 mysql-client-core-5.6
    sudo apt-get install mysql-server-5.6
  4. Check to see which version of Mysql is now installed:
    mysql -V
  5. You should see that you have version 5.6. Wee!
  6. Keep your ssh connection open if needed, or you can now exit


Update Your Provision.sh File from Your Mac:

  1. From a new Terminal window, change directory to your vvv folder
    cd ~/vvv
    – or if you exited your ssh connection, you should already be there. Print working directory to check your path pwd
  2. List the contents of the vvv directory ls
  3. Change directory to provision
    cd provision
  4. Edit the script file you find inside:
    vim provision.sh
  5. Use your arrow keys to move down to the line that says mysql-server
  6. Press i to get into — INSERT — mode
    1. Use your arrow keys to get to the end of mysql-server
    2. and type -5.6 so it now says mysql-server-5.6
    3. Press the esc key to get out of — INSERT — mode.
    4. Type :wq to get into the vim command mode (:) and to write (save) the file and quit vim
  7. Now you need to run the provision script: vagrant provision or if vagrant isn’t running vagrant up --provision
  8. In the verbose log that’s printed to your Terminal window you should see

    ==> default:  * mysql-server-5.6


That should do the trick!

And here’s a beginner’s guide to bash scripting that I found handy, and where I learned that chmod stands for change mode. 😀

p.s. I’m using Local by Flywheel these days instead of VVV for WordPress local dev. It’s nice to have a GUI and it’s speedy to create a new site! And since it uses Docker, you can enable live links to share your local progress with clients and teammates. Pretty cool. =^..^=   https://local.getflywheel.com/