WordPress Case Studies

We wanted to showcase a handful of the WordPress projects our team has worked on across the last couple of years.

Tim Davidson

We wanted to showcase a handful of the WordPress projects our team has worked on across the last couple of years. These projects range from full redesigns to sites where we’ve implemented more streamlined and lightweight processes for managing content and building new landing pages.

Before we show off our portfolio, we wanted to explain quickly why a lot of WordPress sites suck, and what our approach is for fixing them.

Why do lots of WordPress sites suck?

WordPress is still the king over the internet. Everyone uses it, there are millions of plugins, and most of its common pain points have solutions.

If you think your website is built with WordPress but you're not 100% sure, you can check out our article on how to tell what platform a website is built on .

Since its inception 19 years ago, WordPress has been used in every conceivable way to create applications, different forms of websites, membership sites, subscription centres, and things it was never intended to do. Even when it’s being used to create a standard website, there are hundreds of different themes and approaches to configuring WordPress.

A lot of these approaches aim to simplify the content management process for users, leaning on drag and drop elements, all-in-one plugins, and changes to WordPress’ native functionality. Simplicity usually comes at a cost, and this is the beginning of why a lot of WordPress sites suck.

Only 22% of WordPress sites are passing Google’s Core Web Vitals (CWV) assessment. That’s staggeringly low given that sites passing this assessment get a boost in search engine results ranking .

case studies wordpress

You’ll notice in the picture that WordPress, Squarespace and Wix all seem to have similar rates of passing CWV. Squarespace and Wix both leverage drag-and-drop builders and are known to carry bloat in their payloads which increases the amount of data a browser needs to load before the site is interactive.

case studies wordpress

A blank WordPress site will pass the Core Web Vitals assessment with flying colours by default. However, when a clunky theme and many plugins are added to the site, those numbers go out the window.

Installing poorly optimised themes and mixing in too many plugins is the biggest reason many WordPress sites suck. The site performance slows down, and the combination of different plugin codebases creates design inconsistency, and the whole experience becomes Frankenstein-like.

We could go way deeper into these issues, but the point of this article is to focus on solutions rather than problems!

What does a great WordPress site look like?

Our team have built dozens of WordPress sites and made tons of mistakes a long the way. That experience has helped us figure out what a great WordPress site looks like to visitors and administrators.

For visitors

To visitors, the design needs to tick a handful of boxes;

  • Clean design
  • Consistent spacing
  • Strong and easily recognisable branding
  • Easily understandable directives

A clean design avoids clutter and makes for an easy reading experience. Consistent spacing is kind of like looking at a neatly organised house, there is no chaos and the experience feels “right”. Strong and recognisable branding lets the visitor know they’re in the right place, battling that consistent sense of scepticism most internet users have developed. And finally, easily understandable directives help the user interact with the site and get what they need.

On top of all of this, the design should be creative and look good, but that goes without saying.

For administrators

From the administrative perspective, the ideal situation would be a drag and drop builder that doesn’t have a million configuration options.

Even when administrators create new landing pages, they rarely think through every design possibility. They want the freedom to rearrange sections up and down the page, change content and add new images. They don’t want to pick fonts, font sizes, image spacing, or branding colours every time they create a new page.

This situation is where a block-based page builder comes in handy.

case studies wordpress

The blocks in this library (black dropdown on the right) have been pre-styled. They use brand colours, fonts and sizes. The code that generates the sections is lightweight and optimised. Most importantly, the administrator can change the content, images, link destinations and some basic styling options within each section.

This approach brings a lot of freedom for administrators. They can re-order parts of the page, create new landing pages, make content updates and remove unnecessary or outdated sections of any page. Best of all, they don’t need a developer to help out.

Now that we’ve reviewed our approach to creating WordPress websites, let’s check out a few case studies.

Enjoying this post? Get more delivered to your inbox!

Enter your email to get a monthly round up of technology tips and news.

WordPress Case Study #1 - A Rich Life

case studies wordpress

A Rich Life is a financial and lifestyle news site that was due for a serious facelift and re-architecture. Previously running on a custom set of technology, managing content was difficult and required developer intervention for even the smallest change.

As a membership site, all payment and permission granting activities were being run manually.

It’s kind of bonkers to think that a site that had achieved decent success was such a manual mission.

Our mission was to reframe the huge content pool in a way that let non-paying members access just enough fresh content to wet their whistle, while also giving them a way to upgrade to a paying member. On the member side, we needed to ensure that members could easily log in, change their details, and access the wealth of gated content on the member side.

We ended up implementing Memberpress to bridge this gap. While it does the trick, we’ve become a bit frustrated with the quirks that come with running this plugin.

The next mission will be to help the A Rich Life team migrate to a new member plugin or platform that offers more flexibility and less clunkiness.

One thing we’re proud of with the A Rich Life site is its performance. They publish several articles a week and boast a massive library of content, thousands of hits a month and huge volumes of in-article images. Despite all of this, the site passes the core web vitals assessment on both desktop and mobile.

case studies wordpress

WordPress Case Study #2 - Bitmax

Bitmax homepage screenshot

Bitmax knew their website was due for an update. Their old site design didn’t do their incredible brand justice. They had also struggled with being able to easily create new landing pages, changing the content of their existing pages, and with general responsiveness.

We set their new site up with the block-based page builder architecture. Bitmax took to this approach quickly, since their team have a decent amount of experience using WordPress.

Typically, we’ll need to hand-hold our clients as they rewrite content, swap images, and modify pages to fit their needs. However, the Bitmax team were way ahead of us and had everything sorted in the first couple of days of playing around with the test website.

We’re particularly proud of the small animations that were built into the Bitmax design to bring their content to life. Combining animations and a re-orderable block-based system can be tricky, but we managed to isolate the animations in this case.

The last stop before releasing Bitmax publicly was to tune up the site’s performance. The site easily passes Google’s CWV assessment, scoring a 95 on desktop and 90 on mobile.

Bitmax core web vitals score

WordPress Case Study #3 - National Aboriginal Community Controlled Health Organisations (NACCHO)

NACCHO homepage screenshot

NACCHO are a unique client because they were happy with their design but they wanted to fix some of the annoying layout issues that plagued their site. They were also struggling to implement new functionality and found that their site was costing a lot of money to maintain.

These problems boiled down to running the site on Hubspot. While it’s an excellent marketing platform, Hubspot is a poor framework for website development. It’s not open source and carries a lot of bloat.

Check out these Google Pagespeed Insight numbers of the NACCHO site before we rebuilt it using WordPress:

NACCHO core web vitals score

31 from 100 is a poor score for any website. It’s especially troublesome for a government website that receives thousands of views each month and serves an essential purpose.

Before we jumped into rebuilding the NACCHO site, we needed to analyse the existing website. We started this process using FlowMapp , an excellent tool for visualising the sitemap of a website and creating a checklist of which pages need to be rebuilt.

NACCHO sitemap visualisation

Once we had a complete list of the pages to be redesigned, we needed to figure out how to standardise the design into a block-based library. This exercise aims to use as few blocks as possible to engineer their entire site design.

NACCHO page breakdown into building blocks

A big part of this process was making all the H1s, H2s, H3s, H4s and paragraph text blocks the same font type and size. Additionally, any element that is used across the site (cards, buttons, call to action sections) needed to be tweaked to be exactly the same.

There was a surprisingly large amount of variation across the site in these global components.

The final step was rebuilding the site and connecting an RSS feed with Hubspot to send out frequent emails summarising content updates.

At the time of writing, the new site is not live. We’ll report back with a Pagespeed Insights update when the new site is up and running to highlight the difference between a poorly optimised Hubspot site and a performance-focused WordPress site.

There are plenty of other WordPress sites we could showcase, such as Kynd , Angelsteach , Humanforce , and Julie Josephine . But we’re not in the game of repeating ourselves, and most of these projects follow similar courses.

We wanted to give you a quick showcase of some great case studies built with WordPress and talk about our approach for designing and developing these sites.

If you’ve still got questions or want to know if we’ve created a site that matches up with an idea you have, please add a comment below this article or write to us on our contact page .

Tim Davidson

Tim is the face of the company. When you want to kick off a new project, or an update on your existing project, Tim is your man!

Read more on the subject

case studies wordpress

Customer Experience (CX) - Why It Pays To Invest In CX

Customer experience refers to your business's customers' perception of dealing with you.

Tim Davidson

Is Mobile First Always The Best Approach?

Mobile-first design is a term thrown around a lot in the UI and web design industries, but there often need to be more clarity about what it is and why you should use it.

Patryk Michalski

Digital Product Design Process

Digital products have the unique ability to scale to global proportions with relatively few fixed costs.

Don’t miss out on the latest stories!

Sign up for my newsletter to receive the latest news from the blog, you’ll get pinged every few months with a digest from the tech world.

Case Studies

Interviews, blog posts and comments can say a lot about a product, but so can statistics. we have combined the two for you in our case studies. these are our users who took the time to tell us how exactly they use managewp and how it has helped them in their work. happy reading.

case studies wordpress

WP Valet – Case Study

Valet are digital partners, closely collaborating with their clients to build an incredible online experience. Since using ManageWP, Valet have had an increase of 30% in efficiency, as well as being able to offer all of their clients the same customer experience.

WP Site Care – Case Study

WP Site Care has experts in development, design and technical support, everything that a website owner might need. Ryan Sullivan tells us that with ManageWP, WP Site Care has had a 25% increase in efficiency, and has saved dozens of man hours on every single security patch.

case studies wordpress

Carrie Dils – Case Study

Carrie is a WordPress consultant, developer, blogger, Lynda.com teacher and a keen contributor. She partners with small businesses to develop websites that help grow their business. Carrie saves on average of 40% overall per month.

Meks – Case Study

As elite authors featured on ThemeForest, they have a fleet of demo websites to showcase their themes. Meks saves a lot of time by using ManageWP to maintain these websites.

case studies wordpress

WP Elevation – Case Study

WP Elevation Coach Kristina Romero uses ManageWP to coach her students when it comes to website care planning. ManageWP helps with updates, client reports and monitoring. It makes their ongoing care plans possible.

WP Buffs – Case Study

WP Buffs is a 24/7 WordPress website maintenance service for serious website owners and white-label partners. Whether you’re looking after 1 site or 1000, they’ve got your back!

case studies wordpress

Maintainn – Case Study

Founded in 2012, Maintainn provides professional WordPress support and maintenance services, including 24/7 security monitoring, daily offsite backups, weekly updates to WordPress core, themes, and plugins, a dedicated WordPress support desk, and custom development.

Engenius – Case Study

Engenius is a web design and digital marketing company that places a strong emphasis on proactive and comprehensive WordPress support for their clients.   As a result of implementing ManageWP, their clients now experience far fewer issues related to outdated plugins. And on top of that they  save at least 10 hours a month between updating plugins manually and dealing with client site issues due to outdated plugin versions.

Engenius team

Over 65,000 WordPress professionals are already using ManageWP

Add as many websites as you want for free , no credit card required. Sign up and start saving time!

case studies wordpress

Something odd happened! Please try again.

Wrong captcha code! Please try again.

The account with the given email address already exists. Redirecting you to login page in:

25 WordPress Themes for Creating Compelling Case Study

Aside from showing your experience and skill, case studies give your potential client or employer an idea of how you work and think. Especially with more complex work, a case study is a must to explain your work. There’s no better way to show what you can do, than by showing what you’ve previously done. So here are some best portfolio WordPress themes for creating compelling and engaging case study .

This lovely niche theme is built and suitable for any company operating in the creative and digital sectors. Users with zero programming skills as well as advanced developers can utilize it pretty well.

Byra

This is ready to help you create a portfolio that has it all. This creative portfolio theme is designed for every creative agency and branding agency. Overton comes with vast portfolio layouts so anyone can create personal portfolio or creative portfolio. Share the info about your expertise and skills with vcard template or announce your upcoming projects with cooming soon page.

Overton

Anadbry is a premium portfolio WordPress theme with fresh and funky design. It’s a perfect product for photographers, designers and any type of creative people, who want to showcase their projects in a fast, interactive and beautiful way. With its smooth animations & fast loading experience, custom built slider and deep AJAX integration, Arteria will help you stand out from the competition.

Anadbry – Creative WordPress Portfolio Theme

4. California

Show your work and create beautiful portfolios with California Theme without knowing any HTML or how to code. This is a new way to craft your portfolio by designing powerful case studies and beautifully crafted branded project pages.

California

In a case you’re planning to launch a new creative project, announce it with practical coming soon page. Vangard is also equipped with premium plugins, included for free. So, wait no longer and get this super theme today!

Vangard

Professional creatives deserve a professional work presentation! Get all you need with for showcasing your architecture and design work in a great style with Grafik! Packed with a large collection of carefully designed portfolio templates, this theme is perfect for your architecture portfolio, project presentation, or work showcase. This theme comes with case Study page examples.

Grafik

The idea & inspiration behind Deca is to create a design, free of elements not highly required to portray the content or ideas. Thereby removing the unnecessary elements & leaving only important points to focus. The Bold, minimal & simple design approach ensures maximum attention to your work. Deca is a Portfolio template designed to work for all creatives & agencies.

DECA

Let your creativity flow with a theme tailerod to perfectly fit the needs of any freelancer, agency, designer or creative agency of any kind. Pitch comes with 12 beautiful homepages, 4 case study layouts, 30+ portfolio templates. Packed with a wide array of features and a vast set of shortcodes ideal for any web design agency, digital agency or creative business in general.

Pitch

This is an innovative and elegant creative WordPress Theme, attributes you won’t find in very many themes designed with the same purpose in mind. Key Hervin features include its crazy-fast Ajax page load, its selection of creative portfolio sliders and grids, ingenious menu options, video background support and much more.

Hervin

Brabus is smooth animated portfolio layout for agencies and freelancers. Fully animated and unique sections make item more attractive. Brabus is the best way to create agency or portfolio website. It is easy to customize codes, based on Bootstrap and Sass.

Brabus | Contemporary Portfolio Theme for Agencies

11. Bifrost

Bifrost is a very clean WordPress Theme which fits any needs, it finds use in different purposes like agencies, freelancers, photographer, e-commerce stores and many more. It is built with love and passion by our creative team, the elements are created with the trending page builder called Elementor.

Bifrost

Draven is a creative drag & drop theme created and designed with love for passionate web lovers. The key features of Draven are the front-end builders, so you have the Elementor as page builder and live Customizer as the theme options, both of them are flawless and work in an amazing way. Unique design and powerful options offers hundred of creative elements to choose from.

Draven – Multipurpose Creative Theme

PreusX is fully responsive and designed with the high end for Design and designers in mind so naturally, it is an ideal theme for mobile-friendly websites and applications, every single feature and page element will look amazing on the screens of tablets and mobile phones. It includes amazing page templates and professionally designed layouts created specifically to be the most responsive visual environment on the market today.

PreusX

There are two ways to showcase your creative work to your future clients: showing them and showing them the right way. I, personally, have seen great presentations of mediocre portfolios converting more users into leads than a great creative portfolio which was presented poorly. Simply put, using effective presentation techniques will boost the value of a project. When choosing a website builder or WordPress theme for your portfolio presentation project, the ideal scenario is to have a theme that will back you up with at least most of the elements and features.

Haud

Yeti is a modern, professional and clean creative WordPress theme. Yeti is developed based on frontend visual drag and drop plugin: Elementor. Can create any layout or pages using this plugin easily with just drag and drop. Yeti is suitable for every type of business agency, creative studio and Freelancers. Well planned design of all pages needed for a complete project.

Yeti

First and foremost, case studies reveal what you value as a designer. Do you value involving the user throughout your entire design process? Do you value pixel-perfect visual design? Do you care about prototyping in different resolutions? Your case studies will reveal it. Case studies are such an incredible source of information. It will give your portfolio visitors insight into your values, skills and potential.

Concis

17. Unicord | Creative Portfolio for Freelancers & Agencies Theme

Unicord is a high quality portfolio theme for digital agencies and freelancers. If you want to present your works in best way soo with Unicord you can create your own website very easily and quickly.

Unicord

Jekeo is a creative responsive WordPress theme for multi purposes, it could be used as a company, design studio, business or portfolio websites.

Jekeo

Trendy, easy to use & fast: meet Agncy, simply the best way to make your work truly memorable.

Agncy

20. Pasadena

This portfolio theme is a perfectly responsive WordPress Theme with tiled grid system layout. It is optimized for mobile touch and swipe.

Pasadena

Theme with very convenient drag-n-drop PageBuilder for WordPress. It should provide you with the smoothest experience while creating your website with our theme. The WordPress theme is responsive, you can view it also in the mobile/tablets devices and it looks very in more devices.

Allura

Make a statement without saying a word. A visually appealing and unique theme. With this release we aim at all sort of creative businesses that need to present their works in an interesting way.

Veso

23. The Litae

The Litae is a complete and versatile WordPress theme that is perfect for creative portfolios – from bloggers and freelancers to video production and design agencies. Whether you want to present a collection of work, inspiration, products or services, this portfolio theme has every detail covered.

The Litae

This theme allows you to create beautiful portfolio presentation with stunning animation. It will also showcase your work in multiple ways with masonry plugin.

Bario

It will give you the power to create any kind of website; the possibilities are endless! Also, how often do you get to build your site with an award-winning theme?

Animo – Creative & Clean Multi

Related Posts :

  • 21 WordPress Themes That Totally Define Retro Cool
  • 8 WordPress Plugins To Create Stunning Image Effects
  • 20 Awesome Elementor Template Kits
  • 15 Cool WordPress Themes for Tattoo Artist
  • 48 Responsive Prestashop Themes
  • 15 Best WordPress Portfolio & Gallery Plugins
  • 20 Portfolio WordPress Themes for Developer
  • 10 Best WordPress Timeline Plugins

Leave a comment Cancel reply

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed .

Case Studies

How Facebook Launched a Secure, Custom WooCommerce Experience in Under 30 Days

WordPress VIP gave Facebook’s Global Marketing Solutions team the freedom and flexibility they needed to spin up this campaign in under a month—protected by the enterprise security standards Facebook’s InfoSec team required.

(null)

How Al Jazeera Built Their Digital Experience Using Headless WordPress

We spoke with Al Jazeera’s Digital Chief Technology Officer, David “Hos” Hostetter, about their move to a decoupled (or headless) digital experience stack on WordPress VIP, and the positive impact the migration has had on all the organization’s KPIs. 

case studies wordpress

10 Examples of Enterprise WordPress

These 10 use cases explore the power of what’s possible with a sophisticated, secure, and stable content management platform, backed by the experts in WordPress at scale.

case studies wordpress

How the Ford Foundation Modernized Their Web Infrastructure While Furthering Their Mission

case studies wordpress

How Savage Ventures Grew Its Audience 121% With WordPress VIP

case studies wordpress

Inside Salesforce’s Digital Transformation

Hachette Book Group’s Single Source for Digital Marketing

How the Marine Corps Marathon Organization Raced to Overhaul Their Digital Experience with WordPress VIP

Doing More, Spending Less: How Edutopia Increased Their Speed to Innovation

How City A.M. Found Its Digital Voice, Tripled Its Readership, and Built a Future-Proof Tech Stack

How Thought Catalog Powers a Network of Websites

case studies wordpress

How Everhance Used WordPress VIP's Migration Services to Improve Speed and Reliability on Their Sites

How Parabol Connects Content and Product to Drive Growth

case studies wordpress

How the 2020 DNCC Pivoted to 100% Digital with WordPress VIP

Launching a Global Ecommerce Platform With OKdo

Capgemini’s New Culture of Digital Creation

Remaking the New York Post for the Digital Age

Defining PMC's Content Production Playbook Across Brands

case studies wordpress

The Scale and Speed Behind iOne Digital’s Massive Reach

Streamlining Publishing and Operations with Grupo Abril

case studies wordpress

Sneaker News Reaches Lightning-Fast Load Times With WordPress VIP

case studies wordpress

Unlocking Power and Efficiency for News Corp Australia

Solving Performance and Stability for VentureBeat

Behind the Scenes of News UK’s Rampant Speed to Value

Evolving the Kaiser Family Foundation’s Data-Rich Platforms

Make WordPress.org Marketing

The Marketing team promotes WordPress to current and future users and contributors. We create and amplify campaigns to support the growth of the WordPress project.

Our work is tracked on the Marketing Tasks Board on the WordPress organization’s GitHub . If you are planning a Marketing Table at a Contributor Event, please let us know in the Slack channel .

Read more about our team and how to get involved.

You can be part of the #marketing channel on Slack . Join our next Weekly Marketing Chat at: Tuesday 15:00 UTC . Diary dates

' src=

WordPress Case Studies and Usage Survey

Open call to agencies, clients, and enterprises, *update* here are the results of the wordpress usage survey ..

The Marketing Team for WordPress announces an open call for agencies, client companies, and enterprises using WordPress to respond to surveys gathering Case Studies for WordPress and assessing global WordPress Usage trends. We want to hear about how you’ve used WordPress for client solutions and as a web content management platform. The Case Studies along with the Usage Survey report will help us create resources for Marketing WordPress.

At the WordCamp WordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more . US 2016 Contributor Day Contributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/ . in Philadelphia, PA, the Marketing to Agencies and Clients subgroup decided to create a survey for agencies to submit user cases demonstrating great solutions with WordPress. The Case Studies will be part of a Resource Guide for agencies & freelancers to market WordPress to clients that will also provide a Fact Sheet, FAQ, and other information on the features, benefits, and provided value of WordPress.

“Content Management is not just about technology; it is about the nature of your business and content, people, processes, and tools.” —Ann Rockley, Managing Enterprise Content : A Unified Strategy, New Riders, Berkeley, 2003.

Our goal is to identify the needs and pain points of stakeholders (both agency & client-side) for web projects, so that we can provide supporting information about WordPress to address those needs and to counter any obstacles or myths. Ongoing discussions determined that we could also provide a general survey to poll agencies, their clients, and larger enterprises about their use of WordPress and their perspective about the web platform.  The Usage Survey was designed to capture basic trends and the outlook for using WordPress to deliver project solutions for clients as well as a web platform for broad use by enterprises.

We’ve reviewed a range of polls and surveys about WordPress. Matt Mullenweg, a founding developer of WordPress and founder & CEO of Automattic, has provided rich statistics on WordPress adoption in his annual “ State of the Word ” talks at WordCamps over the years. WordPress hosting businesses have surveyed companies and clients about WordPress. Content Management and Content Marketing news sites provide comparative guides on CMS technologies. High-level industry reports review the commercial web space, including the Gartner Magic Quadrant for Web Content Management and The Forrester Wave on Web Content Management Systems.

“WordPress has always grown organically through word of mouth and its passionate community, but the hundreds of millions being spent advertising against WP has started to have an impact, especially for folks only lightly familiar with us.” —Matt Mullenweg, “WP Growth Council,”  Matt Mullenweg | Unlucky in Cards , December 2, 2016, https://ma.tt/2016/12/wp-growth-council/

The WordPress Marketing team aims to continue the organic growth of WordPress through its merits and with the support of our dedicated community. We rely upon the engagement of the global WordPress community and the input of users from all parts of the world across industries large and small. We invite you to participate in this process by providing a Case Study of how WordPress solved a client need and by answering some questions about your company and its use of WordPress.

As an agency, please select one representative to offer cases and respond to the survey. If you are a freelancer, respond only if working full-time as a web service provider. If you work in a large enterprise using WordPress, determine the one best staff or officer to respond. These surveys will run through July 14, 2017.

We’ve extended the surveys through August & September to allow more outreach and case preparation.

▶ Offer a WordPress Case Study

▶ take the wordpress usage survey, share this:.

Awwwards Nominee

WordPress UI / UX Design: Best Practices and Case Studies

WordPress UI UX Design

Popular Tools by VOCSO

  • Color Palette Generator
  • Image Color Picker
  • Blog Topic Generator
  • website cost calculator
  • web app estimator
  • ecommerce cost calculator
  • Wordpress cost calculator

The success of a website depends on several factors, including the design and user experience it provides. A poorly designed website can lead to high bounce rates and lost opportunities, while a well-designed one can create a memorable user experience and lead to business growth. If you are a website owner or designer, it’s crucial to understand the importance of WordPress UI UX design, and how it can impact your website’s success.

Our blog, “WordPress UI UX Design: Best Practices and Case Studies,” is a comprehensive guide that will provide you with valuable insights into the world of UI UX design. This blog is a must-read for anyone looking to improve the user experience of their WordPress website. We will provide you with tips and best practices to enhance the visual design and user experience of your website. Additionally, we will delve into two real-world case studies that demonstrate the effectiveness of UI UX design in driving website traffic, engagement, and business growth.

Whether you are a business owner, web designer, or developer, this blog is an essential resource that will help you achieve your website’s goals. So, let’s dive into the world of WordPress UI UX design and discover the best practices and case studies that can help take your website to the next level.

Table of Contents

Definition of WordPress UI UX Design

WordPress UI UX design refers to the process of designing and developing the user interface and user experience of a WordPress website. UI (User Interface) design refers to the visual design and layout of the website, including elements such as typography, colors, and graphics. UX (User Experience) design refers to the overall experience of using the website, including ease of use, efficiency, and satisfaction.

Effective WordPress UI UX design involves optimizing the website’s visual design and information architecture to create an engaging and user-friendly experience for visitors. The design process may involve user research, wireframing, prototyping, and testing to ensure the website is easy to navigate and meets the needs of its target audience. The end goal of UI UX design is to create a website that is visually appealing, easy to use, and meets the business goals of the website owner.

Importance of UI UX Design for WordPress websites

1. enhancing user experience: .

A well-designed user interface and user experience (UI/UX) can greatly improve the overall experience a user has on your website.

2. User-Friendly Navigation: 

A user-friendly navigation system can make it easier for users to find what they are looking for on your website, reducing frustration and improving the user experience.

3. Intuitive Design: 

An intuitive design makes it easy for users to understand how to use your website, which can lead to increased engagement and user satisfaction.

4. Clear and Concise Content: 

Clear and concise content is crucial for a positive user experience. It helps users quickly find what they are looking for, without being overwhelmed by too much information.

5. Improving Website Functionality: 

A well-designed UI/UX can improve the functionality of your website by making it easier for users to complete tasks and interact with your website.

6. Improved User Flow: 

By improving the user flow, you can guide users through your website in a way that makes sense and helps them achieve their goals.

7. Enhanced User Engagement: 

A great UI/UX design can increase user engagement by making it easier for users to interact with your website, leading to increased user satisfaction and loyalty.

8. Increased User Retention: 

A positive user experience can lead to increased user retention, as users are more likely to return to your website if they have had a positive experience in the past.

9. Boosting Website Performance: 

A well-designed UI/UX can boost your website’s performance by reducing page load times and improving the overall speed of your website.

10. Faster Loading Speeds: 

Faster loading speeds are crucial for a positive user experience, as users are less likely to wait for slow-loading pages. If you want to improve the speed of your WordPress website , there are several steps you can take. 

As a WordPress design company , we understand the importance of having a fast and optimized website. That’s why we offer WordPress speed optimization services to help improve the performance of your website. Our team of experts can analyze your website and identify the factors that are slowing it down, such as large images, excessive plugins, or poorly optimized code. We can then implement a variety of strategies to improve your website’s speed, including optimizing images, minifying code, caching, and utilizing a CDN. By optimizing your website’s speed, we can help improve user experience, reduce bounce rates, and improve search engine rankings.

Don’t miss out on this limited time offer! Get upto 50% off on our website design packages now.

women

11. Improved Search Engine Optimization: 

A well-designed UI/UX can improve your website’s search engine optimization (SEO) by making it easier for search engines to understand your website’s structure and content. 

While user interface (UI) and user experience (UX) design may indirectly impact SEO ranking, they do not directly influence it. UI and UX design are important for making a website easy to use, engaging, and visually appealing to visitors. If a website is well-designed and easy to navigate, visitors are more likely to stay on the site longer and engage with its content. This can lead to increased time on the page, lower bounce rates, and more social sharing, all of which can indirectly impact SEO ranking.

However, it is important to note that search engines do not directly measure UI and UX design when determining to rank. Instead, they focus on factors such as page load speed, mobile responsiveness, and content quality. While good UI and UX design can indirectly impact these factors, they are not the only determining factors for SEO ranking.

Therefore, it is important to focus on optimizing your website for both search engines and users. By creating a well-designed, user-friendly website with high-quality content that meets the technical requirements of search engines, you can improve both your user experience and your SEO ranking. Our SEO optimization services can help you achieve these goals by identifying technical issues that may be impacting your website’s ranking and implementing effective strategies to improve your visibility in search results.

12. Better Mobile Responsiveness: 

A responsive design that works well on mobile devices is crucial in today’s digital landscape, as more and more users are accessing the internet on their smartphones and tablets. User experience (UX) and user interface (UI) design are critical components in the development of a responsive website. A responsive website is designed to adapt and adjust to different screen sizes, ensuring that users have a seamless experience no matter what device they are using. UX and UI design play an important role in making a website responsive in the following ways:

User Research: UX design involves researching and understanding the needs and preferences of your target audience. This understanding helps to create a design that will appeal to your audience regardless of the device they use.

Navigation and Layout: UI design is responsible for the layout of the website, including the placement of buttons, images, and text. A well-designed layout is essential for a responsive website, as it ensures that the website is easy to navigate and use on any device.

Color and Typography: Color and typography play a critical role in the overall visual appeal of a website. A good UI design takes into account the size and spacing of text to ensure that it is readable on different screen sizes.

Mobile-first approach: A mobile-first approach is becoming increasingly popular for responsive website design. This approach involves designing the website for mobile devices first and then scaling up to larger screens. This approach ensures that the website is optimized for smaller screens and that it is easy to navigate and use on any device.

Best practices for WordPress UI UX Design

1. user-centered design approach: .

This approach focuses on creating designs that meet the needs and expectations of the end users. The user-centered design approach is all about understanding the target audience and their goals and then designing a user interface that makes it easy for them to accomplish those goals.

2. Consistent Design Language: 

This refers to using the same visual elements, such as typography, color schemes, and icons, throughout the website to create a coherent and recognizable brand identity. Consistent design language helps users navigate the site and understand the purpose of each page.

3. Mobile-First Design: 

With the increasing use of mobile devices to access the internet, it’s important to design websites with mobile devices in mind. Mobile-first design means that the design is optimized for smaller screens and touch interfaces, with a focus on usability and functionality.

3. Use of Color and Typography: 

Color and typography play a crucial role in creating an attractive and effective user interface. The use of color can help establish a brand’s identity and evoke emotional responses, while the use of typography can help create hierarchy and improve readability.

4. Content-Focused Design: 

This means putting the content of the website front and center, and designing the user interface to support and enhance it. Content-focused design helps users quickly find what they’re looking for and engage with the content.

This means putting the content of the website front and center, and designing the user interface to support and enhance it. Content-focused design helps users quickly find what they’re looking for and engage with the content. One key aspect of the content-focused design is creating a content optimization strategy that ensures the content is not only user-friendly but also search-engine-friendly.

A content optimization strategy involves analyzing the content of the website to identify areas that can be improved. This can include optimizing titles, meta descriptions, and tags, as well as ensuring that the content is high-quality, relevant, and informative. By optimizing the content for search engines, the website can improve its visibility in search results, drive more traffic, and ultimately increase engagement.

Additionally, content-focused design should take into account how users interact with the content on different devices. By creating a responsive design, the content can be optimized for different screen sizes and ensure that users have a seamless experience no matter what device they are using.

5. Simple and Minimalistic Design: 

Web design principles play a crucial role in creating an effective website. One of the most important design principles is simple and minimalistic design. This approach involves using clean lines, simple color palettes , and uncluttered layouts to reduce distractions, improve readability, and create a more calming user experience.

A simple and minimalistic design can help to make a website more visually appealing and easier to navigate, which can lead to increased user engagement and improved conversion rates. In addition, this design approach can help to improve website performance, as it often leads to faster page load times and better mobile responsiveness.

Other important web design principles include consistency, accessibility, and user-centered design. By following these principles, you can create a website that is easy to use, visually appealing and optimized for search engines. 

6. Visually Appealing: 

A visually appealing website can help engage users and improve the overall user experience. Visually appealing design can be achieved through the use of high-quality images, appropriate color schemes, and attention to detail.

7. Responsive Design: 

Responsive design means that the website layout and content adjust dynamically to the size of the screen and device being used to view it. This is important for providing a seamless user experience on different devices and screen sizes.

8. Clear Navigation: 

Clear navigation refers to a website or application structure that makes it easy for users to find the information they need. This can be achieved by having a well-organized menu, clear labels, and intuitive grouping of content.

9. Clear and Concise Language: 

Using clear and concise language helps ensure that users can understand the content and messaging of a website or application. This includes using simple and straightforward language, avoiding jargon, and using descriptive headings and subheadings.

10. Clear Calls to Action: 

A clear call to action (CTA) is a button or link that encourages users to take a specific action, such as making a purchase or signing up for a service. CTAs should be prominent, easy to find, and clearly labeled.

11. Fast Loading: 

A fast-loading website or application is essential for providing a good user experience. This includes optimizing images, using efficient coding techniques, and reducing the number of elements on a page to minimize load times.

12. Clear Feedback: 

Clear feedback is the response from a website or application that informs users about the results of their actions. This can include error messages, success messages, and confirmation messages, and should be clearly labeled and easy to understand.

13. Accessibility: 

Accessibility refers to the design of a website or application that makes it usable for people with disabilities. This includes implementing features such as alternative text for images, keyboard-accessible navigation, and adjustable text size.

14. Easy to Find Information: 

A website or application that makes it easy for users to find the information they need is crucial for a good user experience. This can be achieved through the effective use of search, clear labeling, and intuitive organization of content.

15. Effective Use of White Space: 

White space is the empty space on a page that helps to create a clear and uncluttered design. Effective use of white space can improve readability, draw attention to important elements, and create a sense of hierarchy on a page.

16. User-Friendly Interface: 

A user-friendly interface is a design that is easy to use and understand, with intuitive controls and clear feedback. This includes designing interfaces that are visually appealing, accessible, and responsive to user actions.

17. Secure: 

A secure website or application is one that protects user data and privacy. This includes implementing secure protocols such as HTTPS, using strong passwords, and regularly updating software to protect against security vulnerabilities.

As one of the best website builders for creating a microsite or professional business websites, WordPress is often targeted by hackers looking to exploit security vulnerabilities. It is important to take steps to secure your WordPress website from hackers to protect your user data and privacy. 

18. Search Engine Friendly: 

A search engine-friendly website or application is optimized for search engines, making it easier for users to find the site through search results. This includes using clear and descriptive headings, including relevant keywords, and using structured data to help search engines understand the content of a site. By keeping up with the latest SEO trends and using the right SEO tools , businesses can improve their website’s search engine ranking and enhance the user experience.

By creating a search engine-friendly website that enhances UI and UX, businesses can increase their online visibility, attract more visitors, and achieve their marketing goals.

19. Scalable: 

Scalability is the ability of a website or application to handle increasing traffic, data, and other resources without compromising its performance or user experience (UX). Scalable websites or applications are designed to grow and evolve with the needs of the business and its users. However, scalability and UX are not mutually exclusive, and both are equally important for the success of a website or application. A website or application that is not scalable may experience performance issues and downtime as it struggles to handle the increased traffic, resulting in a poor user experience. Conversely, a website or application with great UX but limited scalability may not be able to accommodate the growing needs of the business or its users.

20. User-Centric: 

User-centric design is an approach to design that places the user at the center of the design process. It involves understanding the needs, preferences, and behaviors of users and designing products and services that meet those needs. User-centric design enhances user experience (UX) in the following ways:

Understanding User Needs: User-centric design involves conducting user research to understand the needs, preferences, and behaviors of users. This information is used to design products and services that meet those needs, resulting in a better user experience.

User Feedback: User-centric design involves gathering feedback from users throughout the design process. This feedback is used to refine and improve the design, resulting in a product or service that better meets user needs.

Iterative Design: User-centric design is an iterative process that involves testing and refining the design based on user feedback. This iterative process results in a product or service that is optimized for user needs and provides an excellent user experience.

Intuitive Design: User-centric design focuses on creating intuitive designs that are easy to use and navigate. By designing with the user in mind, user-centric design can create products and services that are intuitive and easy to use.

Design for Accessibility: User-centric design also involves designing products and services that are accessible to everyone, regardless of their abilities. By designing with accessibility in mind, user-centric design can create products and services that are easy to use and provide an excellent user experience for all users.

21. Customizable: 

Customizable design can greatly enhance user experience (UX) by allowing users to personalize and tailor their experience to their own preferences. A customizable design refers to a website or application that allows users to change the layout, color scheme, font size, and other design elements to their liking. This level of personalization can greatly enhance the user experience in the following ways:

Flexibility: A customizable design provides users with the flexibility to adjust the design elements to suit their needs and preferences. This can improve the user’s experience by creating a design that is more comfortable and easier to use.

Accessibility: Customizable design can improve accessibility by allowing users to adjust design elements such as font size, contrast, and color schemes to accommodate their visual impairments. This can make the website or application more inclusive and accessible to a wider range of users.

Engagement: Customizable design can increase user engagement by giving users more control over their experience. Users are more likely to engage with a website or application if they can personalize the design to their liking.

Branding: Customizable design can also enhance branding by allowing users to customize the design to match their preferences and tastes. This can create a more personalized experience and improve brand recognition and loyalty.

In summary, customizable design can greatly enhance the user experience by providing flexibility, accessibility, engagement, and branding opportunities. By allowing users to personalize their experience, businesses can improve user satisfaction and loyalty, ultimately leading to higher conversion rates and business success. Customizable design is a key feature of custom website design services, which enables businesses to create a website that meets their unique needs and the needs of their target audience.

By working with a custom website design service provider, businesses can ensure that their website design is customizable and optimized for user experience, which can help to improve their online presence and achieve their business goals.

22. Continuous Testing and Refinement: 

Continuous testing and refinement is the practice of regularly testing a website or application with users and making improvements based on their feedback. This helps to ensure that the design is meeting the needs of the target audience and delivering the desired user experience. Website maintenance services often include continuous testing and refinement to identify and fix issues as they arise and to make updates to the design to keep the website current and effective.

By incorporating continuous testing and refinement into website maintenance , businesses can ensure that their website is delivering a positive user experience, which can lead to increased engagement, conversions, and customer loyalty. Additionally, by making regular updates to the design and functionality of the website, businesses can stay up-to-date with the latest trends and technologies, which can help to improve the overall performance of the website.

Case Studies: WordPress UI UX Design

Case study 1: okinawa scooters.

Best-Indian-Electric-Scooter-Manunfacturing-Company-Okinawa-Scooters

  • Overview of the study:

The case study focuses on the effective WordPress UI UX design for Okinawa Scooters ‘ website. The objective of the study is to analyze the website’s existing user interface and user experience design, identify the areas of improvement, and suggest solutions to enhance the website’s overall user experience.

  • Overview of the company or website:

Okinawa Scooters is an Indian electric two-wheeler manufacturer. The company offers a range of electric scooters that are eco-friendly and affordable. The company’s website is the primary digital platform to showcase its products and services to potential customers. The website’s design and user experience play a vital role in attracting and retaining customers.  Okinawa Scooters approached our team for their website redesign as they were not satisfied with the results they were getting from their current website. The previous website design was not user-friendly and was not effectively communicating the company’s products and services to their target audience. This led to a lack of engagement and conversions, which was impacting the growth of the company. Our team was tasked with redesigning the website to improve user experience and drive results for the company.

  • Research and Analysis:

The research and analysis phase involved a thorough examination of the website’s user interface and user experience. The analysis revealed that the website’s design was outdated, cluttered, and lacked a clear information hierarchy. The website’s information architecture was not optimized for user navigation, and the website’s visual design did not align with the company’s brand image.

  • Design & Development:

Based on the research and analysis, the design and development phase focused on improving the website’s user interface and user experience design. The following changes were made:

  • Simplified and modernized the website’s visual design to align with the company’s brand image.
  • Optimized the website’s information architecture for easy navigation.
  • Improved the website’s content structure and presentation to enhance readability and comprehension.
  • Redesigned the website’s product pages to showcase the company’s products effectively.
  • Enhanced the website’s search functionality to enable users to find the desired information quickly.
  • The design and development phase was executed using WordPress, a content management system that offers flexibility and scalability.

The redesigned website resulted in a significant improvement in user engagement and customer satisfaction. The following results were observed:

  • A 50% increase in website traffic
  • A 35% increase in the average time spent on the website
  • A 40% increase in the number of inquiries and leads generated through the website

The redesign of Okinawa Scooters’ website’s user interface and user experience design was successful in enhancing the website’s overall usability and user experience, resulting in a positive impact on the company’s business.

Case Study 2: Alten Technology USA

ALTEN Technology USA

WordPress is one of the most popular content management systems, powering 42% of all websites on the internet. It’s no surprise that businesses choose to use WordPress as it provides an excellent platform to showcase their products or services. However, creating a website with a great user interface (UI) and user experience (UX) can be challenging. In this case study, we will look at how Alten Technology USA used effective UI UX design to improve their WordPress website and gain more leads.

Overview of the Study

Alten Technology USA is a subsidiary of Alten Group, a global engineering and technology consultancy with over 35,000 employees. Alten Technology USA specializes in providing engineering, IT, and consulting services to various industries, including aerospace, defense, automotive, and healthcare. Alten Technology USA was facing a challenge with its website, as it was not generating enough leads.

Overview of the Company or Website

Alten Technology USA’s website was built on WordPress and had a simple design, with a few pages outlining their services, industries they work with, and a contact page. The website had a high bounce rate, indicating that users were not finding what they were looking for. The website lacked visual appeal and had a poor user experience.

Research and Analysis

To improve its website, Alten Technology USA conducted extensive research to identify the pain points that its users were experiencing. They conducted interviews with their clients, analyzed website metrics, and researched their competitors’ websites. The research revealed that their website lacked visual appeal, had poor navigation and was difficult to find relevant information.

Design & Development

Based on their research, Alten Technology USA revamped its website with a new UI UX design. They added new sections to their website, including a blog, case studies, and a resources section. They also revamped the homepage, making it more visually appealing, with the use of high-quality images and bold typography. The website’s navigation was streamlined, making it easier for users to find the information they were looking for.

One of the most significant improvements was the addition of a chatbot feature. The chatbot was integrated with Alten Technology USA’s CRM system and allowed them to capture leads 24/7. The chatbot was also programmed to provide users with relevant information based on their queries, reducing the time taken to find relevant information.

The website was optimized for mobile devices, ensuring that users could access the website from their smartphones and tablets. They also ensured that the website was fast-loading, with a page load speed of under two seconds, improving the user experience.

The revamp of Alten Technology USA’s website with a new UI UX design had a significant impact on their business. The website’s bounce rate was reduced by 35%, indicating that users were finding what they were looking for. The addition of the chatbot feature had a significant impact, with 30% of all leads coming through the chatbot. The website’s page views increased by 70%, indicating that users were spending more time on the website.

Recap of Best Practices for WordPress UI UX Design:

The best practices for WordPress UI UX design aim to create a user-centered, visually appealing, and easy-to-use website. This includes using a consistent design language, focusing on content, and utilizing a mobile-first approach. Additionally, accessibility should be a top priority, with attention given to making the website usable for people with disabilities. The use of color and typography should enhance the visual appeal, while simple and minimalistic design elements should be used to avoid clutter and distractions. The website should also be responsive, allowing it to adjust to different screen sizes and devices, and have an intuitive navigation structure for easy information discovery.

Summary of case studies

The two case studies presented in this document focus on effective WordPress UI UX design.

In the first case study, the website for Okinawa Scooters was analyzed and found to have an outdated, cluttered design with a poor information hierarchy. The design and development phase focused on modernizing the visual design, optimizing the information architecture, and improving the content structure and presentation. The redesign resulted in a 50% increase in website traffic, a 35% increase in the average time spent on the website, and a 40% increase in the number of inquiries and leads generated through the website.

In the second case study, the website for Alten Technology USA was analyzed and found to have similar issues, including an outdated design and poor information hierarchy. The design and development phase focused on simplifying and modernizing the visual design, optimizing the information architecture, improving the content accessibility, and enhancing the website’s search functionality. The redesign resulted in a more engaging user experience and an increase in website traffic, though specific metrics were not provided.

Both case studies demonstrate the importance of effective UI UX design in attracting and retaining website visitors, generating leads, and driving business growth.

Final Thoughts and Recommendations:

In conclusion, it’s important to consider these best practices when designing a WordPress website to create a user-friendly, accessible, and visually appealing experience for visitors. It’s also recommended to regularly review and update the design to ensure it stays relevant and meets the evolving needs of users. Testing the website with a diverse group of users can provide valuable insights and help identify areas for improvement. Remember, the goal is to create a website that provides an enjoyable and seamless experience for users, making it easy for them to find what they’re looking for and engage with the content.

Deepak Chauhan

Recommend this story

Further reading..., select what you need estimate for....

  • website design
  • web application
  • ecommerce website
  • Wordpress calculator

Now is the time to start getting more online

Conviced? Good. reach out to us via form below. if not. well spend some more time looking at our portfolio and case studies. you won't need to think further :)

man

  • li.menu-item.menu-item-15"> Login
  • Member dashboard

case studies wordpress

  • ul > li > a.menu-item.menu-item-6-a"> Website
  • ul > li > a.menu-item.menu-item-7-a"> Landing Pages & Funnels
  • ul > li > a:not(.tcb-excluded-from-group-item)"> Quizzes
  • ul > li > a.menu-item.menu-item-9-a"> Online Courses
  • ul > li > a.menu-item.menu-item-5-a"> Membership Site
  • ul > li > a.menu-item.menu-item-11-a"> Lead Generation
  • ul > li > a.menu-item.menu-item-12-a"> Scarcity Campaigns
  • ul > li > a.menu-item.menu-item-10-a"> Consultants & Agencies
  • ul > li > a:not(.tcb-excluded-from-group-item)"> Coaches & Personal brands
  • ul > li > a.menu-item.menu-item-15-a"> Online Course Creators & Infopreneurs
  • ul > li > a.menu-item.menu-item-20-a"> Bloggers & Affiliate Marketers
  • ul > li > a.menu-item.menu-item-23-a"> Ecommerce Businesses
  • ul > li > a.menu-item.menu-item-36-a"> Blog
  • ul > li > a.menu-item.menu-item-37-a"> New Features
  • ul > li > a.menu-item.menu-item-38-a"> Thrive University
  • ul > li > a.menu-item.menu-item-39-a"> Customer Stories
  • ul > li > a.menu-item.menu-item-40-a"> Knowledge Base
  • ul > li > a.menu-item.menu-item-41-a"> Help & Support

Create your WordPress website

Smart automations between plugins

Intuitive drag & drop editor for WordPress

Building your mailing list faster

Build Professional online courses

Make commenting fun and engaging

Boost engagement through quizzes

Display testimonials for social proof

Create evergreen countdown campaigns

A/B testing for landing pages

  • li:not(.tcb-excluded-from-group-item)"> Pricing
  • li.menu-item.menu-item-44"> Get Thrive Suite
  • li:not(.tcb-excluded-from-group-item)"> Contact
  • li:not(.tcb-excluded-from-group-item)"> Login
  • li.menu-item.menu-item-12"> Get Thrive Suite

Build Your Site

Case Study Blueprint Part 2: How To Build Case Study Templates Fast with Page Blocks

Author Image

Author Matt     7

Updated on April 28, 2021

You already know how effective client case studies are at converting prospective clients into paying customers…

...especially if you read our Ultimate Case Study Blueprint post that walks you through exactly how to write a case study . In it, we analyzed several examples from across the web to distill the best qualities from each and end up with a step-by-step guide on how to build your own conversion focused case study landing pages.

But sometimes, putting step-by-step guides into practice can be more difficult than you expect, so this post will pick up where the Case Study Blueprint article left off.

Watch the video or keep reading to learn how to create a beautiful , reusable and conversion focused client case study template fast using nothing but the Page Block designs available inside Thrive Theme Builder & Thrive Architect .

The Ultimate Case Study Blueprint

If you haven’t had the chance to download a PDF copy of the Ultimate Case Study Blueprint yet, click the button below so you can see all the different sections and elements we’ll be recreating with Page Block designs:

By using Page Blocks to create your own case study template (following the exact Blueprint structure), you’ll end up with landing page that looks something like this:

case studies wordpress

You can build this very same case study template – from scratch – in just a few minutes using nothing but Page Blocks !

This design is not only quick and easy to create with Page Blocks, but it’s also mobile responsive – straight out of the box!

And because all our Page Block templates are also Smart Color enabled, your case study pages will always match your site’s Brand Color no matter how often you change it:

All the Page Block designs are Smart Color enabled, which means no matter what you change your site colors to — your case study pages will always match your brand!

So how ‘bout it? Are you ready to build your own client case study template with Page Blocks using the Ultimate Case Study Blueprint design? Keep scrolling...

How To Build It with Page Blocks

To get started, open your WordPress dashboard and create a new Page.

Name it something generic like “Case Study Template” (so you can one-click clone it for actual case studies once your template is finished) then save the page as a draft. After that, click the “Launch Thrive Architect” button to open the visual editor.

Select the “Completely Blank Page” option when prompted:

case studies wordpress

To make your landing pages hyper conversion focused, choose the "Completely Blank Page" option when prompted.

From there, start building your case study template by clicking the “Add A Block” button to open the Page Block Template Library:

case studies wordpress

Click the "Add a Block" button on your blank landing page to open the Page Block template library to get started.

Once the Page Block Template Library appears on screen, it’s time to select your...

1. Hero Area Section

As per the Case Study Blueprint design, this template begins with an above-the-fold Hero Area that includes a:

  • Benefit driven headline
  • Positive and engaging quote about your business from the client
  • And an authentic, eye-catching image of your client or their business

To find the right Page Block design, filter for the “Hero Area” templates in the library’s left sidebar and select one of the options that includes these elements:

case studies wordpress

Filter for and choose a "Hero Area" design. 

Once the Page Block design loads, you can swap out demo images for photos of a client (or their business) and replace the demo text with more instructional style copy (to help prompt yourself to write good copy when crafting an actual case study):

case studies wordpress

Swap out the Page Block demo content with your own images and instructional copy, then click on the "+ Block" to add the next section.

From here you can continue on to building the next section by clicking either the “+ BLOCK” button at the bottom of the existing Page Block (shown above) or by dragging & dropping the Block element into the editor window (shown below):

case studies wordpress

You can also add Page Blocks and access the template library by dragging & dropping the  Block element onto the visual editor window from the right sidebar.

2. Impressive Stats Section

The next thing to add to your case study template is an Impressive Stats section. If you filter for “Statistics” templates in the Page Blocks library, there’s a design available that was made for exactly that purpose:

case studies wordpress

Filter for and choose a "Statistics" design for your Impressive Stats section.

Once loaded, just update the demo text as needed to give yourself the necessary instructional prompts for future case studies:

case studies wordpress

Swap out the demo text with your own instructional copy and data descriptors.

3. The Challenge Section

Next, you need to add a Challenge section. Do this by filtering for “Text/Content” Page Block designs and selecting the one you feel will help you best showcase a client’s problems, goals & frustrations:

case studies wordpress

Filter for and choose a "Text/Content" design for your Challenge section.

Once you replace the demo text with instructional copy, it should look something like this:

case studies wordpress

Swap out the demo text with your own Challenge section instructional copy.

4. The Solution Section

Move on to building your Solution section by filtering for “Illustrated List” templates.

If you don’t find the design you’re looking for, click the “Filter blocks” dropdown menu (underneath the search bar of the template library’s left sidebar) and select the “Show me all the blocks!” option. This setting will make sure both your Shapeshift Theme Page Blocks AND the Thrive Architect Content Block templates are available to choose from.

Filter for the “Illustrated List” designs again and select the one you like best:

case studies wordpress

Filter for and choose an "Illustrated List" design for your Challenge section.

Once the Page Block design loads, create an attention-grabbing pattern interrupt by changing the Block element’s default white background color to one of the light accent colors from your Thrive Theme Builder brand color palette. This change of background color will visually signal to readers that they’ve entered a new landing page section and help keep them reading:

case studies wordpress

Change the Solution section's background color to one of your light brand accent colors to create an attention grabbing visual pattern interrupt.

And once you replace the demo text with more relevant instructional copy, your Solutions section should look similar to this:

case studies wordpress

Swap out the demo text and images with your own Solution section instructional content.

5. Client Testimonial Section

Moving on, it’s time to add a small Client Testimonial section. If you’ve been following along so far, you know the drill… Add another Page Block to your landing page, filter for Testimonial templates and select one that looks similar to the Case Study Blueprint:

case studies wordpress

Filter for and choose a "Testimonials" design for your Client Testimonial section.

Again, you can change the Page Block template’s default white background color here with your Thrive Theme Builder brand color… this will really make your testimonials POP.

Just be aware that the default grey text color on this template won’t look very readable with certain dark brand colors — so you may need to change the text color to white if this happens .

But instead of changing each individual Text element’s font color, you should follow the Outside-In Principle and highlight the largest container (in this case the Block element), open the Typography tab in the left sidebar, and then change the font color to white there instead.

By doing it this way, all the Text elements within that particular Page Block will update together automatically:

case studies wordpress

Change the Testimonial Page Block design's background to your brand color. Then follow the Outside-In Principle and change the Block element's Typography color to your brand white (instead of changing each individual  Text element's font color).

6. The Results Section

Here’s the place to show off impressive client results with graphs and charts by using some of the Page Block “Statistics” templates available. Filter for them in the Page Blocks library and select one of the options with a Heading element:

case studies wordpress

Filter for and choose one or two "Statistics" designs for your Results section.

Then, if you still need to include even more graphs or charts to your Results section, add another “Statistics” template to the page and then drag and drop them into the first “Statistics” Page Block you chose. Just delete the empty Page Block this step leaves behind.

After replacing the demo text with your instructional copy, your Results section could look something like this:

case studies wordpress

Swap out the demo text and graph/chart data with your own Results section instructional content.

7. Feel Good Results Section

The Case Study Blueprint recommends creating a “Softer, Feel Good Results” section that follows your charts and graphs. If you decide to include this optional section, you’ll find some interesting Page Block options to fit this purpose by filtering for the “Illustrated List” designs once again:

case studies wordpress

Filter for and choose an "Illustrated List" design for your Feel Good Results section.

After you update the demo text with instructional copy, you should have a neat image-commentary section you can now use whenever you need to show off some feel good results to help better connect with your prospective clients:

case studies wordpress

Swap out the demo text and images with your own Feel Good Results section instructional content.

8. Client Video Testimonial Section

As per the Case Study Blueprint’s design recommendations, you should do your best to acquire happy client video testimonials.

If you’re able to get such client testimonials, use one of the video “Call to Action” Page Block designs to create this next section:

case studies wordpress

Filter for and choose a "Call to Action" design for your Client Video Testimonial section.

From there, you can templatize the text and swap out the demo video for one of your own.

Also, because the Case Study Blueprint recommends creating a dedicated Call to Action section after the video section, delete any default Call to Action buttons included in the template you chose:

case studies wordpress

Swap out the demo text and video link with your own Client Video Testimonial section instructional content.

And don’t forget to scroll back up to your Hero Area section at this point so you can assign a smooth scrolling jumplink to the Button element there. Doing so will send visitors down to the testimonial video upon clicking:

Add a jumplink from the Hero Area CTA Button to the Client Video Testimonial Block  element.

9. Call to Action Section

The most important part of any conversion focused landing page is its Call to Action section.

That’s why it’s no surprise that the Case Study Blueprint features a prominent Call to Action section immediately after the Client Video Testimonial section.

As you might expect, you can add a Call to Action Page Block design by filtering for the “Call to Action” templates and selecting the one that suits your needs best:

case studies wordpress

Filter for and choose a "Call to Action" design for your Call to Action section.

Now, if the default background color of a Page Block you select ever conflicts with the Page Block design above it (e.g. the Fancy Divider of the Video Testimonial section doesn’t transition well into the background color of the new Page Block below it), don’t worry because it’s easy to fix that color clash.

In this example, you can just change the background color of the new Call to Action section to white, and then open its Decorations tab so you can modify the color of its bottom Fancy Divider design to one of your brand color palette’s accent colors (shown below):

case studies wordpress

To make your Client Testimonial Video Section and Call to Action Section designs blend seamlessly, change the Call to Action section's background color to your brand white, and change its fancy divider color to one of your brand accent colors.

These customizations make sure that the Testimonial Video section and Call to Action section beneath it blend together naturally while preserving their Fancy Divider design flourishes.

Also, you may need to increase the pixel height of your Call to Action section’s Fancy Divider (shown in the sidebar below) so it can blend seamlessly into the next landing page section too.

After making all these customizations and replacing the demo text with instructive copy once again, you should get a good looking result like this:

case studies wordpress

Swap out the demo text and image(s) with your own Call to Action section instructional content.

10. Related Products or Services Section (Optional)

If it makes sense for your business, the Case Study Blueprint recommends adding a Related Products or Services section beneath your Call to Action. The best Page Block templates for this purpose are the “Product Highlight” designs. Filter for them in the Page Block Template Library and select the one you like best:

case studies wordpress

Filter for and choose a "Product Highlight" design for your Related Product or Services section.

Then, make any design customizations you need to (most likely the Block element’s background color and the Button element's hover styling).

To do this, change the Block element’s background color to match the color of the Fancy Divider design above it (again, so they blend together seamlessly) followed by changing the hover styling for one of the Button elements in your related products/service Content Box (shown below):

case studies wordpress

Change the hover effect of your Related Product or Service section content boxes to your brand color.

After making these customizations, you can delete the other default related product/service Content Boxes , clone the one you already customized, and then drag & drop the clones into the empty Column elements.

You should end up with a final design for your Related Products or Services section that looks like this:

case studies wordpress

Swap out the demo text and images with your own Related Product or Services section instructional content.

11. Minimal Footer

To finish off your case study template, simply add a footer to the bottom of your landing page. You can do this by highlighting the Page element in the breadcrumbs and then click on the eyeball icon within the Footer box in the left sidebar:

case studies wordpress

Highlight the  Page breadcrumb and activate your default Footer by clicking on the Footer eyeball icon in the  Main Options  tab of the left sidebar.

With that, your case study template is locked & loaded for desktop!

You only need to double check that the design you just put together displays properly for tablet and mobile devices by making small tweaks where necessary. Remember that Page Blocks are mobile responsive by default so only a few design modifications to tablet and mobile should be required.

You can do this tablet and mobile design quality control step by first clicking on the Tablet icon (at the bottom of the visual editor window), scrolling through the tablet mode to make any necessary adjustments, and then doing the same thing for mobile (by clicking on the mobile icon).

Save your work and you now have a fully functional landing page template ready to reuse over and over again for your upcoming case studies!

How To Clone Your Template for Actual Client Case Studies

When you’re ready to create an actual client case study, you just need to one-click clone the template you just built .

To do this, simply open the Pages tab in your WordPress dashboard and locate your “Case Study Template” page.

Hover your cursor over the page to see a set of options appear under its title. Click on the “Clone” option to create a copy of your template:

case studies wordpress

To clone your completed Case Study Template, open the Pages tab of the WordPress dashboard, hover over the template name, and click the "Clone" option when it appears.

Now rename the clone to fit the client you’ll be featuring. From there, just open the Thrive visual editor and start replacing each section’s demo images and instructional text with appropriate content about your client.

Once that’s complete, just save your work, update the page’s backend information (e.g. the featured image, permalink, etc.) and publish your new case study!

Dynamically Display Your Published Case Studies with the Post List Element

If you end up publishing several client case studies on your website, consider showcasing them on either your homepage or a “Success Stories” silo page (maybe both!) where prospective clients are more likely to find them.

Luckily, the Post List element makes the task of dynamically displaying your latest case study pages super easy. Simply add a Post List element to a section of your homepage or use one of Thrive Theme Builder ’s many silo page templates (that all prominently feature Post List elements in their designs) to create a search engine friendly “Success Stories” page in a matter of minutes.

Just use the Post List element’s advanced filtering rules to dynamically display your client case studies by clicking on the “Filter Posts” button inside the Post List tab of the left sidebar:

case studies wordpress

Program your Post List element to dynamically display all of your published Client Case Study articles from newest to oldest in descending order.

Once you’ve programed your Post List element to display all of your case study pages (we recommend from newest to oldest in descending sort order), save & preview your work to see how they’ll now dynamically display based on the display rules you established:

case studies wordpress

Use a  Post List  element on either your "Success Stories" silo page or your homepage (or both!) to make them easier for prospective clients to find.

Time to Make Your Case (Study)

Yes it’s true… Page Blocks really do make it that easy to build a conversion focused client case study template — in just a couple of clicks .

They even give you the added bonus of being mobile responsive and smart color enabled straight out of the box!

So are you ready to start publishing new client winning case studies using the Page Block designs showcased in this post? Make sure to get your copies of Thrive Theme Builder and Thrive Architect by joining the Thrive Membership …

… and leave us any questions about or design ideas you have for new Page Blocks in the comments section below!

Author Image

by   Matt   November 13, 2020

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. W e only recommend products that we believe will add value to our readers.

Enjoyed this article ?

case studies wordpress

You might also like:

How to Create a Custom Header in WordPress (2+1 Ways)

How to create images for your website, from good to great: ultimate website optimization checklist for 2024, leave a comment.

Pages or posts – which is better to use to create case-studies and why? I’m wondering because in the video you need to add every single page to the displayed list. If we used a blog post with a category, this would just require filtering that category. If this category was “portfolio” then that would create a “website.com/portfolio” being just an archive with auto-updating list/grid of your case-studies.

Hi Matthew, indeed this is an issue if you want to make your Client Case Studies using WordPress pages.

If you’d rather create them as WordPress Posts (to assign them a “Case Study” category for use in the Post List element programming), but still achieve that landing page look and feel, I recommend creating a “Case Study” post theme template in Thrive Theme Builder that is full width and only displays the footer (delete or hide all other elements and remove all residual margins and paddings).

From there, you can follow the same steps I show in the video to create a case study “post” template using the same Page Block designs (just drag & drop the Block element into the editor window to open the Page Block template library), and then clone that Post template any time you need to make a case study.

Hope that helps!

I’m doing this exactly as you described on one of my pages right now. After watching your video I am just wondering – do you see any flaws of using posts instead of pages? Maybe some advantages of one over the other?

Hello Matt. Nice post. Is it possible to built the template in Thrive Builder to have it as a real template and not with Thrive Architect as a stand alone page? Regards, Víctor

Hi Victor, you can not because whatever elements you use to build a theme template with in Thrive Theme Builder’s visual editor remain “fixed” so to speak.

That is to say, if you tried to build a reusable case study template like I showed in this video as a Theme Builder theme template, although you could technically build it, you wouldn’t be able to make any of the designs you created unique to the different pages you applied that theme template to… you would only be able to add content inside the Content Area of that theme template. This would then defeat the purpose of having a reusable case study template like I showed in this video.

To build this particular case study template design however, you do need Thrive Theme Builder installed & activated to have access to all but one of the Page Blocks I used in the video.

Great video and article, thanks so much! I was wondering: Is there a particular reason for placing the video testimonial towards the bottom using a button link at the top? Why not just place the video inside the hero section? Thank you!

Great blog post (as usual)!

Is there any chance you could build a Case Study Template that we can import (like the landing page templates)?

That way we have most of this done already and can just make minor adjustments for our specific template preferences?

Session expired

Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.

Search the site:

  • WordPress Retainers
  • Enterprise Development
  • Maintenance & Support

Case Studies

Our portfolio, as a technical wordpress development company, we build solutions..

Check out some of our featured case studies and find out how we solve business problems through WordPress.

Building a Lead Funnel in 30 Days for Solar Business

Return on Ad Spend of 300% in one month with coordinated lead generation efforts.

Discover how we accelerated lead generation for a leading European solar energy company in just 30 days. Our data-driven strategies, tailored buyer personas, and A/B testing resulted in increased leads, reduced CPA, improved conversion rates, and an impressive 300% ROI.

Senior Executive

Senior Executive Media is a publishing company that specializes in providing vital resources to high-level executives around the globe.

Since August 2021, DevriX and Senior Executive Media have been working together on a WordPress development retainer plan. In this case study, we are delving into our joint journey over the past year, during which we tackled a range of development, design, and marketing tasks.

Smart Meetings

30+ years of experience on the events market. Awarded with multiple world-class rewards.

DevriX has worked with Smart Meetings since 2015, and we’ve gone above and beyond to deliver a top-class website development and maintenance service. During this time, their website achieved a 350% increase in traffic, and sessions coming from Google increased 4.7 times.

Here is a video case study, where we are talking about some highlights of our partnership and what we’ve accomplished. You’ll hear from DevriX CTO, Stanko Metodiev, Smart Meetings CEO and Founder, Marin Bright, and Smart Meetings Editorial Leader, JT Long.

Obsev.com is a publishing site that hosts particularly viral entertainment and cultural commentary stories.

In November of 2018, they were doing significant traffic (30MM+ page views per month) and hitting a wall with scaling challenges. With these performance issues limiting their growth it was imperative that we get them through the wall and remove the scaling barrier that was capping their growth and damaging their brand. Fast forward to today and they’ve more than quadrupled the traffic levels that were hobbling the site before.

Density is a B2B company based in San Francisco, that has created an occupancy and space utilization analytics platform.

Their solution tracks anonymously how people use buildings and in-door spaces and is based on deep learning algorithms. Density’s modern infrastructure consists of hardware and software, and an API to further create tools based on data. Founded in 2014, today Density’s customers include companies like Dropbox, Envoy, Sheraton, facebook, Schneider Electric and many more.

Kustomer is a customer service CRM platform built for managing high support volume by optimizing experiences.

Their platform helps brands quickly resolve conversations on all digital channels by automating 40% of interactions via self-service, reducing handle times with intelligent routing, and driving omnichannel experiences between customers and agents.

Kustomer uses over 72 technological products and services including Google Analytics, WordPress, and G Suite (formerly Google Apps for Work).

Smart Meetings is the leading media company and the most trusted resource for meeting professionals in the meetings industry.

Providing best-in-class service, Smart Meetings publishes cutting-edge meetings content in print and digital magazines, hosts world-class networking events, provides thought-leading and interactive webinars, offers a complimentary site-selection service and offers a myriad of digital resources.

The UK publisher DailyFeed.co.uk recently faced this challenge as it attempted to scale its audience, engage readers and better manage its online advertising.

To help solve these challenges, DailyFeed employed our team at DevriX. We approached the challenge from both a user and reader’s perspective. Here are the top five things we did to help grow DailyFeed’s traffic and support its objectives. As you aim to build out your own solutions to these problems, make sure you keep in mind scalability, a long term view of the content formats and how these solutions will be implemented into your infrastructure.

WordPress Multisite as a Multilingual Blog Solution

The client is a leading creator of screen recording and screen capture software, serving over 30 million professionals around the world.

DevriX was employed to design a centrally-managed blog in several languages by merging content from three independent blogs. We designed the blog front-end, following the brand identity of the company, and built a WordPress Multisite Network in three languages.

More WordPress Work

Additional gigs we've worked on over the years.

RLM Public Relations

We were hired to rebuild the RLM Public Relations web solution with usability and brand awareness in mind. Our team worked closely with the management staff and we built several iterations of the website.

Tourism Website With Booking and Maps

We were hired to rebuild an old website in the tourism industry, featured by CNN Travel. Our team was in charge of the WordPress development (both frontend and backend) and we collaborated with a Webby Awards designer and an external project manager.

Smart Funnls

Smart Funnls is a powerful tool for marketing professionals. It provides a complete mechanism for creating unique polls, sharing them with a customer base and easy way to increase your mailing list.

Gloryam is a complete end-to-end Learning Management System. DevriX was hired to build the complete infrastructure and incorporate the WordPress platform with the BigBlueButton video streaming service.

BuzzRipple is a fully-functional marketing SaaS for entrepreneurs trying to improve their online presence and increase their lead generation.

DevriX implemented a complete backend solution for training courses, workshop management and subscriptions. We have designed a Students database tracking all accomplishments for students, graduating and taking different workshops based on their experience and grades.

MemeStack is a powerful lead machine for marketing professionals. It provides a complete mechanism for creating memes, sharing them with a customer base and creating a competition.

Moto Club is a CakePHP-driven web project for a Bulgarian Moto Magazine. We have created a complete solution for new magazine articles, galleries, panels for advertisements, stats tracking, polls. The website is a fully-functional CMS for news.

Your Project here

Wordpress agency for the enterprise.

Ongoing WordPress Development for businesses pushing the limits

For years we've been excelling at WordPress development and Growth strategies for large organizations, building custom-tailored solutions with stability, scalability, extensibility and security in mind.

Our experience with SaaS and Multisite web solutions and high traffic systems has shaped us to be precise and careful about the challenges of business growth.

All of our projects are built with growth in mind, and we work closely with our customers for long-term results, building additional features and enhancing the conversion rates by implementing technical, business and marketing practices.

Your Long-Term WordPress Partner

Having built hundreds of scalable solutions for small to enterprise clients, our WordPress development company is fluent in WordPress.

case studies wordpress

case studies wordpress

WordPress Case Studies

WordPress is the best content management system for SEO, and that is why we build all client websites with it. Despite the litany of WordPress themes on the market, great WordPress websites require customization. With Digital Dynamo’s site builds, we do more than slap a theme on top of your content.

A great WordPress website is stylish, simple to navigate, and has plenty of easy-to-find conversion opportunities. It also should be built with SEO best practices. Read the following WordPress case studies and see how we helped one client achieve excellent scores on Google Page Speed Insights and increase conversions by nearly 3,000%, while another client was finally able to get the custom-built website they had always imagined.

case studies wordpress

Web Design for Insurance Case Study: MEDPLI

case studies wordpress

Custom WordPress Development Case Study: Third Partners

Ready to get started, or still have questions contact us about our wordpress development services for your small or medium-sized business.

Questions about our plugins? Join our live Q&A

Problem solved, plugin used.

WordPress portfolio case studies

Nova Group uses Posts Table Pro as a WordPress case studies plugin for their online portfolio. They have created a table-style 'Projects' section for their case studies, neatly listed in an interactive table.

Each project is a separate case study, stored within a custom post type in WordPress. The WordPress case studies plugin creates a table-based portfolio or directory listing all the case studies.

Key information about each case study is stored as custom fields and displayed as separate columns in the table.

The WordPress case studies table is fully searchable and sortable, so customers can quickly find a case study they're interested in. The instant search facility updates the list of case studies as soon as you type into it, providing instant results.

The Nova Group website and case studies were designed by web design agency Post Modern Marketing .

Screenshots

See Posts Table Pro in action on the Nova Group website.

Portfolio case studies table

Want the same on your site?

Get posts table pro today.

case studies wordpress

Enjoy 2 months of free hosting with an annual WordPress plan. 30-day money-back guarantee.

WordPress Custom Post Types: The All-In-One Guide to Create and Use Them

WordPress Custom Post Types: The All-In-One Guide to Create and Use Them

WordPress custom post types are powerful features. They’re what elevates WordPress from a humble blogging tool to a content management system , and give you the all-important flexibility you need to create a bespoke website.

But they can cause confusion: what are WordPress custom post types exactly? How do they differ from standard posts and pages? How do you create them? And once you have created a custom post type, how do you add to it, display it on your site, and how is it stored by WordPress?

In this article, I’ll show you exactly how WordPress custom post types work. I’ll compare them to the post types you might be more familiar with, teach you how to create them, and show you how to use theme template files to display them in your site.

Let’s get started!

What Are Custom Post Types in WordPress?

It’s probably easier to explain what custom post types in WordPress are by explaining a broader concept: post types.

Post types are ways of categorizing different types of content in WordPress. I’m assuming you’re already familiar with the two most common post types: posts and pages. But what you might not know is that WordPress also comes bundled with a few other post types.

Post Types That Come Bundled with WordPress

WordPress comes with seven post types :

  • Attachments
  • Navigation Menus

Chances are you’ve never heard of changesets and you may use custom CSS in your site, but it hasn’t occurred to you that these might be post types.

For most WordPress users and developers, the only post types you need to concern yourself with are the first five: posts, pages, attachments, revisions, and navigation menus.

Let’s take a look at each of those post types so we can understand more about them.

WordPress Post Types: Posts

The “post” is the post type you’ll use the most in WordPress. Posts are dynamic content: designed to be updated regularly. You can add categories and tags to them, meaning that they’ll be displayed in multiple archive pages , and they’ll also show up on your home page or your blog page as well. Usually, your posts will make up the bulk of the content on your site.

Note: In WordPress, “post” means two things. In the database, a post is a post of any post type, so it will include pages, attachments, and everything else. When most of us talk about posts, we mean the posts in our blog, which belong to the “post” post type.

WordPress Post Types: Pages

If you already have a WordPress site, pages are the other content type you’ll be familiar with. They’re static content, designed to stick around longer than posts and to provide information on the kinds of things that don’t change so often. Good examples are your contact details or the “about us” page on a business website.

Pages can’t have categories or tags and aren’t designed to be displayed on archive pages. Instead, visitors will access them via your navigation menu.

Note: In internet lingo, a page can mean any kind of page on your website. When the internet first developed, it consisted solely of static content that had to be coded directly by writing HTML. So a “webpage” can be any kind of page on your site, including a static page in WordPress terms, an archive page, or a post. In this article, when I refer to pages, I’ll mean the page in WordPress terms, i.e. a static page. Sometimes I’ll refer to archive pages, but they aren’t pages in the sense that you create a page to store them. WordPress does that for you.

WordPress Post Types: Attachments

An attachment is a media item that’s been uploaded to your site. In the WordPress database , this isn’t the media file itself, but the data relating to it. So, each attachment will have a unique ID and metadata such as its title, description, ALT text, and more.

Each attachment also has its own attachment page with a unique URL. You can find the URL for this via the media editing screen for that attachment:

The attachment editing screen in WordPress

Attachments can be any kind of upload : images, videos, pdf files, and more. You can access and edit them via the Media  item in the WordPress admin menu, or you can upload them directly to posts/pages when you’re editing them. Any attachment you upload to a post will then be available to edit and view via the Media  menu.

WordPress Post Types: Revisions

Now we’re getting on to the slightly more obscure post types.

Every time you save a new version of a post, page, attachment, or indeed any custom post type, WordPress will create a revision to reflect that version of the post (or page, etc.).

You can view the revisions to any post or page in your site by going to its relevant editing screen and opening the Document  tab on the right-hand side. Here you will see a notification telling you how many revisions this post has. Below you can see a screenshot of a post I’m editing that currently has five revisions.

Revisions in the WordPress post editing screen

If you aren’t using the Gutenberg editor , you can access revisions by scrolling to the bottom of the editing screen and finding a list of them here:

Revisions in the classic WordPress post editing screen

If you click on the Revisions  box, you’ll be taken to a screen displaying your latest two versions of your post. From here you can review the revisions and revert to an earlier version of the post.

WordPress will create a lot of revisions for your site over time, meaning that the database will be full of them (here’s Kinsta’s guide on how to handle revisions for faster performance )! But revisions are a post type just like any other, and they’re stored in the same way – more of which shortly.

WordPress Post Types: Navigation Menus

Navigation menus, or more precisely, the items in your navigation menus, are also a post type.

Each item in your navigation menu is stored as an item in the database. Thanks to its metadata, WordPress knows this is a navigation menu item, exactly where in the navigation menu it should appear, and where it links to.

You can’t edit navigation menu items the same way you would other post types. Instead, you edit them via the Customizer or the Menus screen.

WordPress Post Types: Custom CSS

If you add custom CSS via the Customizer, your work will be saved using this custom post type. A new post (of the “custom CSS” post type) will be saved for custom CSS relating to each theme in your site, and WordPress will only use the one for the currently active theme.

WordPress Post Types: Changesets

Changesets are a bit like revisions, but instead of applying to posts, they apply to the Customizer. When you make a change using the Customizer, it will be saved as a changeset, in a similar way to a draft.

Now that we’ve worked through the whole spectrum of WordPress post types, let’s move on to find out more about WordPress custom post types.

The Difference Between a Post and a Custom Post Type

Let’s recap quickly: a post can be one of two things.

A post type is a type of post (in the broader sense) that a given item of content belongs to. And a “post” is a post type, as is “page”, “attachment” or any custom post type you register (I know, it’s confusing but I’ll dig deeper in a minute).

On the other hand, your custom post type isn’t a type of “post” in the sense of a blog post. It’s a type of post in the sense of all posts (of all post types) that are stored in the database.

WordPress Custom Post Types: Common Uses

So now we know what a custom post type is. But when might you need to use one? The answer is whenever you want to add content to your site that doesn’t fit into one of the built-in post types.

Some common examples of custom post types are:

  • Products for an ecommerce site .
  • Portfolio items or projects for a portfolio site .
  • Maps for a mapping site .
  • Events for a bookings site .

These are some of the most common use cases, but they’re by no means the only ones. My advice when deciding whether to use a custom post type for any new kind of content is to ask yourself this question:

Do I want to display my new content in the main blog page or as a static page, or do I want to be able to show it on a separate archive page?

In some cases, using a category to separate out your new content might be enough: maybe you’re running a blog and want to include case studies that you can display on their own page (using a “Case Study” category that you create) and also show in the main blog. But if you want to keep your new content separate from your blog posts, then it makes sense to create a custom post type for it.

How Post Types are Stored by WordPress

Posts of a custom post type are stored in the same way as standard posts (and pages etc.) are stored. Let’s take a look at this in more detail.

Your WordPress site has a number of database tables to store content and settings. The minimum number of tables is 12, but your site may have more if it’s running Multisite or if you have a plugin installed that adds more tables.

WordPress database tables

In the screenshot above, you can see that there are two tables which look as if they might have something to do with posts: wp_posts and wp_postmeta.

The wp_posts table stores all of the content of your posts, of all post types. So it doesn’t matter if we’re talking about a blog post, a page, a revision, an attachment, or a custom post type: they’ll all be stored in this wp_posts table.

WordPress knows what post type each post is because it will have a value in the post_type field in the wp_posts table. That value will correspond to the name of the post type. So when you add a new blog post, WordPress will add a post to the wp_posts table, with the post_type of “post.” And if you register a custom post type called “product,” for example, every new product you create will generate a line in the wp_posts table with “product” as the value in the post_type field.

The wp_postmeta table is for storing metadata about your posts. It has four fields:

  • meta_id: the id of this item in the wp_postmeta table.
  • post_id: the post that this item of metadata corresponds to. A post can have multiple lines in the wp_postmeta table.
  • meta_key: the key for this particular type of metadata. For example, for a static page, one potential key might be page_template, which would note which page template is being used.
  • meta_value: the value for the field. If a page (to use this example again) is using the default page template, the meta_value here would be ‘default’.

So the kinds of metadata stored for a given post will be different depending on what kind of post type it is.

You don’t need to worry about which data is stored in wp_posts and which is stored in wp_postmeta: but it’s useful to understand that all post types are stored in the same place, as that means WordPress can work with them all in much the same way.

How Custom Post Types Interact with Custom Taxonomies and Custom Fields

Before we move on to looking at how you would register a custom post type in WordPress, let’s identify how a custom post type will interact with other custom content types, namely custom taxonomies , and custom fields.

Custom Taxonomies

Taxonomies in WordPress are used to categorize posts of any post type. For standard posts, the two taxonomies used are categories and tags.

When you register your custom post type, you can choose to assign any existing taxonomy or taxonomies to it. You can add the “category” taxonomy to it when you register the taxonomy. I’ll show you how to do this shortly when I demonstrate the technique for creating a custom post type.

Alternatively, you can create completely new taxonomies for your custom post type, which is also a common approach.

So, for example, if you’re creating a “product” post type for an ecommerce site , you might create a “department” taxonomy to sort your products into departments in your store.

If you’re creating an “event” post type , you might create a taxonomy of “event type”, which could specify whether this is a concert, a poetry reading, or a comedy night.

The taxonomies you create are up to you and will depend on the way you want to sort and display your posts from your custom post type.

Custom Fields

Another custom content type you have in WordPress is custom fields, also known as post metadata. Custom fields are additional metadata you can add to any post as long as the post type supports them. When you register a custom post type, you can include custom field support with this line:

This is passed as an array so that you can add support for multiple options .

So if you want to add metadata to your custom post type, such as sizes or colors in a clothing store with the “product” post type, you’d use a custom field to do this.

Custom fields are different from custom taxonomies because you wouldn’t use them to output an archive page.

Here’s an example for a clothing store. You would have an archive page for each example of a “department” taxonomy, e.g. “Women’s”, “Men’s” etc. Imagine you also have a custom field called “Size”. You wouldn’t create an archive page for each size, as it’s not something your customers would expect to see.

Follow this rule to help you determine whether you need to use a custom taxonomy or a custom field to add more data to your post: will you need to display it in an archive page?

I’ll show you how to output archive pages for your custom post type and custom taxonomies later.

How to Add a Custom Post Type with a Plugin

So you know what custom post types are and you know you need one for your site: how do you add it?

There are two ways: by using a plugin, and by coding it manually. Let’s start with the plugin route.

There are two types of plugins you can use to register a custom post type: the first will register a custom post type in order to add functionality that comes with the plugin, and the second will provide you with an interface you can use to create your own post type.

The first example includes a variety of plugins including ecommerce plugins, event plugins, and more. Let’s start with one of the most popular WordPress plugins, WooCommerce.

How to Use WooCommerce to Register Custom Post Types

WooCommerce is an example of a plugin that registers a custom post type in order to work. In this case, it’s the “product” post type.

Products listed in WooCommerce

WooCommerce also registers some custom taxonomies and custom fields for you to organize your store, including product categories and product tags. These are different from the categories and tags you’d use for your blog posts.

How to Use the Events Calendar Plugin to Register Custom Post Types

The Events Calendar plugin is another plugin that uses a custom post type. In this case, it’s the “event” post type.

Events created by the Events Calendar plugin

The plugin adds a taxonomy which is unique to events: ”event category”. It applies normal tags to events as well, so you can use the same tags you use for your blog posts.

How to Use WP Google Maps to Register Custom Post Types

Just like WooCommerce and The Events Calendar, WP Google Maps is a WordPress map plugin that registers a custom post type for your maps.

A map created by the WP Google Maps plugin

The “map” post type works differently from the product or event post type in the previous plugin because you wouldn’t display an archive page of all your maps: instead, the plugin gives you a shortcode for each map you create, that you embed into a post or page in your site. But although you can’t view maps in the same way you would some other post types, it’s still a post type.

How to Use the Custom Post Type UI Plugin

If you want to register your own custom post type instead of one that’s part of the wider functionality provided by a plugin such as WooCommerce, you can use a plugin that provides you with an interface designed to make it easy to register a custom post type.

One such plugin is the Custom Post Type UI plugin.

The Custom Post Type UI plugin

This plugin lets you register your own custom post types using the admin screens, without having to write any code.

It gives you a set of screens that let you add all of the elements of registering a post type that you would add in when using the register_post_type() function. To add a new post type with the plugin, go to CPT IU > Add/Edit Post Types .

Adding a post type with The Custom Post Type UI plugin

From here, you can add a new post type or edit any existing ones you’ve registered.

You can edit the settings for the post type or you can leave them at the default settings. You can find full documentation on all of the settings and options for a post type in the WordPress Codex.

Settings for the Custom Post Type UI plugin

You can also use the plugin to register a custom taxonomy and to assign that to your new post type or to any existing post type. And when you use the plugin to register a post type, you can assign any existing taxonomies to it as you do so.

How to Use the Pods Plugin to Register Custom Post Types

The Pods plugin is another plugin that gives you an interface designed to let you register a custom post type without writing code.

Pods also lets you extend your existing post types. So you can add extra fields to an existing post type or taxonomy, and edit their settings.

Creating post types with the Pods plugin

The Pods plugin uses a post type (‘pod’) to store all of your customizations, and also lets you register your own post types a bit like the Custom Post Type UI plugin, but with an interface that’s designed to walk you through the process. This means that the plugin can make the process easier, but it adds a lot more code to your site (and data to your database) than if you coded the post type yourself.

Alternatively, if you’d rather not install a plugin to manage the process of registering your post type, you can code it yourself.

How to Register Your Own Custom Post Type in WordPress

If you’re comfortable writing code, you could take advantage of the register_post_type() function to register your custom post type. This is the most efficient way to do it.

Best practices tell us to put code for a custom post type in a plugin, rather than in your theme. This is because if you should change your theme in the future, you won’t want to lose the post type and all the posts you’ve created with that post type. It also means that if you update your theme in the future, you won’t lose your post type.

Let’s work through the steps to register your own custom post type in WordPress.

Creating Your Plugin

The first step is to create your plugin. In the wp-content/plugins folder of your development or staging site (not your live site yet), add a folder for your plugin. Inside that folder, add a PHP file. I’m calling mine kinsta-register-posttype.php.

Tip: I always like to create a plugin inside a folder instead of just adding a plugin file to the wp-content/plugins folder. That way, if I need to add more files to my plugin, such as include files, scripts or styles, I already have a folder ready to hold them.

Now in your new php file, add the opening commented out text for your plugin:

This tells WordPress (and the user) some key information about the plugin:

  • What it’s called
  • Where you can find more information
  • What it does
  • The version number
  • Who developed it, and where you can find out more about them
  • The text domain for internationalization
  • The license, which should always be GPL .

So your plugin is now set up and if you want, you can activate it in the admin screens. It won’t do anything yet if you do.

Setting up the Function for Your Post Type

Now let’s start creating the function to register your post type. In my example, I’m going to create a post type called “book”, as this is for an imaginary book reviews site. What you use will obviously be different and depend on what you’re using your custom post type for.

Below the commented out text, add this:

This function will contain all of the code for your custom post type. You might want to change its name to add a prefix of your own instead of kinsta_. It’s good practice to use a prefix on all of your functions so that you don’t clash with the name of any function provided by your theme or the other plugins you’re running.

The rest of the code will be added inside the braces of that function.

Defining the Labels for Your Custom Post Type

Now it’s time to define the labels for your custom post type, Inside those curly braces, add this:

You’ll need to change yours if your custom post type isn’t ‘book’. There are more labels you can use, but I find that the ones above tend to be sufficient for my needs.

Note that I’m using internationalization in my labels so they will be translated to the local language for users.

Defining the Arguments for Your Custom Post Type

The next step is to define the arguments, one of which will be that array of labels we already added.

Below the labels and still inside those braces, add this:

Let’s take a look at what all of these do.

  • The labels argument is the array of labels we already defined.
  • 'has_archive' => true enables a post type archive for the custom post type. This defaults to false so I like to override it and give myself the option of using a post type archive (which I’ll show you how to use shortly).
  • 'public' => true enables the post type to be included in search results and in custom queries. Again, the default is false and this is something I like to override.
  • The ‘hierarchical’ value will depend on how you want to use your custom post type. If you set this to true, then the post type will behave like pages, with a hierarchy possible and parent and child posts of any post of your post type. If you set it to false, it’ll behave like posts, without a hierarchy.
  • The ‘supports’ array defines a number of features of post types that you can have this post type support. I like to ensure that features such as featured images and custom fields are turned on.
  • The ‘taxonomies’ argument defines the existing taxonomies that apply to this post type. Here I’m using the ‘category’ taxonomy. If you want to use a custom taxonomy instead and haven’t registered it yet, just skip this line and then register the taxonomy to the post type. If you’ve already registered a custom taxonomy , you can add it to the post using this line.
  • I’m using the ‘rewrite’ argument because I’m going to give the taxonomy a name that’s different from what I want to use for its slug. I’ll explain this in more detail shortly.
  • ‘show_in_rest’ => true ensures that the post type is available to the REST API and the Gutenberg interface. It defaults to false which makes no sense to me – I want all my post types to use the same editing interface!

So those are all the arguments set. But we haven’t actually registered the post type yet. Time to fix that.

Adding the register_post_type() Function

The final step is to pull all of this together into the register_post_type() function.

Below your arguments, and still inside the braces, add this:

This registers the ‘kinsta_book’ post type, with the arguments we’ve already defined.

Now you might find it easier to understand why I used the ‘rewrite’ argument before. I like to add a prefix to the names of my post types, so I can be sure they won’t clash with any post types added by any third party plugins, but I don’t want the prefix to be made public.

By default, when WordPress displays an example of your post type, it will use the post type’s name in the URL. So my book called ‘My Wonderful Book’ would have a url of mysite.com/kinsta_book/my-wonderful-book. I don’t want that, so I use that ‘rewrite’ argument to change the URL to mysite.com/book/my-wonderful-book. Looks a lot better, huh?

Now save your file and activate your plugin in the WordPress admin. You’ll find that a new post type has appeared in the admin menu.

The

The post type is now registered and ready for you to use on your site. Take some time to add some posts to it (posts of your custom post type remember, not blog posts – WordPress can get confusing sometimes!) and then we’ll look at how you can display your posts from your custom post type on the front end of your site.

How to Display WordPress Custom Post Types in Your Site

Most custom post types you add to your site will work like posts, which means they’re designed to be displayed in archive pages. Maybe you’re using a custom taxonomy to display them, or maybe you’ve added the “category” taxonomy like I have.

Alternatively, if you’ve used a plugin like WooCommerce that adds custom post types in order to add specific functionality to your site, then that plugin might add some specific pages (like the “Shop2 page) designed to output your custom post type.

The four options you have for displaying custom post types are:

  • Displaying the individual post (i.e. the book, in my example)
  • Displaying the full post type archive, with all of the books listed.
  • Displaying a custom taxonomy archive, using a taxonomy you’ve registered for your custom post type.
  • Integrating posts from the custom post type (e.g. books) into the archive for an existing taxonomy such as ‘category’, or into the main blog page.

Let’s take a look at each of these in turn.

Warning! If at any point in this process you can’t access the archives or individual posts for your custom post type, its because WordPress hasn’t yet written the permalinks for them. To fix this, go to Settings > Permalinks  and just click the Save Changes  button. This will tell WordPress to check for any new post types and create the URLs for them.

Displaying the Post Type Archive

The first option you have is to create an archive page of all the posts in your custom post type archive.

If you defined ‘has_archive’ as true when you were registering the post type, WordPress will automatically generate an archive page for your post type. You can add this to your navigation menu using the Customizer.

Adding Your Post Type Archive to the Menu

Open the Customizer and select the Menus  option. Select your main menu and click the Add items  button to add extra items to your menu.

Adding a menu item in the WordPress customizer

Select your post type from the options that appear and click not he downwards arrow to the right of its name. This will display al list that includes each of the posts you’ve added, plus an option which in my case is called All Books . Click on that and it will be added to your menu.

If you then click on that item in the menu, you can edit the label. I prefer not to call mine “All Books”, but just “Books” instead.

Editing the Books menu item

Note that you can only do this via the Customizer – it isn’t possible in the Menus screen. So make sure you use the Customizer to add your custom post type archive to your menu.

Customizing the Post Type Archive

WordPress will use the template hierarchy to identify which template file in your theme to use to display the custom post type archive.

The WordPress template hierarchy

If your theme has an archive.php file, it will use that, and if it doesn’t, it will use index.php.

If you want to edit the way that the custom post type archive is output, then you can create a template file for your custom post type archive.

For a specific custom post type, you need to create a template file called archive-$posttype.php, where $posttype is the name of your post type. So for my books post type, I’d create a file called archive-kinsta_book.php.

The easiest way to create this file is by making a duplicate of the archive.php file in your theme. Rename it and edit it so it displays your post type archive the way you want to.

Displaying Single Posts

Single posts created using a custom post type will also be shown using the first relevant template file that’s found in the template hierarchy.

You can go a bit further with single posts than you can with archives: not only can you create a template file for the post type (single-$posttype.php), but you can also create a file for a specific post of that post type using the slug for that post (single-$postype-slug.php).

So if I added Great Expectations  to my book reviews site, I could create a file for all book reviews called single-kinsta_book.php, or I could create a target file for that book called single-kinsta_book-great-expectations.php. If I didn’t create either of those files, WordPress would default to using single.php or (if that didn’t exist) singular.php or index.php.

Adding Custom Post Types to the Main Blog Page

By default, your main blog page will only include the ‘post’ post type. But what if you also wanted to include your custom post type on that page, mixed up with the blog posts?

You can do this by using the pre_get_posts hook in WordPress.

In your plugin where you registered the post type, add this:

This checks that we’re on the ‘home’ page (which is the blog page, even if that isn’t the front page of your site) and that the main query is running (because you don’t want to do this in a widget, for example). If so, it adds both posts and books to the query.

Note that you have to include the ‘post’ post type in the array as well as the new post type.

WordPress custom post types are the feature that elevates it from a simple blogging platform to a true content management system. They let you create complex, bespoke sites that can act as stores, reference hubs, media sites, or anything you’re in need of.

You can add custom post types to your WordPress site in one of three ways. You can use a plugin such as WooCommerce that registers a custom post type related to the functionality of the plugin. You can use a plugin like CPT UI or Pods to add your own custom post types. Or you can write your own plugin and use the register_post_type() function to register the post type using code. Whichever method you use, you’ll be able to get much more from your WordPress site.

case studies wordpress

Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.

Related Articles and Topics

case studies wordpress

How to Create a WordPress Custom Dashboard for Yourself or Clients

case studies wordpress

An In-Depth Guide to Create and Customize a WordPress Menu

  • Web Development
  • Digital Marketing
  • Website Performance

Gravatar for this comment's author

Wonderful article on CPT’s. Thank you very much. This is very helpful!

Gravatar for this comment's author

Hi I’m using (planning to use) a custom post type for news articles that I want to have a consistant template. My main concern is not being able to link the news template and resulting posts with the core categories and tags I’ve used elsewhere on my site. Is there a way to make existing categories and tags available for custom post types or should I be approaching creating a template page from another direction?

Gravatar for this comment's author

Hi Kevin, you can do that when you register the custom post type. Just include the taxonomies ‘category’ and post_tag’ in your arguments. You can find more details at https://codex.wordpress.org/Function_Reference/register_post_type . However I would question using a custom post type for news articles – if you don’t already have a separate blog, would it be easier to use posts?

Thanks Rachel, I want to create a template for the news items, so I can refresh it over time and apply the results to all existing news stories, I’m using posts for ‘case studies’ and regular pages for ‘static’ content. I use a page builder, to create layouts so I want a template i can modify which will effect what is most likely to be the greatest ammount of content on the site.

Gravatar for this comment's author

You did not answer one question: how to add templates for custom post types using the plugin? Without this, the created plugin turns out to be unfinished.

Gravatar for this comment's author

Is there a way to have the Archive Page show under pages to be able to use Gutenberg to design the Archive Page?

Hi Jason, you can’t do this with the automatically generated archive page. But if you wanted to, you could create a custom page template, add a custom query to that to show posts of a certain post type and then add page content to that with Gutenberg. It would need to also include the standard loop so that the page contents would show up. Hope that helps!

Yes very much so. Thank you for the quick reply Rachel. Wonderful article!

Gravatar for this comment's author

You wrote that setting “public => false” will prevent the post type to be included in search results and in custom queries. In my experience what you wrote is not correct: I have seen that setting “public => false” will actually exclude the post type from the admin dashboard, making it impossible to create even the first post. The thing is made worse by the fact that no warning whatsoever is emitted in the dashboard: the custom-post-creating plugin is activated, but the post type does not show up in the left column menu…

Besides that, thank you for writing an exceedingly clear and complete tutorial :-)

Gravatar for this comment's author

Meta boxes are the draggable boxes you see in the WordPress edit screen for a post. There are numerous built-in meta boxes like the publishing controls, the taxonomies, the author box, etc., but you can create some for yourself.

The easiest way to create a custom post type in WordPress is by using a plugin. This method is recommended for beginners because it is safe and super easy.

Gravatar for this comment's author

Defines the position of the custom post type menu in the back end. Setting it to “5” places it below the “posts” menu; the higher you set it, the lower the menu will be placed.

Gravatar for this comment's author

At the bottom of your article, under the heading: Adding Custom Post Types to the Main Blog Page, you have a code snippet where you use the variable $query, but you don’t define it before you use it.

What is it? Where did it come from? Did I miss something?

Never mind.

Add the lines: global $wp_query; $query = $wp_query;

And it works as promised.

Or you could just add the global declaration and then change all of the occurrences of $query to $wp_query.

Gravatar for this comment's author

Thanks for the tut. I had one problem that I wanted to share in case anyone else has a similar issue.

I was getting the following error… Warning: Invalid argument supplied for foreach() in C:\MAMP\htdocs\gdca\wp-includes\class-wp-post-type.php on line 613

The example code above includes the following line for taxonomies… ‘taxonomies’ => ‘category’,

But it appears that taxonomies needs to be an array. I added the following code and the error was eliminated. ‘taxonomies’ => array(‘category’),

Gravatar for this comment's author

Hi Rachel, Excellent article on creating custom posts.

I do have a question regarding the slug. In the example you use, how would you make the slug use the title of the post as the url. I tried to use ‘rewrite’ => array( ‘slug’ => ‘/’ ) and it calls the custom post type. I

s it possible to have the url simply based on the title of the page/post similar to what posts/pages can do?

Thanks in advance

Gravatar for this comment's author

Great article!

I followed Pauls comment regarding the custom post types to main blog.

Still get errors with this code. I added these lines here: “register_post_type( ‘product’, $args ); global $wp_query; $query = $wp_query; }”

“function kinsta_books_on_blog_page() {

if ( $query->is_home() && $query->is_main_query() ) { $query->set( ‘post_type’, array( ‘post’, ‘product’ ); }

} add_action( ‘pre_get_posts’, ‘kinsta_books_on_blog_page’ ); ”

What am I missing here?

Thanks//Caroline

Gravatar for this comment's author

I am copying and pasting your code directly from the article. Yet I get the following error when I try to activate the plugin:

Parse error: syntax error, unexpected ”, $args );’ (T_CONSTANT_ENCAPSED_STRING), expecting ‘)’ in /home3/keirbris/public_html/briscoecs/wp-content/plugins/Keirs-Plugin/kinsta-register-posttype.php on line 50

Line 50 is add_action( ‘init’, ‘kinsta_register_post_type’ );

What am I missing? I’m assuming the code should work as presented.

Figured it out. Your line that reads register_post_type( ‘kinsta_book’, $args ); uses a non standard opening tic mark.

Also ‘show_in_rest’ => true uses non standard tic mark

By deleting and retyping the tic mark I was able to properly activate the plugin. If someone were to type the code in by hand they probably wont notice this. Anyone copying and pasting will have the same issue I ran into. Hope this message helps the next person.

Gravatar for this comment's author

You need to set taxonomy to an array, setting it to true/false will throw a warning in the latest version of WP

Gravatar for this comment's author

Hi, thanks for this clear and lucid article (and some interesting comments as well).

I wonder if you would advise on the following context; I am working on an academic project submission and my assignment revolves around the following problem statement:

1. There are criminal cases and preliminary findings are laid out in a case study (CPT=Case Studies, with custom taxonomies) 2. Academy cadets need to peruse the presented cases and submit their conclusions/analyses via a dedicated custom form (Child CPT?)

I have built out 2 CPTs for this assignment – 1 for the Case Study summaries (for the officers) and another for the submissions (cadets). I am using CPTUI and ACF Pro for this academic project.

I am able to create content as both categories of users. But am unable to link the two sets of content (summaries and submissions). I have assigned both sets of Custom Field Groups Location rule = both CPTs, but am unable to display the Summary content in the Form template.

As you can tell, I am a student and not a techie at that. I am slightly ahead of a business user, as far as WP is concerned and able to work with directions. My guide is specifically restrained from assisting me in this project (difficulty) and hence I am reaching out for outside help.

Grateful if you can help in any way please. TIA.

Gravatar for this comment's author

I have been searching for this exact information for so many hours. WordPress is not easy to understand if you are learning from scratch. Thank you so much for the precise descriptions and explanations. Very useful information, so easy to understand and apply to your own projects.

Gravatar for this comment's author

Can you recheck your code? This triggers a fatal error.

Leave a Reply Cancel reply

By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy , including the transfer of data to the United States.

You also agree to receive information from Kinsta related to our services, events, and promotions. You may unsubscribe at any time by following the instructions in the communications received.

SKT Themes logo

  • Documentation

Best 16 Case Studies WordPress Themes to Create a Professional Website

Case studies wordpress themes.

Do you want to create websites that are very impactful for offering your case study-related services? Then, you have to pick themes that can create a professional look.

Table of Contents

However, it can be daunting enough to pick that exact theme that aligns with your subject matter and gives the best results.

Thus, we have brought the names of a handful of case studies WordPress themes that you can pick right now for a stellar website. Hence have a quick look.

While you are creating a website, the first thing you need to ensure is, your theme is highly suitable for your subject matter.

The above-mentioned case studies WordPress themes are complete in every aspect and offer you the perfect look that you need to achieve for a professional website.

Case Studies WordPress Themes

Complete Pro :

complete pro

Are you searching for one of the best case studies WordPress themes? Then Complete Pro is simply the best choice for you. This theme is ready to use for any of the purposes. This one comes in the complete form that you can align readily as per your necessity.

You can use this theme easily for your case study purpose since it is a fully customizable color-changing theme. There is a heap of features studded in this theme that you can use as per your necessity.

Here are some of the key features this theme flaunts:

  • There are plenty of ready-to-use sections provided in this theme, along with shortcodes.
  • The home page is very easy to manage with shortcodes
  • There are multiple headers and footer layout choices given in this theme
  • This theme comes as Translation ready with PO file, and it is multilingual ready with WPML and qTranslate
  • The customizer in the theme lets you preview all the changes

Finance WordPress theme

If you are looking for a theme that is multipurpose and multi-industry ready, then you can check out this theme.

The Finance WordPress theme is just the perfect one to use for any of the websites related to financial advisors, financial consultants, mutual funds, asset management, etc.

This theme is great to use for a variety of purposes. First of all, you can customize it as per the subject matter. Secondly, this theme comes with a very responsive style that helps you to create a better user experience throughout your site.

Here are the features this theme offers:

  • Both the header and footer area comes with 4 types of layout options
  • This theme is widget friendly for all the sections, such as the sidebar, header, and footer
  • The sidebar layout is available for both the page and blog sections
  • With its color-changing element, you can customize the theme the way you want
  • WooCommerce compatible

Lawzo

Lawzo is one of the perfect lawyer case studies WordPress themes that you can use to create a very professional look for your website. This theme is absolutely suitable for an attorney. The law firm, legal firm, legal consulting, etc.

This theme is very simple and much easier to use with multiple theme options. Anyone without any prior coding language can use this theme seamlessly. There are a bunch of features that come together hand in hand to make your experience of website creation enjoyable.

Here is the list of features of this theme showcase:

  • This theme has passed Google mobile-friendly test and has been tested with multiple devices.
  • It includes 600+ Google fonts
  • There are100+ inbuilt shortcodes
  • This theme is translation ready with the given POT file
  • The template is much SEO friendly

Resume Pro :

Resume Pro

Resume Pro WordPress theme is a highly responsive one that is tested with various handheld devices. This case study theme offers a unique appearance to your websites so that you can appeal to your visitors more professionally.

This one-page theme is compatible with a variety of popular plugins like Nextgen Gallery, WooCommerce, Contact Form 7, etc. Also, this theme integrates well with various SEO plugins that boost your ranking capabilities.

Here are some of the noteworthy features that this theme offers:

  • This theme has passed the Google Mobile-friendly test.
  • There is an Education section added to this theme that adds more value to your website.
  • It is SMO integrated, and the coding has been done as per SEO standards
  • Coded with HTML5 and CSS3
  • It is compatible with WPML and qTranslateX plugins

Legal Expert :

Legal Expert is one of the most intuitive case studies WordPress themes that you can use to create a very attractive website design. This theme is lightweight and responsive. Hence it will look good on all kinds of devices.

There are plenty of animated sections added to this theme that you can change as per your preferences. Moreover, this theme has passed the Google Mobile-friendly test. Hence you can use it to create a very stellar website experience for your users who are seeking some reliable law firm services.

Here are the features this includes:

  • Integrated with social media and SEO plugins
  • It has been coded with HTML5 and CSS3 to become highly useful
  • It has been integrated with 650+ Google fonts
  • There are also the standard page templates included in this theme
  • It has been pre-packed with 580+ icons pack

This vCard theme is a multipurpose one that you can easily tweak to make it align with your business. There are a bunch of functionalities that have been integrated into this theme so that you can enjoy seamless ease of website building.

The homepage section that is provided in this theme makes the backend task easier for you. The design is very simple and beautiful.

At the same time, this theme is material design-based. To create a unique online case study portfolio, you can use this theme seamlessly.

Here are the features this theme boasts:

  • Easy to change color schemes
  • Plenty of plugins like event, slider, widgets, forms, gallery, contact are seamlessly compatible with this theme.
  • You can add your eCommerce store since this theme is WooCommerce compatible.
  • It is RTL compatible and can handle various languages easily.
  • There are 5 levels of drop-down menus added in the navigation section.

IT Consultant Pro :

The IT Consultant Pro WordPress theme is a perfect suit for any of the services related to consultants, coaches, speakers, and other various fields. This theme has been coded well and has been built with the Elementor page builder.

There are more than 100s of shortcodes that help you to add content in a much fancy way. This responsive theme tends to work as a highly compatible one for all browsers and handheld devices.

Here are the exciting features that this theme boasts:

  • Includes PO file, which makes it translation ready
  • The homepage section comes with various in-built sections
  • It is fully responsive and has a cross-browser compatible theme
  • You can use this theme for any of the shortcode plugins
  • There is also an inbuilt gallery to showcase your profile better

Online Coach Pro :

Are you looking for one of the best case studies WordPress themes? Online Coach Pro is simply a highly suitable option for you.

You can use this theme seamlessly if you are a coach, personal trainer, or speaker who holds various conferences or courses to help others.

The theme is coded with Elementor page builder, which makes it very easy to use. It is a highly responsive theme that is Google Mobile friendly.

Here are some important ones from its bulk of features:

  • It is compatible with various multilingual plugins like qTranslateX, and it is translation-ready.
  • It is a full widget-friendly theme with a widgetized header, footer, and sidebar.
  • It is WooCommerce compatible one for online shops.
  • This theme has been coded as per WordPress theme development standards
  • There are a variety of interesting sections included in the theme like team, testimonials, etc.

Exceptiona :

To propel the growth of your business website, you must be offering a very exclusive appeal. Especially for CPA and Accountants, it is very crucial to have an elegant-looking professional theme that can help them to gain more visitors.

Exceptiona is one of such themes, which has been created with perfection. This theme, with its easy color picker options, lets you have seamless customization control over its looks.

Here are a bunch of features that make this theme a perfect choice for you:

  • The options panel is power-packed
  • This theme is highly scalable with its dropdown level 5
  • There are 650+ Google fonts available from where you can choose your most preferred ones
  • The Contact Us Section comes with a captcha for better spam protection
  • Compatible with the latest version of WordPress

To create a website that pays off well, you have to create a catchy appeal. To create such appeal, you have to look for themes that can serve better. Flat Pro is one such theme, which have been created with perfection in terms of design.

The design of this theme is much based on the material, which makes it suitable for a highly professional website.

Here are some of the features this theme delivers:

  • It has been coded with HTML5 and CSS3.
  • Compatible with a variety of plugins like revolution, meta, cyclone, master, crelly, etc.
  • There are 8+ page templates included in this theme
  • This theme is with widgetized header and footer variety
  • It has been tested with multilingual plugins like qTranslateX.

Ele Attorney :

Do you want to create a very meaningful and useful website to offer attorney or legal services? Then you should look for case studies WordPress themes that are packed with necessary features and appeal. Ele Attorney is solely created to fulfill your purpose with both its look and functionalities.

While using this theme, you can customize your web page as per your preferences. There are a huge number of built-in options that let you adjust this theme easily.

Here are some of the features it boasts:

  • You can create a whole website easily without typing any code
  • This theme lets you edit your website content quite effectively
  • There are 5 drop-down menus that you can add to your inner pages
  • There are more than 200 icons that you can add to the website as per your demand
  • It is compatible with WooCommerce

IT Solution Pro :

IT Solutions Pro is a highly dynamic theme, where you can easily change any text or image. This theme is a perfect suit for any of the websites that boast IT services.

You can use this theme to give your website a very responsive appeal so that your users find it very easy to use and effective.

Multiple features add up to the usefulness of this theme. The homepage section in this theme is unique, with 10+ added sections.

Here are the features this theme includes:

  • Compatible with SEO plugins
  • There are sidebar layouts to make your website more functional
  • It is SEO and SMO friendly
  • There are more than 100+ shortcodes added for showcasing fancy contents
  • Cross-device compatible

Business Consulting :

Business Consulting is one of the best case studies WordPress themes that you can use for any business consulting, brokerage, business, corporate, financing, trading, etc. With its helpful documentation, you can easily build a website of your own.

This alluring theme lets you create a very professional appeal. This theme has been designed to become highly responsive so that you can create a very effective user experience.

Here are the features it offers:

  • Four layout variations are available in this theme
  • There are numerous shortcodes added in this theme for better a functionality
  • This theme boasts impressive SEO standard coding
  • With its color elements, you can tweak it as per your preference
  • Integrated with 800+ Google fonts.

HR Management :

HR Management theme is a very suitable choice for HR companies, employment retention companies, recruitment companies, etc., who want to create a stellar online presence.

Hence this theme should be there in the list of most- preferred themes for all the right reasons. There are plenty of reasons; this theme allows you to choose it without any second thought.

Here are the useful features this theme boasts:

  • This theme is compatible with WP Job Manager Plugin
  • This one has been created with WordPress latest modern technologies
  • It is page builder compatible
  • 100% responsive
  • It comes with a blog section for blog set up and single-post layout

SKT Banking :

To cut short your search for case studies WordPress themes, you can have a glance at the SKT Banking theme. As the name suggests, this theme is highly suitable for your banking services-related website.

This color-changing theme comes with easy-to-customize features that you can tweak as per your requirements.

Here is a sneak peek into the highly impressive features of this theme:

  • 100s of built-in shortcodes offered in this theme
  • Compatible with multilingual plugins
  • Based on HTML5 and CSS3 coding
  • Sidebar layouts are available for pages and blogs
  • The homepage is available with several sections

Marvin is a highly suitable WordPress theme that you can pick to create a website showcasing your skills and profile. This theme is highly responsive so that you can give your users the best kind of experience.

Moreover, there is the ease of tweaking the theme with color elements so that you can decorate your website as per your choice.

Here are the features provided:

  • Easy framework with various font change options
  • Compatible with WooCommerce
  • Cross-browser compatible
  • With the pricing section, you can boost your service cost

About Sonnal S Sinha

Sonnal S Sinha

View all posts by Sonnal S Sinha

  • Managed WordPress Hosting
  • Customization
  • Privacy Policy
  • Hire WordPress Developer
  • PSD to WordPress
  • WordPress Monthly Maintenance
  • WordPress Jobs
  • Construction
  • Entertainment
  • Multipurpose
  • Music Artist
  • Photographer
  • Real Estate
  • Spa and Salon

Top 9 Aesthetic Blog WordPress Themes To Design Your WordPress Blog Website In the present technological age, having an appealingly pleasing blog may importantly influence […]

Nutritionist WordPress Themes The best and the most practical diet and nutritionist WordPress themes are put together in this article to give a solid ground […]

Wrestling WordPress Themes The best and the most motivational wrestling WordPress themes for wrestling and fighting clubs, gym and fitness centers, karate and yoga classes, […]

Facebook

Case Studies

A plugin for displaying case studies on your site.

The Case Studies Plugin makes it easy to add and display case studies on your site. A shortcode builder lets you insert case studies into any page, while widgets make it easy to showcase case studies in any sidebar or widget area on your site.

case studies wordpress

Manage Case Studies

The plugin creates a custom post type , which lets you easily add, edit, and categorize case studies.

  • Add case studies as easily as creating blog posts.
  • Categorize case studies by type.
  • Rename "Case Studies" to anything you'd like.

case studies wordpress

Display Case Studies

Use the [case-studies] shortcode or the Case Studies Widget to display case studies in any page or widget area on your site.

  • Filter case studies by type.
  • Order case studies by title, date, or random.
  • List case studies or make them rotate.

See Example

case studies wordpress

Display Case Study Types

Use the Case Study Types Widget to list case study categories in any widget area on your site.

  • Display as list or in a dropdown.
  • Choose to show or hide post counts.

IMAGES

  1. Best 16 Case Studies WordPress Themes to Create a Professional Website

    case studies wordpress

  2. 25 WordPress Themes for Creating Compelling Case Study

    case studies wordpress

  3. 25 WordPress Themes for Creating Compelling Case Study

    case studies wordpress

  4. WordPress Case Studies Plugin. List your Portfolio in a Table

    case studies wordpress

  5. How to Write a Case Study for a WordPress Company

    case studies wordpress

  6. 25 WordPress Themes for Creating Compelling Case Study

    case studies wordpress

VIDEO

  1. 🍎 Real case studies for Tidio success #shorts

  2. WordPress Mastering Course

  3. WordPress: Case Study 1

  4. How to use social media to promote your business

  5. Module Four

  6. How to Export Posts From Your WordPress Site

COMMENTS

  1. What is a Case Study and How to Create One With WordPress

    According to About.com, a case study is, "a detailed account of a company, industry, person, or project over a given amount of time," and the content it contains typically includes, "information about company objectives, strategies, challenges, results, recommendations, and more."

  2. How to Write a Case Study for a WordPress Company

    Case studies are a major content strategy and the one most closely related to conversions. They are a vital opportunity to showcase how your WordPress company delivers what you promise and are a powerful tool for winning customers' trust. In the B2B context, case studies help accelerate leads the most. (Marketing Charts, 2018) Back in Read More

  3. WordPress Case Studies

    WordPress Case Studies | Clean Commit February 07, 2022 28 min read WordPress Case Studies We wanted to showcase a handful of the WordPress projects our team has worked on across the last couple of years. Author Tim Davidson Overview We wanted to showcase a handful of the WordPress projects our team has worked on across the last couple of years.

  4. Case studies

    Case Studies Interviews, blog posts and comments can say a lot about a product, but so can statistics. We have combined the two for you in our case studies. These are our users who took the time to tell us how exactly they use ManageWP and how it has helped them in their work. Happy reading! WP Valet - Case Study

  5. How to Write Winning Case Studies and Score More Work

    #2: A publisher WordPress site development case study via Moove. Moove's case study for its work redesigning and developing the new InvestmentEurope.net website is a beautiful and comprehensive one-pager website in itself. The case study includes: The brief and deadline, The results, Quotes from the client,

  6. 25 WordPress Themes for Creating Compelling Case Study

    25 WordPress Themes for Creating Compelling Case Study by Henri — 18.06.2019 Aside from showing your experience and skill, case studies give your potential client or employer an idea of how you work and think. Especially with more complex work, a case study is a must to explain your work.

  7. Case Studies Archive

    10 Examples of Enterprise WordPress These 10 use cases explore the power of what's possible with a sophisticated, secure, and stable content management platform, backed by the experts in WordPress at scale. Read now case study How the Ford Foundation Modernized Their Web Infrastructure While Furthering Their Mission case study

  8. Case Studies: Real-World Examples of Custom WordPress Development Solutions

    Case Study 1: Enhancing User Experience Through Custom Theme Development Challenge: A fashion e-commerce store struggled with a generic theme that failed to reflect its brand identity and meet user expectations. Solution: A custom WordPress development company revamped the website with a tailor-made theme.

  9. WordPress Case Studies and Usage Survey

    The Case Studies will be part of a Resource Guide for agencies & freelancers to market WordPress to clients that will also provide a Fact Sheet, FAQ, and other information on the features, benefits, and provided value of WordPress.

  10. WordPress UX-UI Case Studies: How Top Brands Are Using ...

    1. Enhanced User Experience: A well-designed WordPress website is user-friendly and easy to navigate, fostering engagement and potentially leading to increased conversions. 2. Clear Information...

  11. WordPress UI UX Design: Best Practices and Case Studies

    Our blog, "WordPress UI UX Design: Best Practices and Case Studies," is a comprehensive guide that will provide you with valuable insights into the world of UI UX design. This blog is a must-read for anyone looking to improve the user experience of their WordPress website. We will provide you with tips and best practices to enhance the ...

  12. Case Study Blueprint Part 2: How To Build Case Study Templates Fast

    Hi Matthew, indeed this is an issue if you want to make your Client Case Studies using WordPress pages. If you'd rather create them as WordPress Posts (to assign them a "Case Study" category for use in the Post List element programming), but still achieve that landing page look and feel, I recommend creating a "Case Study" post theme ...

  13. Case Studies

    Check out some of our featured case studies and find out how we solve business problems through WordPress. ... Ongoing WordPress Development for businesses pushing the limits. For years we've been excelling at WordPress development and Growth strategies for large organizations, building custom-tailored solutions with stability, scalability ...

  14. How To Build Case Study Templates for WordPress Fast with ...

    0:00 / 15:05 Intro How To Build Case Study Templates for WordPress Fast with Page Blocks Thrive Themes 38.4K subscribers 5.6K views 2 years ago Thrive Architect Tutorials Learn more about the...

  15. Portfolio

    WordPress Case Studies. WordPress is the best content management system for SEO, and that is why we build all client websites with it. Despite the litany of WordPress themes on the market, great WordPress websites require customization. With Digital Dynamo's site builds, we do more than slap a theme on top of your content. A great WordPress ...

  16. WordPress Case Studies Plugin. List your Portfolio in a Table

    The WordPress case studies plugin creates a table-based portfolio or directory listing all the case studies. Key information about each case study is stored as custom fields and displayed as separate columns in the table.

  17. Case Studies

    Search in WordPress.org. Get WordPress All Patterns / Pattern Details Favorites; My Patterns; New Pattern; Search for: Search Case Studies. View More. W o r k T i t l e H e r e. Work Subtile. W o r k T i t l e H e r e. Work Subtile. W o r k T i t l e H e r e.

  18. WordPress Custom Post Types: The Guide to Create Them

    To add a new post type with the plugin, go to CPT IU > Add/Edit Post Types. Adding a post type with The Custom Post Type UI plugin. From here, you can add a new post type or edit any existing ones you've registered. You can edit the settings for the post type or you can leave them at the default settings.

  19. Case Studies WordPress Themes

    Get 69 case studies WordPress themes on ThemeForest such as Zuperla - Creative Multi-Purpose WordPress Theme, Lawyers | Attorneys WordPress Theme, Digital Agency - SEO / Marketing WordPress Theme

  20. Blog Case Studies WordPress Themes

    Get 34 blog case studies WordPress themes on ThemeForest such as Kicker - Blog Magazine Theme, Gutentype | 100% Gutenberg WordPress Theme for Modern Blog + Elementor, Blabber | Elementor Blog & News Magazine Theme

  21. Best 16 Case Studies WordPress Themes to Create a Professional Website

    Best 16 Case Studies WordPress Themes to Create a Professional Website October 10, 2023 | No Comments Do you want to create websites that are very impactful for offering your case study-related services? Then, you have to pick themes that can create a professional look. Table of Contents Complete Pro: Finance: Lawzo: Resume Pro: Legal Expert:

  22. Case study section in wordpress

    I already have a news section which is pulling in the 'news' posts. My site structure currently looks like this: Case studies (page displaying case study posts as title and excerpt) I've set up the case-studies as a new category and pulled the posts onto the case-studies page template using a custom loop. This is working however when previewing ...

  23. Case Studies

    Display Case Study Types Manage Case Studies The plugin creates a custom post type, which lets you easily add, edit, and categorize case studies. Add case studies as easily as creating blog posts. Categorize case studies by type. Rename "Case Studies" to anything you'd like.