I first met the Gardiner family more than 25 years ago. One thing I knew from the beginning is that flying and airplanes was a big part of the family. In fact, the family business was running a FBO (fixed based operator) at the Vernal, Utah airport. What they didn’t have for a long time was a Web site.
When the patriarch, John, passed away; Dinaland Aviation was taken over by his kids. Each of them assumed a specific role and Russ wanted to get a Web site in place. Our goal as a start was a single landing page that covered the most important information pilots needed. We’ll add new pages over time as new content is created.
When a pilot is planning to visit Vernal, there is a specific set of information that could be important to them. Most of that information is included in an FAQ accordion. When they click on a specific section, it will expand with details on that item. In the example above, it shows the local weather followed by the other section titles.
From our discussions, the most important piece of information was the current price of fuel. Not only did it need to be displayed prominently, it has to be easy for the folks at Dinaland to update the prices without my assistance. A row was created above the site footer (see example above) that displays the prices and it can be embedded on other pages as desired. It was set up using the Divi theme so that Dinaland could change the prices with only a very minimal amount of training.
Of course the site was launched during the COVID-19 shutdown when the airport is receiving a minimal number of flights. When the planes are ready for takeoff, the site will be ready for them!
I was enjoying dinner at the neighborhood wine bar last December when the owner approached and asked me a few questions about their Web site. It was originally built using GoDaddy’s Website Builder and now they were having trouble making changes to it. Some ideas were bounced back and forth to come up with a plan for a makeover. Let’s first look at the old home page.
While it didn’t look horrible, there were definitely ways we could freshen up the look. Unfortunately the information was outdated and the site didn’t work well on mobile devices. Given that it is also a popular spot for dinner, it was also important to show off some of their most popular dishes. Below is a portion of the new home page with updated info and photos that make you hungry. For those outside of Mexico, note that the prices are in pesos!
Not only does the new design look better, it was designed so that it works every bit as well on mobile devices. This is important for good Google rankings, but also important to the many people who browse on their phones.
Previously only a portion of the menu was available on the site and the prices had changed since their were posted. Below you’ll see a portion of the old menu page.
There are actually multiple menus that need to be presented. Food menus are available in both English and Spanish. Wines have two menus, one by the bottle and the other by the glass. What we didn’t know when the makeover plan was implemented was that COVID-19 would require all food to be carry-out or delivery.
Thankfully everything was designed in a way that made the transition easy. We simply needed to add a little information about changes in the law and more contact links. Below is the top part of the new menu page and each page of the menus are displayed below this on the site.
For those of us living in the neighborhood, we know exactly where to find Wine Cellar. But that isn’t always the case for someone coming from outside of the area. Their previous design had a couple of versions of the map. One zoomed way out the show the location of Loreto and another showing how to get to the restaurant.
Yes, the map was very important and we decided to embed a live Google map into the new site so visitors were able to zoom in and out as needed. A side benefit is that it links to the Wine Cellar’s Google My Business page. A contact form was also included so questions could be asked or orders could be placed for carry-out and delivery.
Once a site is released, some clients prefer to make minor changes themselves. Ofter designers will cringe as those attempts at changes can change the look of the site or even break it. Even though this client had zero WordPress experience, I was pleasantly surprised that they were able to change some of the text when local laws changed. This was at least in part because the site was designed so that even a novice could find what they needed to change.
This site was a very small project, but the timing of the makeover couldn’t have come at a better time. It allowed the restaurant to keep food coming as the locals were practicing social distancing. Give the new site a look and stop in the next time you are in the neighborhood.
Two big laws have been passed covering privacy online and more are sure to come in the future. While most Web site owners are happy to comply with the laws, they struggle with how to do it easily. Let’s see if we can at least cover the basics with minimal effort.
One part of GDPR is notifying site users that you are using cookies. A tool to assist with compliance of that part of the law is Cookie Notice for GDPR. While it does not explicitly mention CCPA, our feeling is that it will also cover the upcoming law in future updates.
No, this does not magically bring your site into compliance. But it does handle one step of the process very quickly and at a price we all like—FREE!
We are big fans of the Divi Theme from Elegant Themes and use it almost exclusively on our projects. As they released the much anticipated v4.x of Divi, we made plans to evaluate and then slowly and safely update the sites we designed with Divi.
Most of the issues were minor and there were easy workarounds. But we ran into a big problem when we took advantage of one of the new features. Their Theme Builder feature enables the ability to do amazing things with the header, footer and other parts of a site. It was tested on a couple of sites with no issues and then we created a new header for our Graphics Unleashed site and had some big problems.
Almost every type of content in WordPress is a post since the platform was originally built for blogging. Things built with Theme Builder are a custom post type. Unfortunately this caused issues with a couple of tools we were using on the site as they were set to display below posts.
The first conflict was with Easy Social Share Buttons for WordPress. It has a variety of functions, but we used one of them to display social sharing buttons below each blog post. Unfortunately they were now displaying below the header instead. The only immediate solution was to turn off the social sharing buttons.
As Elegant Themes, makers of Divi, also make the Monarch plug-in. Monarch also has social sharing buttons and we felt that Elegant Themes would have made sure their products worked well together. Unfortunately the same problem existed when Monarch was activted. So the best solution for now was to go without social sharing buttons. Yes, we could have probably found a workaround, but it was time to move on.
We also had a problem with related posts. On this site we were using the related posts functionality provided by the Jetpack plugin. Just like the social sharing buttons, the related posts were displaying under the header. After exploring alternatives, we discovered the Contextual Related Posts plugin was a solution though we needed to tweak the settings.
First, we turned them on in the General tab of the settings. This did not solve the problem as related posts were still displaying below the header.
To solve the problem, we went to the List Tuning tab and checked Limit to same post type as shown below.
Now the Related Posts were only displaying below the blog posts as desired. While we were unable to solve both issues, solving one was better than nothing.
Of course these issues were reported to the support team at Elegant Themes. They acknowledged it was a bug and that it would be addressed in an update in the near future.
In the early days of Web design we had GIF and JPEG. Then PNG came along in the mid 90s to provide a very good alternative to GIF. Other formats have come and gone since then with none of them truly taking hold. That is, until now! The folks at Google have created the WebP format and it is one you should consider using. Let’s look at why it is beneficial and then how to use it on your WordPress site.
There are two major types of images: lossless and lossy. WebP has answers for both and those answers provide smaller files than the alternatives. Smaller files mean Web pages load faster and that’s always a good thing.
We now use JPEG format for lossy images. Lossy images have different sizes based on how much quality you are willing to sacrifice. When using an equivalent quality, WebP images are 25-35% smaller than JPEG.
PNG is typically used for lossless images and has the benefit of an alpha channel. What’s an alpha channel? It allows for varying levels of transparency. WebP can do lossless and an alpha channel while being 26% smaller than PNG.
If any of you want all the technical details, Google has the info for you. While Google provides a tool for converting images to WebP, it may not be the best choice right now for Web designers. WebP is directly supported in Chrome and Opera, but not other browsers. So if you use it directly, your pages will probably not display correctly in other browsers.
How Do I Use WebP With WordPress?
If you try to directly upload a WebP image into WordPress today, you’ll likely get a message that the file type isn’t allowed for security reasons. Given the limited browser support, that’s isn’t such a bad thing. The best way to use WebP with WordPress is via a plugin. While there are several choices, the best free option is the EWWW Image Optimizer. The plugin has a number of other features, but we’re focused on the WebP support.
Using the EWWWW Image Optimizer Plugin, you’ll still upload JPG and PNG files just as you’ve always done. The plugin converts those to WebP format and serves them up to site visitors using a supported browser. JPG images will become lossy WebP images and PNG images will become lossless WebP images (with alpha channel intact). It is also compatible with caching and content delivery networks. This option is as simple as installing the plugin and enabling the WebP feature.
Given that installing the plugin will make your images at least 25% smaller, why not give it a try now! it is a very simple way to speed up your site. Also pretty cool for geeky visitors to know you are using the latest in imaging technology.
When I read it, I had my own thoughts on the reasons listed so I’ve taken the seven reasons from that post and have provided my answers below. Three other reasons came to mind as I thought about why I feel Unleashed is a great choice and they are included after the initial seven. As we focus solely on WordPress development, the solutions below are all based on WordPress.
1. Professionals can customize beyond templates
Every WordPress site has a theme (template) that determines the design and features of the site. Sure, there are a bunch of free themes available and some of them are OK. We’ve tried a lot of themes and found that there are many of them that are difficult and/or don’t work nearly as well as the demo.
Over time, we’ve developed a small number of themes that we use on most of the sites we build. We know how they work in depth and know that we can deliver a wide range of designs from them. There are also ways to extend our favorite themes to give them even more features and options.
Should you build a site yourself, you might choose a great theme and it’s possible you get a really bad one. When a bad theme is used to build a site, it can be very hard to switch to another theme at a later time.
2. The ROI is worth the initial cost
Let’s say you want a pizza for dinner tonight. It is simple to go to your favorite pizzeria and get a large pizza with a few toppings for $15-20. The alternative would be to make your own crust, either purchase or make sauce, get some cheese and the other toppings. Then add the time involved to take the raw ingredients and make the pizza. In the end, you could have a gourmet pizza or a complete dud and you will have spent a lot more money and time to get there.
Yes, a good Web site is an investment. If you work with a developer and provide the content required, it will save you money. Even if you built it yourself, you’d still need to come up with the content. What is your time worth? Expect that it can take you 3-5 times as many hours (minimum) to build a site as well as a good developer. In the end, will your creation be a masterpiece or a dud?
By using a pro, your site will be working for you sooner and will be designed to meet (or exceed) your goals. This brings a return to you sooner and that return will likely be much greater.
3. You can choose the right developer
No single developer is the right fit for every project and you’ll find many choices when looking for someone to build an awesome WordPress site. Clients sometimes judge only the cost and not what the developer can delivery. The goal is to have a site that best delivers on your goals while delivering a great return on investment.
We pride ourselves on being part of the GoDaddy Pro program as well as being a Google Partner. The online world changes every single day and we focus on educating ourselves on those changes so that we can deliver sites that follow all the latest standards. This also allows us to minimize the time and costs involved.
4. Managing your own content is still possible
At its heart, WordPress is a CMS (content management system). It is designed to allow multiple users to change content to varying degrees. Some clients only want minimal abilities to change a few words or photos. Other clients want full control of a site. Either option is possible and the abilities can even be changed at any time.
This also brings up the famous Spiderman quote “with great power comes great responsibility.” If a client has the ability to edit anything on the site, they also have the ability to accidentally create problems by clicking the wrong thing. We work with clients so they know how to complete the processes most important to them to minimize potential problems.
5. eCommerce functionality is doable
With a WordPress site, eCommerce functionality can be as simple as installing a plug-in. While it is technically quite easy, a good eCommerce site is much more complex. What types of products and/or services are you going to sell? What types of payments are you going to accept? Do you need to ship products? Are they downloadable? These are just some of the questions that need to be answered.
WooCommerce is often mentioned as it is the most popular tool for adding eCommerce to WordPress. That does not mean it is the right answer for your site. We have found other tools that are better choices for our clients. Not only do we recommend these tools for clients, we use them on our own eCommerce sites so we know them inside and out.
6. Your site will be mobile-friendly and responsive
With nearly 2/3 of all Web traffic coming from mobile devices, it is an absolute must that your site works great on mobile devices. Visitors to your site could be on a computer screen that comes in nearly any size. Throw in the variety of tablets and mobile phones and there is just no single size anymore.
When we design a site, it is designed to be responsive. That means it adapts it to the screen of the device on which it is being viewed. Not only does it need to adapt to every screen, it needs to be usable on every screen. Your blog post must still look great on every screen. Visitors should be able to shop in your eCommerce store on every screen. Google created a certification test to make sure developers followed mobile best practices and all of our designers have passed the test.
7. Websites are constantly changing
One of the best parts about building a Web site on WordPress is that the platform itself is being regularly updated. We prefer to work with themes and plugins that are also regularly updated. First and foremost, this helps to keep your site secure. But these changes also support new and improved features.
Not only does the technology itself improve, we also focus on improving our skills and knowing that latest best practices in Web design. While you may choose not to have your site updated regularly, we’ll be ready to update it when you need it.
8. Keep all elements maintained and secure
It is thought that once a Web site is launched that all work is done for a long period of time. That just isn’t the case. It is not uncommon that some element of the site has an update almost every single day. If a client prefers, they can handle all of these updates. A far better value is to select a maintenance plan where all the updates are installed on sites for clients.
This keeps elements updated and keeps the site more secure as well. Additional layers of security are available for clients who want true peace of mind.
9. Your pages can be tested and optimized
If a user builds a site, will they test it on a variety of devices or do they decide it looks great on their own computer so it must be perfect? We want to test pages on computers, tablets and phones so that the user experience is consistently good.
Even when a site looks good on devices, it may not be optimized. Are images the right size in both dimensions and download size? Will the page perform well in search results? Can adjustments be made to make the site load as fast as possible? These are all tasks a pro will perform so that you get the best results from your site.
10. Resource for support after the site launches
When a site is first launched, it is only the beginning. Changes will inevitably be made. New content will be added. Quite possibly new features will be needed. Where is your time best spent? Is it becoming an expert on WordPress or working on your own business? Regardless of whether you are going to update the site or you want a developer to do it, we’re here to help.
We’d be happy to discuss your needs to see if we are the right developer for your project. Visit our Contact Us page or give us a call at 480-595-0065.