* In this article, we’ll be focusing on the back-end of the WordPress. The public cannot see this portion of the website. The sole purpose of the back-end is for you (or Graticle) to edit the website.
I hope you find this article helpful. If you have any questions, give us a call at (360) 450-3711.
WordPress has progressed the world of web publishing by simplifying the management of websites. It’s a great system that started off as a blogging platform in 2003, and is now practically a fully functional Content Management System (CMS).
Although there are many benefits to using WordPress, complicated steps to perform simple changes is a common frustration. Poor development of websites can lead to steep learning curves for the user, consuming valuable time better spent with your clients or customers. Your website may be built on WordPress but this does not mean that your website functions in the same way as every other WordPress website. Although the look and feel is consistent, they can be drastically different in usability.
WordPress has improved in the past ten years, making their back-end more customizable with the ability to be tailored to individual needs. With over 20% of all websites on the internet being on WordPress (and over 59% of all CMS’ in use being WordPress), the versatility of WordPress is deep.
While moving your website into WordPress is a big step in the right direction, it’s not the be-all and end-all. If not setup correctly, a new WordPress website can be just as confusing to edit as your past website, even with the helpful tools provided.
When we first started using WordPress over 5 years ago, we noticed that our clients weren’t understanding the system as easily as we hoped. This inspired our developers to go the distance and build WordPress websites for our customers that are easy to understand and edit. After all, that was the original reason we started using WordPress.
From this point on, we took a deep dive into theming and researched the various methods on customizing WordPress to become a more fully functional content management system. We started with Graticle.com as a case study because we use it on a daily basis. What better way to learn than by building a simple back-end for ourselves to use.
There was a lot of ground to cover, so we customized our website incrementally and started integrating the techniques we learned into websites we were building for our clients. The feedback we received from our clients was overwhelmingly positive, encouraging us to finalize our WordPress base system and use it on all of our future projects.
To help you better understand our system we now use, I’d like to show you a real-life example of a WordPress website we developed for vanderBeken Remodel & Repair in Tulalip, Washington. vanderBeken Remodel & Repair already had a WordPress website but it needed to be updated visually (on the front-end) with the back-end tailored to their business needs. We were most concerned with updating their current back-end by making it more intuitive and reducing the effort and time needed to manage their website.
With that goal in mind, we spoke with the owners and found out: (1) which sections needed to be easy to edit, (2) what information they would like to edit/add, and (3) areas that were causing the most editing problems. For example, are they adding testimonials to one page, only later needing to copy and paste that same testimonial onto another page? Their time spent editing posts on the website is valuable. After all, if they’re busy editing all day, what time time will be left working on the rest of their business?
Once the highest priorities were addressed, we started the process of improving the system to minimize the amount of work needed to manage their website. We wanted the owners to be able to make an edit once and have that edit update across the entire website—again, maximizing their efforts.
Here are some actual screenshots of the typical WordPress website compared to the fully customized website that we developed for vanderBeken Remodel & Repair.
A typical uncustomized WordPress page:
Although there is an area to add and remove content, the formatting is completely done within this editor. Also the structure (better yet, code) of the page would also need to fit within this editor, which basically defeats the purpose of using WordPress altogether. If you’re entering code into this editor, how simple can that be for someone to use? Our goal is to make websites as easy as possible for clients to edit. That means keeping them focused on the content and not the code.
Below is the updated website’s screenshot of what the owners of vanderBeken Remodel & Repair are greeted with when they first login to WordPress. I’m also including a screenshot of their homepage to show how it corresponds to their website.
As you can see, the edit screen on the left (the back-end) is directly tied in to the content on their homepage (the right side in the screenshot above) and formatted similarly. If they would like to edit one of the three sections (Restore, Repair, Remodel), they can do so easily. If they’d like to feature a few of their Services under the Remodel section (which links to their Services page they’ve created—more about this later), they can choose which Services they’d like to display.
Under their Recent Projects section, they can also choose the Projects that they’ve already created. They also have an option to include either an image or a YouTube video (to the left of Recent Projects), which is extremely easy for them to use.
Another page I’d like to share with you is their Frequently Asked Questions page. Here we’ve created a system that makes it simple to add, remove, and reorder (by dragging and dropping) each of the FAQ’s as you can see below:
As shown in the previous screenshots, there are menu items for each type of content that they offer: Services, Projects, Service Areas, Articles & Resources, and Testimonials. These menu items link to specific content items. You can compare this to the default WordPress website that simply lists all of the pages under the Pages menu item. While this is functional, the intuitive level is a problem when searching for a particular piece of content (Testimonial, Service, etc.). Instead, it’s much easier to separate content types into different categories and link them in the side menu (also known as Custom Post Types, in case you were interested in learning more).
The Projects, Services, Service Areas, and Testimonials all function similarly, and are able to be used across the entire website, depending on the needs of that page.
Here is a screenshot of the Individual Service (Home Repair for this example) Page edit screen:
One of the most important aspects is that each of these pages use resources from each of the other pages. For example, you’ll notice the Featured Projects section in the above screenshot. These are automatically filled as the owners creates Individual Projects in the Projects area. To feature a project on their Service page, they simply select the project in this area, and everything updates automatically. If the project is edited in the future, it’s automatically updated across all of the Service pages (or any other pages) that have linked to it.
This saves the owners a tremendous amount of time.
Creating content that will be used across your website can be a tricky situation. For example, you have a business phone number that you need to be displayed on the top (header) of your website, the bottom (footer), the contact page, and occasionally some interior pages. On a default WordPress installation, most would accomplish this in the Widget’s area. Although this is a somewhat intuitive interface, it’s still not quite as easy as it could be. For example, you just need to list your phone number on a page, and not necessarily the entire Sidebar (or Main Widget Area listed in the screenshot below) that has been created in the Widgets area.
Here is a screenshot of a typical WordPress Widget area:
What we do instead is create an Options page that contains all of the repeating or reusable content that you’ll be using across your entire website. We add in your social media links, phone numbers, address, and sections of content that will be needed to change in the future. Everything is listed in one place, so one change goes across the entire website. Our clients have really appreciated the functionality in their website because it is much easier to edit, less time consuming, and reassuring to know an edit isn’t going to harm or jeopardize their website.
Here is an example of the Options page for vanderBeken Remodel & Repair:
Fully customizing the back-end of WordPress gives us the ability to remove potential problem areas. These are areas where clients could accidentally make a change and potentially damage their website. Although WordPress does it’s best to prevent these types of errors, there are specific areas that are open to the user by default that are unnecessary for average functionality of websites.
While having full control does have advantages, it’s not always the best strategy. For instance, we have every capability to fully customize WordPress to our hearts desire, yet we understand the importance of removing unnecessary noise. We fully customize the back-end of Graticle.com just like our client’s sites. If there are settings that we don’t use or options that we don’t need, we remove them. We keep only the most important elements that we need to effectively manage our website. In this case, removing features is not necessarily a handicap, it’s actually a benefit. Because WordPress is customized to your business needs, you’re able to quickly and easily edit your website.
Even if you choose to have us manage your website into the future, we still build your website this way. When you need an update or anything changed, we’re able to efficiently go in and make the change. We don’t have to jog our memory or memorize a complex set of procedures to make changes—saving time for everyone.
Hopefully this has given you a better look into how we develop websites for our clients, and opened your eyes to the numerous possibilities there are with WordPress. Updating your website should be more intuitive and fun, rather than something you dread.
If you would like us to build a better, fully functional and intuitive WordPress website for your company, please give us a call at (360) 450-3711, or fill out our Request a Quote form.
Also, if you already have a website, we can still help. We can take your existing website and fully customize it to your individual needs like we did for vanderBeken Remodel & Repair.
Feel free to share this article with anyone you know that could benefit from it.
- › by Shawn Hooghkirk on December 10, 2013
In this video I go over two options of how you can easily get your WordPress website backed up today.
Video: How to Backup Your WordPress Website – Graticle Design
Hi my name’s Shawn and I’m with Graticle Design.
Today I want to show you how to backup your WordPress website.
But first, I want to ask you a question: If something happens to your website right now (it gets hacked, your server fails, or your database gets corrupted), what system do you have in place to restore it to it’s last working version?
Most people would assume that someone is taking care of it, but if you don’t have a system in place, that is not the case. I’ve seen and experienced this problem and it’s not fun, you can lose hours and hours of work in the blink of an eye.
In this video I want to show you two options.
The first option I want to show you is for the DIY’ers.
There’s a free plugin for WordPress called BackUpWordPress. It’s great for backing up your entire website (both your files and database) manually, or even on a weekly, daily, or hourly schedule.
Here’s a default WordPress installation on my local computer.
Go ahead and login to your WordPress website, so you follow along.
The first thing you can do is click Plugins, then click on Add New, then type in “BackUpWordpress”, and click Search Plugins.
As of right now, it’s the top search result.
I’m going to click Install Now, then click Okay, and then when it’s finished installing, you can click Activate Plugin.
To access the settings for this plugin, you can click Tools, and then click Backups.
Here you can set options for your Database backups, Complete (files and database) backups, and you can add schedules of how often backups are taken. By default, the plugin is set to backup your Database and Files daily, but you can alter that to your choosing.
Each situation is different, but generally the most important aspect to backup is your database, so daily is perfect. But for your entire website, backing up weekly or monthly is generally enough.
The great thing about this option is that it’s simple and free to set up. The downside is that if your server fails (one of the main reasons for backing up), you can be out of luck, because you’ve put all of your eggs into one basket. If your website fails or gets hacked, your website and your backups are at risk.
The other downside is that you’ve got a business to run, so if something goes wrong, you may be busy with a project or something else, and you generally won’t have time to just stop what you’re doing, and figure out how to fix this. And I’m guessing it’s probably not high on your to-do list.
The second option which I recommend for you is our WordPress Website Backup Service.
We can take monthly, weekly, or daily backups and keep up to 5 versions on hand. So if something goes wrong, we can restore it to it’s last working version.
We not only backup your entire website including the database, but we store these backups off-site. So if your server goes down and everything is gone, we still have your website backups.
In this case when something happens, you just give us a call and we restore your website to it’s last working version. And you’re back up, and running in no time.
So, if you’d like us to handle backing up your WordPress website, give us a call at (360) 450-3711. And if you mention this video, we’ll give you 25% off of our WordPress Backup Service.
I hope you’ve found this video helpful and you have a great day.
- › by Shawn Hooghkirk on November 21, 2013
Earlier this year we were hired to re-design and develop Schick Shadel Hospital’s website based out of Seattle, Washington. It was an extremely fun and rewarding project, especially being that their mission is giving people a second chance in life.
We built their new website on WordPress with a fully customized back-end so it’s extremely easy to manage. We also built it responsively so it looks great on any device you view it from.
Below is a before and after of their website so you can see the difference:
Also, if you’d like to read more about the project, you can here: www.behance.net/
You can also view their new website here: www.schickshadel.com
- › by Shawn Hooghkirk on November 15, 2013
- › Our Design Process [VIDEO]
- › Is WordPress Good for SEO?
- › What is Responsive Web Design? [VIDEO]
- › Why Your Company Should be on Google Places for Business
- › How to Setup a Facebook Business Page Right Now [VIDEO]
- › Facebook Business Pages and Why You Need One
- › What is Hosting? Dedicated Virtual vs. Shared Hosting [VIDEO]
Call (360) 450-3711 or Request a Quote