Key Design Principles and How to Implement Them! In November, I shared some of my design knowledge at the WordPress Southwest Florida MeetUp. Below are my slides and the key topics from the evening's presentation. Overview Web design is the visual styling and layout of a website. It requires a good understanding of color, type, alignment, and harmony. With pleasing aesthetics, organized navigation, and sensible UX, visitors are more likely to stay on the site, view multiple … [Read more...] about Introduction to Web Design
Web Design
How to Disable Gutenberg in WordPress 5
The new block editor, Gutenberg, is packaged as part of the core in WP5. If your site uses another block editor plugin, it may not be fully compatible with Gutenberg (i.e. Divi, Visual Composer, Avada Fusion are a few). Elementor and Beaver Builder work fine with Gutenberg. If you are not ready to use Gutenberg, there are 2 easy ways to disable it: (1) Install and activate Classic Editor plugin: this will restore the original "classic" editor that you are already familiar with. Full … [Read more...] about How to Disable Gutenberg in WordPress 5
Home Page Widgets in WordPress
The home page on your website is the main page where viewers land when they first arrive on the site. It is most often the base URL address, such as "www.yourwebsite.com". All of the other pages build off of the main page and use the base URL with a backslash to indicate their location: "www.yourwebsite.com/interiorpage". The default home page in WordPress is a list of your posts. That's because WordPress started out as a blogging platform. The most recent post will appear at the top of the … [Read more...] about Home Page Widgets in WordPress
My Core Set of WordPress Plugins
There are so many WordPress plugins to choose from! How do you even begin to make choices? To help get you started, I've compiled a list of my "go to" plugins, the ones that I use for each WordPress install I do. Most are free, some are premium (you must purchase). Core Set of Plugins TweetMeme/Like/Share This — places a button at the top or bottom of a post, which helps readers share your content on a number of sites, such as Digg, Delicious, FaceBook, LinkedIn, MySpace, RSS, … [Read more...] about My Core Set of WordPress Plugins
Image Captions in WordPress
Shortly after writing an article about Adding Images to WordPress Pages and Posts, I received an inquiry about how to add captions to images. Captions are the small text that appears underneath pictures. They often contain brief descriptions and copyright information. You can add captions to individual images or to multiple images. Captions for Individual Images Sometimes you'll realize that a caption is needed for an image after you've written a post or created a page. Go to the post or … [Read more...] about Image Captions in WordPress
WordPress Pages vs. Posts
WordPress newbies often misunderstand the differences between pages and posts. If you use WordPress solely as a website platform, without a blog, then the confusion might be heightened, and for good reason! Let's compare pages and posts, so you can see how they differ. Pages These are the regular, static pages of your website. The content doesn't change, unless you edit the page. Typical pages are: ABOUT, CONTACT, SERVICES, RESOURCES, etc. Individual pages can be added to the navigation … [Read more...] about WordPress Pages vs. Posts
Logging into WordPress and Viewing the Back End
All websites have a front end and a back end. The front end is what is viewed by visitors, where we see the results of what happens on the back end. The back end is hidden from visitors, and only viewable to those who can either log into the site (as in WordPress and other content-management systems) or have access to the files used for building the site. Login Page In order to login to your WordPress site, you must navigate to the login page. To get to that page, you can usually add /login or … [Read more...] about Logging into WordPress and Viewing the Back End
Changing Image Opacity in Photoshop
There are times when you need to ghost back an image so that text can be read when placed on top of it or perhaps even another image can be seen below it. Reducing the opacity moves the image in a 2-dimensional space to the middle-ground or background. It also increases the transparency and enables us to see what lies underneath. There are a couple of simple ways to reduce opacity in Photoshop and the steps are outlined below. Option #1 - Opacity Setting Open the file in Photoshop. Make … [Read more...] about Changing Image Opacity in Photoshop
Placing a Logo in a Genesis WordPress Header
I use the Genesis framework for the bulk of websites I build in WordPress. The reasons are many, but quite simply Genesis rocks! Fundamentally solid with clean code, it's highly customizable and it has a generous, active, knowledgeable support community. In some cases, depending on the theme, uploading an logo to a Genesis header can be a really simple process. In other cases, it's still simple, but a few additional steps are required. I'll show you both scenarios. NOTE: Be sure to back up … [Read more...] about Placing a Logo in a Genesis WordPress Header
Saving a File From JPG to PNG
JPGs and PNGs are both compressed file formats. I tend to use each of them exclusively for the web. But there are occasions when you might need to send a high-resolution JPG to a someone who will convert it to a TIFF, PDF, or PSD format for print purposes. Digital cameras, for instance, save the file in JPG format. JPGs are terrific for continuous tone images, such as photographs of people, places, and things, as well as scans of artwork. The images have a full range of color or shades of … [Read more...] about Saving a File From JPG to PNG
WordPress.org vs. WordPress.com: Compare and Choose
What the heck is WordPress? WordPress is one of the most popular web applications for content management and blogging available today. There's a lot of hype about WordPress and it's well-deserved. Started in 2003 Began as a blogging platform Has evolved into a full-fledged Content Management System (CMS) Currently the most prominent CMS in the world 74.6 million sites depend on WordPress 50% of these 74.6 million sites on WordPress.com 18% of self-hosted sites use … [Read more...] about WordPress.org vs. WordPress.com: Compare and Choose
Adding Images to a WordPress Sidebar
As a follow-up to my previous blog post (Adding Images to WordPress Pages and Posts), I have created a video tutorial to walk you through the process of adding images to a WordPress sidebar: VIEW VIDEO! TUTORIAL SUMMARY There are a few ways to add images to a WordPress sidebar: do it manually, use the image widget, or use a plug-in. The manual method takes longer, but once you know the steps you should be all set. If you are uncomfortable with HTML code, go with one of the many plug-ins that … [Read more...] about Adding Images to a WordPress Sidebar
Adding Images to WordPress Pages and Posts
I have created a video tutorial to walk you through the process for adding images in WordPress: VIEW VIDEO! TUTORIAL SUMMARY Adding images in WordPress is very simple. You can add them directly to pages and posts (and there are a couple of ways to do this), or you can first upload them to the Media Library and then insert them into a page or post. Upload to Media Library Hover over the MEDIA navigation link in the left sidebar and you'll see 2 options: Media Library and Add New. … [Read more...] about Adding Images to WordPress Pages and Posts
How to Create a Navigation Menu in WordPress
I have created a video tutorial to walk you through the 3 simple steps for creating a navigation menu in WordPress: Add New Page Create New Menu Add the new pages to the menu VIEW VIDEO! Here is a summary of the tutorial: STEP 1 - Add New Page A navigation menu is usually composed with the pages of a website, but it can also include blog posts, links (internal and external), and categories. You will see all of these options in the Menus area. But first, let's create a new … [Read more...] about How to Create a Navigation Menu in WordPress