Randy A Brown

Author: Randy A Brown

  • Getting Started with Divi: Using the Divi Builder

    Getting Started with Divi: Using the Divi Builder

    Reading Time: 4 minutes

    The Divi Builder is a drag-and-drop page-building system that makes it easy to create unique layouts. Whether you’re using premade child themes, premade layouts, or creating your own, it’s crucial to understand how to use the Divi Builder. In this post, we’ll step through using the Divi Builder to help you get started on your website designs.

    Note- this article contains affiliate links. Using them helps support this website.

    Accessing the Divi Builder

    The Divi Builder is available on every page and post and in the Divi Theme Builder. It works the same regardless of where you access it. Accessing it in the Divi Theme Builder takes a few extra steps. I’ll cover that in a future Divi tutorial. I’ll build a page in the examples for this Divi tutorial.

    First, create a page (or post) as normal by going to Pages > Add New. Add a title and click Use Divi Builder.

    This takes you to the front end with the Divi Builder enabled. Here, you can add sections, rows, and modules. A section can hold multiple rows, which in turn can hold multiple modules. You’ll need all three elements to create Divi layouts. You can also drag them around, resize them, and style them. It includes one section already enabled, which is outlined in blue. Add more sections by clicking the blue plus icon.

    Add a Row

    To add a row to the Divi Builder layout, click the green icon and select the type of row you want. You have twenty layout options for the row. Each includes a different number of columns in different widths. You can add as many rows as you want, so you can mix and match for the exact page layout you want.

    The row is outlined in green. Each column can hold one Divi module horizontally, but you can add as many vertically as you want. Add more rows by clicking the green plus icon.

    Add Divi Modules

    To add a Divi module to a column, click on the dark gray icon. This opens a modal with all of the Divi modules. Next, search for the module you want by entering a keyword into the search field or scrolling down until you find your module.

    To add more modules, simply click the gray icons.

    Adjust the Divi Builder Elements

    Adjust the sections, rows, and modules by clicking on them. You can drag them from one location to another, open their settings by clicking their gear icons, add padding by dragging the edge, and more.

    I’ve added padding to the top of the section by grabbing the top and dragging it down.

    I’ve adjusted the text by clicking it to open the text settings.

    In this example, I’ve opened the blurb module’s settings by clicking its gear icon. Here you can add your content and style the module.

    To style the module, click the Design tab and make your adjustments. When you’re done, close the module’s settings by clicking the green checkmark.

    Adjust the sections and rows the same way as the modules. in this example, I’ve added a background gradient to the section and selected a pattern. We’ll go through all these settings in future posts.

    Ending Thoughts

    That’s my quick and simple look at how to use the Divi Builder. There are a lot of settings I didn’t cover, but I wanted to start with the basics. From here, you can play around with the sections, rows, modules, and settings to create your own layouts. You can also use these same settings to customize premade layouts.

    For more information about using premade layouts, see the article Getting Started with Divi: Use a Divi Layout.

    I’d like to hear from you. Have you used the Divi Builder? Let me know what you think about it in the comments.

  • Getting Started with Divi: Use a Divi Layout

    Getting Started with Divi: Use a Divi Layout

    Reading Time: 3 minutes

    One of the greatest advantages of Divi is the number of free layout packs that are available within the theme builder. Fortunately, these layout packs are easy to load into Divi and customize for your needs. In this post, we’ll see how to load and use a Divi layout step-by-step.

    Note- this article contains affiliate links. Using them helps support this website.

    What Are Layout Packs?

    Layout packs are pre-designed pages to help you get a head start on your website’s design. They’re available within Divi. Each layout pack is designed around a theme and includes custom colors, graphics, or images. All you need to do is choose the layout you want and then add your content. If you want to build a website using every page from a layout pack, simply create each page individually and follow this process until you’ve created the pages. Since they’re made with the Divi Builder, you can customize them to create a design that’s unique.

    Create a Page

    The free Divi layouts work with any page or post. We’ll build a page. Go to Pages > Add New in the WordPress dashboard.

    Next, add a title and click Use Divi Builder.

    Click the purple menu icon at the bottom of the screen to open the menu and click Load From Library (the plus icon on the far left).

    Scroll or search through the layout packs to find the one you want for this page. Select the layout pack you want to see.

    The layout pack will open to show all the layouts within it. Select the thumbnail of the layout you want to see. Place your cursor over the preview in the left window and scroll down to see the entire page. Click the green button labeled View Live Demo to see the page at the Elegant Themes demo site. Once you’ve decided on a layout, click Use This Layout.

    Once the layout loads into your page, replace the images, text, and links with your content and publish the page when you’re ready.

    Customizing the Layout Pack

    You can also change the colors and fonts, remove or add elements, combine elements from other layout packs, and add your own customizations. This is done in the settings for the modules, rows, and sections. Once you have your fonts and colors selected, you can save them and make them the default for your website. You can also save any modules, rows, or settings to your library to use on any page. We’ll go through these settings in future articles.

    Ending Thoughts on Using a Divi Layout

    Divi’s vast number of free layout packs makes it easy to get started on your website’s design. There are hundreds to choose from, and fortunately, they are easy to use. Following this process makes it easy to quickly build your website using the free Divi layouts.

    Click here to purchase Divi

    For more in this series, see Getting Started with Divi: Installing Divi

    How about you? Have you used a Divi layout? Let me know what you think about it in the comments.

  • Choose a Business Idea in Three Steps

    Choose a Business Idea in Three Steps

    Reading Time: 2 minutes

    Choosing a business idea can be one of the most difficult and frustrating steps in starting a business. There are several methods of choosing a service-based business idea. In this post, I’ll focus on a concept that I heard on a podcast back in 2014 of how to choose the best service-based business idea for you. I don’t remember the podcast or the guest on the show, so I can’t give them proper credit. However, this is the advice that helped me choose to start my writing business.

    Step one: List your Top Skills

    Make a list of the top 3-5 skills that you’re especially good at. It doesn’t matter what the skills are at this point. You’ll analyze them later. List those that come easily to you, you’re comfortable with, and what you have an aptitude for. If you need to, make a larger list and then narrow it down. Think about the things people brag on you about, the comments they make, or the things they come to you for help.

    When I did this exercise, I listed:

    • Writing
    • Playing guitar
    • Leadership

    Step Two: Research Which of Those Skills Are in Demand

    Next, research those skills to see which are in demand. There are several ways to do this. You could search through job postings, search through training courses, and research career and growth data on sites such as the Bureau of Labour Statistics.

    This research was an eye-opener for me. I found that writing was in demand, and there were lots of different types of writing to choose from. My options included:

    • Copywriting
    • Article writing
    • White papers
    • Business Plans
    • Editing
    • Ebooks

    Step Three: Determine Which of Those You Can Afford to Provide

    Finally, look at ways you could provide the skills as a service in a way that you could afford to provide. Ask questions such as what you need to get started, how to get started, the cost of getting started, the difficulty of standing out from the crowd, etc. This can also include the ability to get backers if needed.

    I found that writing had a low cost of entry. All I needed was a computer, a good word-processing app, and a way to get the work. I did some research, created a business plan, and started my business. I’ve been a full-time freelance writer since September 2014.

    Ending Thoughts on Choosing a Business Idea

    Choosing the best business idea isn’t easy, but following a structure such as this one can help get you started in the right direction.

    I’d like to hear from you. Have you started a business using a process like this one? Let me know in the comments.

  • Getting Started with Divi: Installing Divi

    Getting Started with Divi: Installing Divi

    Reading Time: 3 minutes

    Divi is an excellent page builder for both beginners and seasoned web developers. Anyone can learn Divi and make amazing websites. In this series, we’ll explore the basics of getting started with Divi. In this post, we’ll go through the steps of installing Divi.

    Note- this article contains affiliate links. Using them helps support this website.

    Purchase and Download Divi

    First, purchase an Elegant Themes membership. Purchase a yearly membership or a lifetime membership. The yearly membership is $89 per year and only includes updates and support while the membership is active. The Lifetime option is a one-time payment of $249 and you’ll always have access to updates and support. Both are good choices, but I recommend Lifetime membership if possible.

    Next, log in to the Members Area and click Download the Theme. Ignore the plugin unless you want to use the Divi Builder with a different WordPress theme. I recommend downloading the Blooom and Monarch plugins while you’re here. We’ll install and use those in future articles. Keep this tab open. We’ll come back to it in a little bit.

    Installing Divi

    In your WordPress website, go to Appearance > Themes in the dashboard menu and click Add New.

    Next, click Upload Theme and then click Choose File. Navigate to your zipped Divi file and select it. Click Install Now and wait for Divi to upload. Be sure to delete any other themes in your list. You won’t need them.

    Finally, click Activate. Divi is now ready to use, but I recommend connecting it to your Elegant Themes account so you can get updates and have access to the free layouts and Divi Cloud.

    Validating Divi

    Next, you’ll need to enter your account information so Divi can get updates. Go to Divi > Theme Options in the dashboard menu. Select the Updates tab.

    Go back to your account dashboard at the Elegant Themes website and select the Account tab. Click API Keys in the left sidebar menu.

    Scroll down to the keys. Add a label for your reference and click the API key to copy it. The label should be something that helps you remember where you’ve used the key, such as your website’s name.

    Next, go back to the Divi Theme Options on your website and enter your username and API Key into their fields. Finally, click Save Changes.

    You can now get updates, use the free layout packs, and access the Divi Cloud.

    Ending Thoughts

    That’s it. You’re ready to use Divi. Installing Divi really is simple. It just takes a few steps to make Divi your active WordPress theme. Adding your Elegant Themes account allows for updates, free layouts, and access to the Divi Cloud. In future articles, we’ll look at setting up Divi’s options for the best SEO. We’ll also look at using the Divi Builder to create pages and using the Theme Builder to create headers, footers, and page layouts.

    Click here to purchase Divi

    For more in this series, see Getting Started with Divi: Use a Divi Layout

    How about you? Have you used Divi? Let me know what you think about it in the comments.

  • Don’t Follow Your Passion

    Don’t Follow Your Passion

    Reading Time: < 1 minute

    One of the most popular pieces of advice you’ll hear when planning a business is to follow your passion. Another way of stating it is if you do what you love you’ll never work. This is bad advice. You should enjoy what you’re doing for a living. Life’s too short to do work you don’t enjoy. But, turning your passion into work changes your passion from something you want to do to something you have to do. Your passion is something you should do because you enjoy it.

    Do This Instead of Following Your Passion

    What should you do instead? Follow what you have an aptitude for. This will make your work easier to do and manage and can help you develop a well-paying career. This is especially important when developing a business that you intend to run for many years. Look at your skills and use that as a starting point. This can still be something you enjoy.

    Following your skills and aptitude will help you develop a business you’re good at and can do for many years. This keeps your passion as something you can do for fun so you still have something you enjoy when you need a break from work.

    How about you? Did you build a business following your passion or aptitude? How did it work out and what challenges did you face?

  • Pykmax UPP Guitar Pick Review

    Pykmax UPP Guitar Pick Review

    Reading Time: 5 minutes

    Pykmax UPP is an ergonomic guitar pick holder designed to ease pain and help keep guitar players from dropping their picks. It works for both right and left-handed players. In this article, I review Pykmax after one year of use.

    This product was purchased for personal use. This article includes affiliate links.

    Who Pykmax UPP is For

    Pykmax is not for every guitar player. Not everyone will feel comfortable holding something in their hands while strumming. One of the advertised advantages is that it keeps you from dropping your pick. Practically every guitar player will drop a pick when starting to play the guitar, but holding something of this size in your palm is not the best answer for that problem. It’s easy enough to tape a few picks to your guitar, strap, or mic stand.

    Who Pykmax really helps is anyone that has trouble gripping a pick due to hand pain. There are other products that hold picks, but none worked well for me. Pykmax has worked well for me for over a year.

    Note- This article isn’t meant as medical advice. If you have hand pain when gripping a pick, I recommend seeing a doctor and only using this review as information.

    Pykmax UPP

    The Pykmax UPP system is different from the other pick systems that didn’t work for me. The pick is held by an ergonomic grip that fits comfortably in the hand. Your fingers hold the pick and have “mostly” full control, but you don’t have to pinch the pick with any effort.

    The Pykmax grip is adjustable to work with righthanded a lefthanded players. Simply move the pick to the other side by holding the grip and pushing on the edge of the pick in the direction you want to move it.

    It comes with a small, medium, and large extender so there’s something to fit any hand size. The medium extender is installed by default. This is the one I use and it will fit most hands. You can change them by applying a little pressure to remove the extender. The new extender pops into place with ease and it holds in place well. I did find it a touch difficult to remove the extender at first.

    It comes with two pick grips. These are the rubber pieces that hold the pick in place. It uses standard picks, so there’s no need to purchase picks from the company. I never had to replace my pick grip, but I was concerned that it would tear where it’s attached to the extender. It does seem to be a weak area, but mine never tore.

    Pykmax UUP uses the most common shape guitar picks, which are not included. The guitar pick slides into the rubber sleeve. It can be a touch difficult to get the pick in or out, but it holds into place well. Picks will not fall out of the sleeve.

    Pykmax UPP Build Quality

    The Pykmax grip is tough. It’s made of hard plastic that doesn’t feel like it will come apart. The extender sits tightly into the grip holder. It will come apart easily enough if you use something to press into the hole that it latches onto. The rubber piece that holds the guitar pick concerns me, but I’ve used it for a year with no issues and it does come with a replacement, just in case.

    Playing Guitar with Pykmax UPP

    Holding the Pykmax UUP feels like having your finger on a trigger. Your finger sits on the trigger, but this places the pick where it needs to be. All you have to do is place your thumb on top of the pick. This gives you control of the pick without having to apply pressure to hold it. You can hold the pick anywhere you’d normally hold it to have as much or as little of the pick extending beyond your fingers.

    This does feel a little awkward at first, and it never feels as good as not holding a device in your palm while holding a guitar pick. However, it’s not difficult to use or get used to. Strumming is easy enough. Some lead tricks take a touch more concentration, but I was able to do anything that I normally could do while just holding a pick.

    I Can Play the Guitar Again

    A little over a decade ago I started to feel a burning in the palm of my hand when I pinched the pick. I’d sometimes press through the pain, but it became unbearable. I’d want to drop the pick and strum with my fingers, but I was never comfortable growing my nails to play, so strumming an electric guitar with my fingers didn’t work that well for me.

    Recently, the pain became too much to bear, so I looked for an alternative. I tried guitar pick systems that held the pick onto your finger with a band. It wasn’t comfortable and the strumming didn’t feel natural. Some required specially cut picks that broke after a minute of playing. After wasting money on cheaper systems that didn’t work, I spent $29 on a Pykmax and I’ve used it ever since.

    Conclusion

    Of all the pick systems I tried, Pykmax is the only one that actually worked for me. I can play guitar again. The pain isn’t always 100% gone, but I can play for an hour or more without wanting to drop my pick and play fingerstyle. It worked instantly. It didn’t take long for me to appreciate Pykmax.

    The Pykmax has recently gone up to $40 on Amazon. I was skeptical about buying it for $30, but even at its new price, I’d buy it again. Is it worth $40? It is if your hand hurts when gripping a guitar pick and you want to play guitar without the pain.

    Where is Buy Pykmax UPP

    You can purchase Pykmax UPP on Amazon. Here’s my affiliate link. If you get it, please let me know how you like it.

    Purchase from Amazon

    This product was purchased for personal use and review. The company did not ask me to review this product or provide a positive review.

  • Gutenberg is Coming and Divi is Still the Best Choice

    Gutenberg is Coming and Divi is Still the Best Choice

    Reading Time: 6 minutes[et_pb_section bb_built=”1″ fullwidth=”on” specialty=”off”][et_pb_fullwidth_post_title title=”on” meta=”on” author=”on” date=”on” categories=”on” comments=”on” featured_image=”on” featured_placement=”background” parallax_method=”off” text_orientation=”center” text_color=”light” text_background=”on” text_bg_color=”rgba(0,0,0,0.5)” use_border_color=”off” custom_padding=”320px||320px|” title_font_size=”52px” title_font_size_phone=”36px” title_font_size_last_edited=”on|phone” parallax=”on” _builder_version=”3.0.90″ /][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off”][et_pb_row parallax_method=”off” parallax_method_1=”off” custom_padding=”40px|120px|40px|120px” parallax_2=”off” parallax_method_2=”off” custom_padding_tablet=”20px|0px|20px|0px” custom_padding_last_edited=”on|desktop” _builder_version=”3.0.90″][et_pb_column type=”4_4″][et_pb_text background_layout=”light” use_border_color=”off” _builder_version=”3.0.90″ border_color_all=”#ffffff”]

    Gutenberg will change WordPress forever. It’s changed quite a bit since I reviewed it back in August. The goal is to have an interface that’s more intuitive – similar to Wix or Squarespace – that would be easier for those new to WordPress to use, add new features, and become more standardized. If the news I heard at WordCamp US 2017 is any indication, Gutenberg will change the way we see and design websites.

    Users will be able to move the layout elements around to create uniform designs that they want to see. For example, if you want your browser to show the logo of every website in the bottom right corner of the screen and the menu vertically on the left, Gutenberg (eventually) will let you. This is in part an attempt to improve accessibility.

    In other words, Gutenberg will control the entire screen – not just the content area. The content itself will be blocks. Each content block will have its own attributes. Content blocks such as headings, body text, quotes, etc., are built in, but we’re not limited to those. Developers will be able to create their own content blocks. For example, you can create a content block for recipes and sell it as a plugin. Even with all of the things it can do, the output of Gutenberg is clean HTML 5. It will take several phases for all of the features to be implemented.

    With all of the layout options and content blocks, the question I hear a lot is how this affects builder plugins and themes such as Beaver Builder, Elementor, and Divi. Will they become obsolete? What about all of the layouts and child themes that we’ve created? What about all of the websites we’ve built? Will the future of WordPress put developers and designers out of business?

    No.

    The future of WordPress will not put developers and designers out of business

    First, let me assure you that big-name companies that provide builder tools, such as Elegant Themes with Divi, have no intention of going out of business. They’re not even afraid of what’s coming. Instead, they’ve been learning about, and even contributing to, the Gutenberg project for a while. They’re helping to influence what Gutenberg can and cannot do. They can use Gutenberg to their advantage by creating new blocks and utilizing the blocks that are built in. And – they’ll be able to turn Gutenberg off within the theme, so they’ll still have control over the website’s design.

    Second, it will take years for Gutenberg to do what Automattic has in mind. The world of web design will be much different by then. Just think about today’s tools vs last year’s tools. What a difference one year makes!

    Third, layouts and child themes will work as normal (that’s the plan anyway). Gutenberg is purposefully designed to not break websites. Themes include controls for rows, columns, etc. Gutenberg relies on the themes for this data.

    Fourth, websites still need to be designed and built, and builder tools will still be the best options for many designers and developers. And in my opinion the best of those options is, and will still be, Divi.

    Why Divi?

    Elegant Themes is forward-thinking. New features are added and older features are expanded. Everything becomes more streamlined.

    The drag-and-drop builder is intuitive and powerful. It’s hard to imagine a design that can’t be done with Divi. Beginners can build nice sites easily and professionals can create designs that I can’t even imagine.

    There are lots of layouts already designed by professional designers. Elegant Themes gives away a new free layout every week. The layouts include multiple pages and royalty-free images, and the ET blog even has tutorials on how to use them. My website is one of those layouts.

    The number of tutorials available is amazing. Many of the developers and designers that use Divi have websites with tons of tutorials for free. You can learn how to do almost anything with Divi.

    The third-party support is over the top. If you want a layout, child theme, or plugin to add new features to your website, you’ll have an easier time finding it for Divi than other themes. There isn’t another theme with the amount of products available from third-party suppliers. There are dozens of marketplaces and online stores to purchase from.

    The number of people willing to help is overwhelming. If you need help with Divi, you can go to ET’s support page, the ET blog, one of the many groups devoted to Divi on Facebook, or one of the many websites that focus on Divi. Elegant Themes has a passion for this community and they want to see them grow. That’s why they give away so many layouts and images, publish tutorials, highlight plugins, write about websites made with Divi, and focus on designers. They celebrate their community.

    There’s no need to switch themes. There are no design restrictions with Divi. You can create old designs or cutting edge designs of the future. If you need to update your website’s design every year or so, Divi makes it easy to change designs. In fact, you can work on a new design in the background while your old design is active, and then change to the new design when you’re ready. That’s what I did with this website.

    Here’s a list of my favorite features:

    • drag and drop builder
    • frontend builder
    • header custmizations
    • layouts and child themes
    • plugins to add new features
    • customizer
    • a/b testing
    • custom CSS
    • options panel
    • tech support
    • blog
    • podcast
    • Facebook groups
    • thousands of tutorials on the web

    If I use Divi, do I have to use it forever?

    No. You can move away from Divi and still retain your page and post layouts by using the Divi Builder plugin. However, they won’t look the same as they do with your Divi site. Your layouts will keep their modules, but they will live within the confines of the new theme. This means they won’t look exactly like they did with Divi, but they’ll still work. You’ll still have forms, text areas, code modules, etc., but if your new theme has a sidebar your layout will live within the content area next to the sidebar.

    This is mostly useful if you’ve created your blog content using the Divi Builder to add elements to the blog posts. If you intend on retaining the exact layout for your page design, then you really should keep Divi anyway. So yes, you will need to do some design-work with your new theme. But, you’ll have that issue with other themes, so that’s nothing out of the ordinary.

    Anyone who has changed more than a theme or two has seen broken content. This should be expected no matter what theme you’re moving from or to. To say this is a problem with Divi is to misunderstand the nature of WordPress themes.

    Fortunately, with Divi there’s no reason to change themes. If you want a new design, simply design something new, grab a layout pack, buy a child theme, or hire a Divi designer (there are lots of them and they’re easy to find). With Divi you’re not stuck with one design. Creating something new is what Divi’s for. Divi is powerful enough to create any design you need. There’s no need to switch themes, so this isn’t even an issue. You can change your design as often as you want and do it with Divi every time.

    I recommend Divi even with Gutenberg on the horizon.

    Queue the question: “But you write for the ET blog, so did they pay you to say that?”

    No (but like most blogs I will get a kickback if you use my affiliate link – which I appreciate). I’m a freelance writer and I write for a lot of companies. If they needed me I would write for Beaver Builder, Elementor, Avada, X, Make, Genesis, etc. No matter who I write for, Divi is my WordPress theme of choice. I don’t like Divi because I write for Elegant Themes. I write for Elegant Themes because I like Divi and the Divi community.

    The bottom line:

    Gutenberg will not do away with the need for builder themes and Divi is the best out there as far as I’m concerned (and I’ve tried a lot of them in my WordPress writing career). Even with Gutenberg coming, Divi is still the best choice to design and build your WordPress websites.

    Let’s hear from you! What do you think about Gutenberg and Divi? Let us know in the comments below. 

    [/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

  • I’m Going to WordCamp US 2017 in Nashville, Tennessee December 1-3

    I’m Going to WordCamp US 2017 in Nashville, Tennessee December 1-3

    Reading Time: 2 minutes

    This year’s WordCamp US is near my home in TN, so I can’t pass up the opportunity to meet the amazing Elegant Theme’s crew in person. I’ve written quite a few articles for the Elegant Theme’s blog, so meeting Kenny Sing, Mitch Skolnik, B.J. Keeton, Jason Champagne, Nathan B Weller, and Nick Roach at the Coffee and Pastry Meet and Greet is kind of a big deal for me. I’m also looking forward to meeting many of the Divi developers like Tim Strifler, Tammy Grant, Leslie Barnal, David Blackmon, Josh Hall, Terry Hale, Adam Inlay, Daniel Dye, Nathan Duvall, SJ James, Shannon Shaffer, Cory Jenkins, and many others (I apologize if I’ve left your name off the list. There are many others I’d like to name). I highly recommend you check out the meet and greet event they’re planning. They had me at “coffee” (although I’d go anyway… but still… coffee). There will be photos.

    There’s also some guy by the name of Matt Mullenweg, who’s going to say something about WordPress. I’ve heard he’s kind of a big deal, so we’ll see. There will be a lot of talk about Gutenberg, design, development, and even a few things about running a business with WordPress. I’m hoping to see a few things about blogging, such as blog management, writing, etc. (but that’s the writer in me).

    I’m currently planning to go Friday and Saturday (although Saturday isn’t guaranteed). I plan to meet as many sponsors and website owners as I can. I haven’t fully decided on the sessions that I’ll attend (I’m actually more excited about meeting the Divi crew than attending the sessions, not that the sessions aren’t exciting). Most likely I’ll have a hard time making a decision of what the see and I’ll just roam the halls (I plan to a little bit at least). I’ll take a few photos too.

    After WordCamp US is over, I plan to post my thoughts about the event and the State of the Word. Oh, and photos. I’ll post lots of photos.

    What about you? Are your going to WordCamp US 2017 in Nashville? I hope see you there!

  • Gutenberg Editor – Review

    Gutenberg Editor – Review

    Reading Time: 6 minutes

    I don’t often review something in beta, but the Gutenberg Editor is getting closer to becoming an integral part of WordPress, so it’s time to start digging in to see what it can and cannot do, what’s good and what’s bad, and what it means for the future of WordPress.

    What is the Gutenberg Editor?

    The Gutenberg Editor, named for the creator of movable type, Johannes Gutenberg, is an upcoming replacement to current TinyMCE design. The current format has been the editor that everyone has gotten used to for many years. It’s intuitive and easy to add text, media, links, and HTML. Themes and plugins that use text modules, like Divi, use TinyMCE as the editor. It’s gotten streamlined over the years, and many feel that it needs an update.

    The Gutenberg Editor is more similar to the editor you’ll find in web-building platforms like Squarespace. It creates paragraph blocks where you choose the content type from a drop-down box and then place your content within the block.

    The first thing I noticed that I don’t like is no access to the Divi Builder. My preference for content creation is to write in the TinyMCE Visual Editor, add all of my images last in their proper locations, and then copy the content and paste it into my custom blog layout. That’s not possible with the Gutenberg Editor (at least with the beta version).

    I started this post in TinyMCE and then did a copy and paste into the Gutenberg Editor. Each paragraph and header is pasted as its own block. I like that.

    It is easy to create the content blocks. Just hit enter. Each paragraph is its own block. You can also insert blocks by clicking Insert in the upper right corner of the screen.

    Drop Caps

    If you want a drop cap, simply click on the Block to the right with your cursor placed on the block that you want to have the drop cap. Click the switch to On, and you have a drop cap.

    Uploading and Placing Media

    Media such as images are placed into content a couple of different ways. One is to click the image icon at the bottom of the content. You’ll have to click the arrow to the left of the content block in order to move it into place. It’s a tedious process. Image alignment still works as expected.

    Another way is to click the Insert button at the top right and choose what to insert. The block will be placed at your cursor’s position. The image above was placed using this method. Using the insert feature, you can place common blocks, formatting, layout blocks, and widgets.

    Cover Image




    The Cover Image feature is interesting. Insert a Cover Image and then add your text over it. Choose Fixed Background for parallax and Dim Background to darken the image so your text stands out. This is one of my favorite features so far.

    Classic Text

    It does have a Classic Text block that brings in the familiar features of TinyMCE’s Visual Editor. It doesn’t include the Text tab or a media feature.

    Plugins that add shortcodes to TinyMCE do not appear within the menu. Hopefully, this is due to the plugin still being beta. The Insert drop-down box does include a shortcode block, but you have to paste in the shortcode.

    Settings Sidebar

    To the right of the screen is a list of options with tabs labeled Document and Block. Document includes the expected options for publishing, choosing categories and tags, setting the featured image and excerpt, allowing comments, choosing the post format, and adds a new feature – viewing the table of contents.

    The Table of Contents shows your headers in an outline form. Clicking on one takes you to that header. I like this feature a lot.

    Text Tab

    Changing to the Text tab in the upper left corner reveals a few tags you can add to your content. This works like the Text tab of the TinyMCE editor.

    My Initial Thoughts About Gutenberg Editor

    There are a few things I like about the editor. I like the drop cap feature and the clickable Table of Contents. The Document area to the right is cleaner than the current settings area. I like the ability to insert a widget for the latest posts, categories, or shortcodes into the content. I like being able to choose the author from the editor. I like the auto-save feature. I also like the multi-column feature in the Insert drop-down. I love that it can display cover images with text overlays in parallax.

    Unfortunately, what I do like is far outweighed by what I don’t like. There are no SEO adjustments for my favorite SEO plugin. I can’t use the Divi Builder (my building tool of choice). I can’t publish without a sidebar like I can with Divi and Extra. Hopefully, this will be fixed before it’s added to WordPress.

    It doesn’t show my my word-count. This is important for writers who charge clients by the word or someone who tries to target a word-count range for their posts.

    Overall, the Gutenberg Editor feels awkward to me. I’m not even sure what the goal is, but it doesn’t seem to be to make the UI easier to use. I like the idea of a clean UI, but I don’t like common features turned into blocks as options to insert into different locations from a dropdown box. I found the old method of showing them at the top of the editor to be more intuitive.

    The content being broken up into blocks makes my content feel disjointed. There’s no drag-and-drop feature, so you have to move blocks around with the arrows. It’s actually easier to copy and paste the content than it is to move it. The worst part is I can’t use the Divi Builder to create my layouts.

    Matt Mullenweg has stated that the Gutenberg Editor will replace TinyMCE in WordPress 5. I think at the most it should be an option – not a replacement. Let those of use that want to keep the editor we’re used to have our choice. Don’t turn WordPress into Squarespace or a similar UI just to be changing it. WordPress doesn’t have to be like those editors.

    TinyMCE is simple to use. The Gutenberg Editor doesn’t feel like an improvement. Instead, it complicates the process by adding steps that are not needed. I want tools across the top like a ribbon – not in a drop-down box that adds disjointed elements to the page. This isn’t the kind of word processor I would use to write with. It just makes creating content more difficult or confusing. The user interface should never get in the way of creating content.

    I suspect that if TinyMCE is removed from WordPress, we’ll see lots of third-party plugins that will add it back with even better features than before.

    The majority of this article was written in the Gutenberg Editor. I did start to get the hang of it, but it never felt as intuitive as TinyMCE. I ended up pasting the content back into Divi to publish with my Divi blog layout.

    Let’s Discuss

    • Have you tried the Gutenberg Editor beta plugin?
    • Do you prefer Geutenberg, TineyMCE, or would you rather have something else?

    Let us know what you think in the comments. Thanks for reading, and please subscribe if you haven’t already.

    Featured image Munich – Deutsches Museum, from Wikimedia Commons.

  • Designing for Your Audience – Identifying the Target Audience

    Designing for Your Audience – Identifying the Target Audience

    Reading Time: 2 minutesOne of the balancing acts of designing a website is finding that happy medium between what the client wants and what their readers need. The design shouldn’t just be a client’s wish list. It should also consider the end user’s wish list. After all, the website should actually be designed to meet the needs of the end user. In order to know who the end user is, you must first identify the target audience.

    Since a website is often constrained by budget and time, not every item on the wish list will make it into the website before time for launch. It’s a good idea to list the client’s top 3-5 items that are the most important, as well as listing the top 3-5 items that are the most important for the end user. This determines the content and features of the site.

    Identifying the Target Audience

    In order to know the top 3-5 things the readers need, and to help inform your website design, you’ll need to identify the target audience. Knowing the target audience will also help determine the types of graphics, animations, navigation structure, images, and other features that the website will need.

    The best way to identify the audience is to create a checklist of questions to ask your client. Your client’s will need to provide a detailed description of their industry, trends, customers, and competition.

    Have a meeting with your client with a prepared list of questions. Questions will be different for each project, but it helps to have a template to work from. Questions can include:

    • What types of customers are you targeting?
    • How would you describe each type of customer?
    • What is unique about each type?
    • What are their specific needs?

    Customer Profile

    Create a profile of each type of customer. Many designers like to create a mockup customer complete with name and biography. This is often called a persona. This will make the customer seem like a real person with real needs. The website can then be designed to solve those needs. This should be modified as needed in order to help improve the website’s design.

    Scenarios

    Once you have the personas, you can build scenarios that will help you determine how they will use the website and the type of content they will need. The result will be a website that’s designed to meet the needs of the end user.

    Let’s Discuss

    • How to you identify your target audience? 
    • What types of questions do you ask?
    • Do you develop customer profiles? 
    • Do you develop scenarios?

    Thanks for reading. Please subscribe if you haven’t already.

    Featured image by Chad Kirchoff on Unsplash