• Skip to primary navigation
  • Skip to main content
Jessica Goddard

Jessica Goddard

Custom WordPress Theme Development

  • Custom WordPress Theme Development
  • Blog

WordPress

Introduction to Gutenberg – Resource Roundup

August 19, 2018 by Jessica Goddard

By now you’ve probably heard whispers (or shouts) about Gutenberg, WordPress’ new page editor. Opinions about this new feature are varied, but most people fall into one of two camps: love or hate.

Regardless of where you fall, Gutenberg is set to launch in WordPress core starting with version 5.0. (No definite date has been given, but the current version at the time of writing is 4.9.8 – so, soon.)

What is Gutenberg?

So, right now this is typically what  you’ll see when creating a page or post on your WordPress site:

This is the WordPress editor, now being referred to as the “classic editor.”

This editor is great for formatting text and adding images and links. What it isn’t great for is creating fun, custom layouts. Gutenberg is setting out to change that.

The new WordPress editor, Gutenberg.

The Gutenberg editor is based on blocks (similar to WordPress widgets) that can be added, edited, and rearranged as independent pieces. The goal is to reduce the amount of custom code required to make unique page layouts and free you from the limitations of the existing text editor.

Sounds great! Why would anyone hate it?

One of the biggest concerns people have is compatibility issues with existing themes and plugins. Fortunately, Gutenberg has been in development for a while as a plugin, so many theme and plugin providers have had an opportunity to test their products and make changes as necessary.

Aside from that, change is hard. Even little changes can through our whole workflow off balance, and this is a huge change to WordPress.

How can I prepare?

The best thing you can do is educate yourself. I wouldn’t be surprised if we all see an uptick in requests from clients as they start to experience the new editor.

Following are some of the best resources I’ve found for getting familiar with Gutenberg and its effects on the web design industry.

 

Diving Into the New Gutenberg WordPress Editor (Pros and Cons)

Kinsta provides a great overview of Gutenberg’s blocks and features. They also include a list of pros and cons so you can dive a little deeper into the differing opinions.

The Complete Anatomy Of The Gutenberg WordPress Editor

This is another detailed overview of Gutenberg’s blocks provided by Smashing Magazine, with its own list of pros and cons.

Video: A Quick Introduction to Gutenberg and the New WordPress Block Editor from LinkedIn Learning

More of a video person? Check out this video for a very broad overview of Gutenberg.

How WordPress Gutenberg Will Impact Designers

This short post by Invision offers some insight into the impact Gutenberg will have on web designers. I think point number four, the risk of repetitive design and layouts, is a good one to consider moving forward.

Try Gutenberg!

WordPress.org has created a page that allows you to get the hand-on Gutenberg experience. You’ll notice that anything you hover over on the page is editable. Check it out so you’re familiar with it before using it on a live site

So, with Gutenberg I’ll be able to make the custom site of my dreams?

Eh, depends on your skillset…  Out of the box, Gutenberg will still have limitations. Fortunately, Gutenberg has left the door open for the development of custom blocks.

Also, one of the most popular plugins for building custom WordPress sites, Advanced Custom Fields, is ready for the Gutenberg release.

Filed Under: WordPress

Website Analogies

March 5, 2018 by Jessica Goddard

Filed Under: Development, WordPress

Write Effortless Blog Posts Using Trello, Google Docs, and WordPress

October 16, 2017 by Jessica Goddard

You need a blog.

I’ve heard it over and over. I’ve even said those words to fellow business owners, but it took almost a decade in business before I finally found a way to make it happen.

I’ve always struggled with writing content for my business. I have beautiful, eloquently formed ideas swirling around in my head…until I sit down to write. Then, my mind goes blank, just like the screen I not-so-lovingly call the “White Screen of Panic.”

Blog anxiety is real, but I’ve figured out a way to overcome. Like most things in my life, a methodical approach has been my ticket to success.

With a documented process and the right tools, I’ve managed to find my blogging stride. Today I’m going to share it all with you, in hopes that you can also find your mojo.

Do you want to write better WordPress blog posts with less effort? Check out my process and template using Trello, Google Docs, and WordPress.

Start with a Sprint

Whenever I thought about starting a blog a few questions popped into my head.

What should my first post be!?

What if I don’t keep up with it?

What if it’s just really bad?

To alleviate this pressure I decided I needed to start hard and fast – with a sprint. For three weeks I wrote a blog post every weekday.

Instead of feeling like I had one first blog post, I had several (of varying topics)! I scheduled the posts to be published the week after I wrote them so that I’d have a buffer in case something came up that kept me from writing one day.

As for the quality of those first posts? Not my best work, but the beautiful thing about blog posts is I can go back and improve the shabby ones (which I’m currently doing).

After writing every day for three weeks I took a step back and started writing three blog posts every Monday. Now, I’m writing one blog post per week so I can focus on marketing as well.

Trello for Blog Process Management

I manage my blog process, from idea to completion, in Trello.

My first list is the dumping ground for all of my ideas. I color code them based on topic (or blog category) to make sure I have a good mix.

Beside the Ideas list I have one called Up Next. I move cards from the Ideas list to here when I’m feeling inspired by the topic. (I have a lot of ideas so it can get pretty overwhelming.)

Cards in the Ideas and Up Next lists will often have preliminary outlines (checklists), notes, links to resources, etc. to help expedite the blog writing process when it’s time.

As I go through the writing, pre-publishing, and publishing process I move the cards through the different lists (Outlines, Drafts, Graphics and Scheduling, Promoting, Done) to keep track of where I am with each post. Often I’m only working on one or two at a time so it’s pretty easy to manage, but I like the visual reward of moving the post across to the various lists.

Posts in the Done column include due dates (the date the blog post was scheduled for publishing) and images (to quickly see what I’ve posted recently.

Google Docs for Blog Outlining and Writing

Remember that “White Screen of Panic” I mentioned at the beginning? Well, this is where overcoming that reaction comes in.

To make sure I never start with a plain white screen I’ve created a blog template that I use for every post.

At the top of the post, I include a list of all of the SEO and marketing data I will need. This includes:

  • A keyword
  • Page description
  • Text for the featured image
  • Alt text for the image (also used as the default Pinterest description)
  • Content upgrade to be used
  • Copy for social media posts

Having all of the SEO and marketing data figured out makes pre-publishing a breeze. (Need a little help understanding the SEO terms above? Check out this post on simplified SEO.)

I also include a simple checklist of things I’d like to include in each blog post:

  • Click-to-tweet quote
  • Formatting (bold, italic, etc.)
  • Link(s) to internal page(s)
  • Link(s) to external page(s)

When I first started writing blog posts I would just “wing it” and write the whole thing at once. Now I create outlines first because I’ve discovered it makes the actual writing process go so much smoother and results in much more cohesive posts.

In my blog template, I include a starter outline. It reminds me to include an introduction (hook the reader), a body with 3-5 main points, and a conclusion with a call-to-action.

Typically I write my outline a day or more before writing the post because I like to marinate on the topic. Despite best practices, I only write one draft, editing and formatting as I go. (I don’t recommend this…but, you know.)

Migrate Blog Posts with Ease

So, maybe I’m late to the game, but I just discovered that there is an amazing Google Docs add-on that moves blog posts to WordPress WITH FORMATTING.

Do you realize how huge this is? Before I would apply formatting in Google Docs then migrate and either clean up the messy HTML or paste as plain text and reformat. Now it’s one click and I’m set!

To use the add-on you have to install Jetpack on your website and install a Chrome extension. (Note: I know that Jetpack isn’t the most loved plugin by WordPress developers, but I haven’t had any negative effects since I started using it.)

Don’t use Chrome or don’t want to use Jetpack? There is at least one other plugin that allows you to do it easily, but I haven’t tried it.

Final Blog Prep in WordPress

Once my blog post has been migrated to WordPress it’s time for final pre-publishing preparations.

First, I set the date for when I’d like the post to be published. If I don’t do this first I will inevitably end up publishing the post immediately instead of scheduling it. Next, I select a category for the post, specify tags, and upload a featured image.

Moving back to the post itself I insert the post image and set the alt text. I use the Grammarly extension for Chrome to check for any grammar and spelling mistakes that Google Docs missed and set up my click-to-tweet phrases with the Better Click to Tweet plugin.

Moving my attention to SEO, I insert my keyword and description using the Yoast SEO plugin. Yoast then lets me know how SEO friendly my post is and I make any edits that I deem necessary.

Finally, I prep my social media posts that will be published when the blog post is published using the Social Networks Auto-Poster (SNAP) plugin and schedule my Instagram post using Later.

Wrapping Up

[bctt tweet=”A lot goes on behind-the-scenes of every blog post.” username=”jess_creates”]

My process has changed significantly since I started, and I’m sure I will continue to refine my process and template.

Following these steps has allowed me to focus more on social media and SEO than I was able to previously.

Want to snag a copy of my Trello board and Google Docs template?


 


Filed Under: Business, WordPress Tagged With: marketing, seo, tools, trello

Selecting Free WordPress Plugins in Four Steps

September 15, 2017 by Jessica Goddard

One of the great things about WordPress is the abundance of free plugins that are available to extend the functionality to meet your website needs. Unfortunately, there are a lot of bad plugins (think security concerns) out there that make choosing the right plugin a little difficult. Here are the steps I follow for selecting free plugins for myself and my clients.

Four steps for selecting free WordPress plugins

  1. Google it!
    Yes, WordPress allows you to search for plugins within the admin interface, but I prefer my trusty friend Google. My Google phrase tends to be something like “wordpress explanation of functionality” (ie: wordpress simple seo). I like to open tabs for each plugin I’m interested in then start comparing the metrics listed below.
  2. Compare metrics.
    In the right column of a WordPress plugin page you’ll find a set of metrics that are invaluable for choosing which plugin(s) to try.

    • Last updated. This will tell you how active the developers are and how likely it is that this plugin will work with your current version of WordPress and with future updates. Also, active development means the plugin is likely to stay up-to-date with security essentials. Plugins that haven’t been updated for more than two years will display a warning.
    • Active installs. In this case, popularity does matter! Active installs lets you know how many other WordPress sites are actively using the plugin. It’s a safe assumption that if a lot of people are using the plugin it is of good quality.
    • Ratings. I’m going to assume you are familiar with the way ratings work. I like to pay particular attention to the ration of good to bad ratings and will read reviews of the bad ratings if I’m particularly concerned.
  3. Read descriptions.
    Yes, I read the descriptions after looking at the metrics (because honestly it takes more time to read than look at numbers). Don’t forget to check out the screenshots that are (hopefully) provided. You have a good idea what you’re looking for and you’ll quickly be able to decide if a plugin will meet your needs.
  4. Try it out!
    The only way to 100% know if a plugin is going to work for you is to try it out. Luckily we’re talking about free plugins so the only thing this will cost you is time. Always take a backup of your site before installing a new plugin and, ideally, install on a staging (cloned) version of your site.

Now, sometimes there is not a free plugin that will provide the features and quality that you need and you must find a premium plugin. Luckily a lot of premium plugins also have a free version so you can get a feel for what they provide. When it comes down to it, consider the value of your website and it may be easier to spend money on good quality plugins.

Filed Under: WordPress Tagged With: how to

An Embarrassing Truth About My WordPress Website

September 8, 2017 by Jessica Goddard

I’m a web developer. I love creating WordPress sites totally from scratch, digging into the nitty gritty of CSS and HTML. I have often shied away from visual page builders with drag-and-drop interfaces because it takes away from my “craft.” At times I’ve probably even spoken badly about them to clients and peers.

But, I have a confession.

The truth about how I created my website, using the tools that met my goal.

My website (on the day of writing this) is using Beaver Builder, one of those WordPress page builders I have so vehemently avoided. Why? Well, I was in a hurry. My goals were more pressing than my need to create a custom theme. By swallowing my pride I was able to create a beautiful, functioning site in about a day and move onto more pressing matters.

What’s the point of all of this? Sometimes the simple solution is the best solution. Sometimes your budget or timeline may not be adequate for a custom site and in that case you need to do the best you can with what you have to keep yourself (and your business) moving forward.

Filed Under: WordPress Tagged With: vulnerability

My Simple WordPress Update Process

September 7, 2017 by Jessica Goddard

I love WordPress. It’s relatively simple, very powerful, and easy for my clients to manage. The one aspect that can get a little hairy is keeping everything updated (which is essential for the security of your site). I typically perform updates twice a month, sometimes more often when there is an urgent security release, and this is the simple process I use to minimize issues.

My simple WordPress update process to increase security and reduce fear

BONUS PREP STEP: Create a document that details what each plugin on your site does, that way when you update plugins you will know which element(s) of your site you need to test.

Simple WordPress Update Process

  1. Backup your WordPress files and database and download the files to your computer. BackUpWordPress is one of my favorites for its simplicity. I typically keep one set of backups on my computer at any given time (meaning each time I take a new backup I delete the old one).
  2. Update the plugins using WordPress’ easy update page. If you have a lot of updates at once or if you are using a plugin that has major significance on your site consider updating just a few plugins at a time.
  3. Test your site to confirm everything is still functioning as expected. Remember to clear your cache (if necessary) to confirm all changes have gone through.
  4. Update and test the theme you are using the same way you updated your plugins.
  5. Finally, perform any updates to the WordPress core and, again, clear your cache and test the site.

That’s it! You should be able to sit back and relax knowing your site is up to date and working beautifully. Should you encounter an issue, you can always reach out to me, or check out Codeable or WP Curve.

Filed Under: WordPress Tagged With: how to

© 2023 · Jessica Goddard LLC · Privacy Policy · Terms of Use