Welcome to ManageWP.org

Register to share, discuss and vote for the best WordPress stories every day, find new ideas and inspiration for your business and network with other members of the WordPress community. Join the #1 WordPress news community!

×

11 min read WebDevStudios

Compile JavaScript with Webpack in a WordPress Plugin

Read and learn how to configure webpack to watch and compile the JavaScript files in a WordPress plugin.

Compile JavaScript with Webpack in a WordPress Plugin

The goal of this article is to show you how to configure webpack to watch and compile the JavaScript files in a WordPress plugin. What this article will not cover is how to configure webpack to work with every file type known to the world. Our focus is going to be JavaScript. That’s it. What is webpack?
According to the webpack website:
At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.
Now you might be asking yourself, what is a dependency graph? In webpack, there are files specified as entry points. These entry points are at the top of the dependency graph. Any files required or imported from the entry files will be processed and bundled by webpack.
Benefits
Dependency Management – When concatenating JavaScript files for a WordPress plugin or theme, there is not an efficient way to add in third-party libraries. You can either download and enqueue the minified file or, worse yet, include it as part of the files being concatenating. With webpack in use, we get access to using a package

18 min read WebDevStudios

Five Reusable Code Snippets to Reduce Development Time

There are plenty of ways you can rely on reusable code snippets to save time and provide you with the best possible work and turnaround.

Five Reusable Code Snippets to Reduce Development Time

When was the last time you started a project from scratch? I mean literally from scratch—not using a framework, a parent/child theme, or any plugins. Maybe never? One could argue that as long as you’re using WordPress that you’re not necessarily creating anything from scratch since the CMS offers so much functionality out of the box already. What you do, though, is iterate on that functionality and build upon the tools provided to you or the tools you have built for yourself in the past. After all, if you’re doing work around the house and need to hammer some nails into the wall, you’re not going to head into your garage to carve the wood and forge the steel to make a new hammer every single time (unless you’re our very own builder and wood magician Will Schmierer). You’ll use the same hammer to do the same job until the hammer is no longer useful or you find a new tool with which to replace it.
Why then would you not develop a site in the same way? Granted, most projects are going to require distinct sets of functionality unique to the projects themselves but there are plenty of ways you can reuse code to save time so you can truly focus on

Development | webdevstudios.com | 14 days ago

Headless WordPress with React and NextJS (Part 1)

Learn about the benefits of Headless WordPress with React and NextJS from a Senior Frontend Developer at WordPress development agency WebDevStudios.

13 min read WebDevStudios
Community | webdevstudios.com | 7 days ago

Headless WordPress with React and NextJS (Part 2)

Learn the benefits of Headless WordPress with React and NextJS from an Engineer at WordPress development agency WebDevStudios in this article. This is Part 2 in a series.

Headless WordPress with React and NextJS (Part 2)

Community | webdevstudios.com | 7 days ago

Editor’s Note: The following is Part 2 in a two-part series titled, “Headless WordPress with React and NextJS.” In Part 1 of this series, we set up a simple app to display our posts using React and Next.js alongside our WordPress install. We left it lacking some extra functionality that would take us from a simple test to a real browser-accepted website. So, let’s get to work on that and really round this thing out.
First up are single posts. We’re going to continue to work in our posts.js and get some links and such working first.
Our main update, like in Navigation.js, will be to import our Link component and wrap each of our post titles.
import Link from 'next/link'
and then
<li key={ post.id }>
<Link href={ `/posts/${ post.slug }` }>
<a href={ `/posts/${ post.slug }` }>
{ post.title.rendered }
</a>
</Link>
</li>
From here we have links, but they won’t go anywhere.
In fact, if you tried, you’d get the default 404 error from express.
Dynamic Routing
This is where things get a little complicated. Out of the box, Next.js handles direct routing, but dynamic routing is a little

8 min read WebDevStudios
Community | webdevstudios.com | Dec. 11, 2018

Advanced Custom Fields and Gutenberg

WordPress 5.0 features the new content editor known as Gutenberg. Read this and learn how to build a custom Gutenberg block for hero area using ACF without writing a single line of JavaScript code.

Advanced Custom Fields and Gutenberg

Community | webdevstudios.com | Dec. 11, 2018

WordPress 5.0 ships with a new editor called Gutenberg. Here at WebDevStudios, we’re excited to build custom editorial solutions using Gutenberg and to see how the experience evolves from the classic editor. With that said, we’re huge fans of Advanced Custom Fields (ACF). It provides a robust set of field types that enables us to create flexible and friendly content management solutions for our clients. The time we save from writing, testing, and maintaining code with ACF makes it worth paying for an ACF PRO license. Our wd_s starter theme includes commonly-used content blocks built on ACF.
ACF 5.8 has added support for Gutenberg. You can add ACF fields to a Gutenberg block without any JavaScript code. In this article, you will learn how to build a custom Gutenberg block for hero area using ACF without writing a single line of JavaScript code.
Adventurous, right?
ACF and Gutenberg
To build custom blocks using Gutenberg, you must be familiar with writing Modern JavaScript using the latest syntax (ES6, ES7, ES8, JSX), as well as creating components using React. To see this in action, here are some code examples to demonstrate a classic “Hello World” example for

13 min read WebDevStudios
Business | webdevstudios.com | Dec. 4, 2018

13 Reasons Why It's Time for a Website Redesign

Is it time for your company to redesign your website? Here are 13 reasons why it might be.

13 Reasons Why It's Time for a Website Redesign

Business | webdevstudios.com | Dec. 4, 2018

Every year, I like to recommend that clients conduct a website audit or have a developer perform one. The landscape of web development ebbs and flows and the internet changes so exponentially every year with upgrades in both physical hardware and coding languages that there’s a lot to take into consideration for your company, your users, and the growth and future of your business. The question always ends up being, “Are you prepared for the next couple of years, or is it time for a website redesign?” Here are 13 reasons why it’s time.
1. Your Branding Has Changed
The most obvious reason for a redesign is that your company’s identity has changed.
Circumstance: You throw some dollar bills at a new logo or a new suite of fancy printed materials. That’s fantastic, congrats, but your website still reflects your old logo or brand materials.
New identity updates are a great time to unveil a sparkly new website to go along with it. In an ideal world, you roll out everything all at once. But in the real world, you can roll your brand updates out in phases. Either way, get it done; update your brand 100% or not at all. Discrepancies can hurt your bottom line

9 min read WebDevStudios
Development | webdevstudios.com | Nov. 30, 2018

Filtering ACF Content Blocks with WordPress Hooks & Filters

We recently discovered a situation where we were able to find some fun and interesting ways to extend our standard ACF Flexible Content Blocks. Let's dig in and find out what we did!

Filtering ACF Content Blocks with WordPress Hooks & Filters

Development | webdevstudios.com | Nov. 30, 2018

Here at WebDevStudios, we do quite a bit with Flexible Content Blocks in Advanced Custom Fields (ACF). If you aren’t familiar with the plugin, ACF allows for the creation of a multitude of custom meta field types using a graphical user interface (GUI) in the WordPress Dashboard. You can do almost anything with these fields—from simple text and URL inputs to searching for posts and pages and building image galleries. ACF allows you to power your site with robust customization options, which you can use to create and manage dynamic pages. Instead of being locked into a set of page templates where the functionality and layout are tied directly to the theme’s files, building pages with ACF Flexible Content Blocks puts the power of customization into your hands as a site manager and editor. You can add, remove, and rearrange blocks as needed and have full control over the content within each of those blocks.
Sometimes, though, simply customizing the content within those blocks isn’t enough. Sure, it’s nice enough to be able to edit the title of a block or select a different set of Featured Posts to display. But, what if you don’t want to have to get that

9 min read WebDevStudios
Community | webdevstudios.com | 28 days ago

The Future of WordPress: Where We Started and Where We're Going

Let's take a look at where WordPress started, how it has evolved, and what the future holds.

The Future of WordPress: Where We Started and Where We're Going

Community | webdevstudios.com | 28 days ago

I haven’t always been a WordPress developer, but anytime I get excited about a new framework, CMS, or platform I always end up coming back to WordPress both out of general principle and because it offers a more well-rounded package. Many others offer solutions to fix a specific problem, but WordPress has always had the mission to build a platform for most people with accessibility, security, and ease of use and setup in mind. I can’t say that’s true for all others. The future of WordPress is in flux right now and the platform that was introduced to us in 2003 is barely recognizable by comparison. It’s taken fifteen years to get us to Version 5.0. Arguably, progress has been slow.
It could also be argued that perhaps the internet landscape hasn’t changed as much as it sometimes appears to have changed in that time. I thought it’d be good to examine the future of WordPress, how it got started, how it evolved, and to see where we’re going and why.
2003
The year was 2003, 5-hour ENERGY had just hit the market and WordPress was born from the ashes of a dying/dead B2 Cafelog, a super-basic-early-aughts blogging platform. It was nothing fancy, although

4 min read WebDevStudios
Security | webdevstudios.com | Dec. 13, 2018

WDS Single Sign-On

Learn how we implement SSO using WordPress and Google accounts.

WDS Single Sign-On

Security | webdevstudios.com | Dec. 13, 2018

Single Sign-On (SSO) is one of those features every pointy-haired boss in the world wants on their websites. Managing user accounts and passwords across dozens of work-related sites gets very old, very quickly. The longer time went on, the greater the need for an SSO solution at WebDevStudios (WDS) became. I’ll tell you a little about our implementation of Single Sign-On using WordPress and Google accounts, and how it helps both WDS and our clients simultaneously. What is it?
In the simplest terms, Single Sign-On is a way for someone to access multiple websites using one set of username and password credentials.
The WDS-specific implementation uses Google authentication, primarily because we use the Google apps suite for our work tools. But WDS-SSO can easily support any standard OAuth service. Here’s a list of features we built into our SSO solution:
Google Auth support (including Two-Factor Authentication)
Client/Proxy configuration makes setup a one-time task
Enforces all sites involved to use HTTPS
Uses industry standard JavaScript Web Tokens (JWT)
Multisite support
Selective role maps (including Super Admin) for individuals and/or sites
Support for selective (multiple)

6 min read WebDevStudios
Plugins | webdevstudios.com | Nov. 20, 2018

Top 10 WooCommerce Plugins

Here at WebDevStudios, we’re big fans of WooCommerce. In this blog post, one of our Backend Engineers highlights 10 plugins that add useful functionality and features to WooCommerce:

Top 10 WooCommerce Plugins

Plugins | webdevstudios.com | Nov. 20, 2018

Here at WebDevStudios, we’re big fans of WooCommerce. Perhaps it’s no surprise that it is the #1 eCommerce solution for WordPress. This is in part due to the quality and flexibility of WooCommerce itself, but it’s also because of the rich plugin ecosystem available. In this post, we’ll be highlighting the top 10 plugins that add useful functionality and features to WooCommerce. Since we’re limiting ourselves to 10, this is far from a thorough list. For instance, if your store only sells digital products instead of physical products, your plugin needs will likely be different. (Also, note that this list is not presented in a particular order.)
1. WooCommerce Subscriptions (Premium)
With WooCommerce Subscriptions you can equip your store to earn recurring revenue. For example, you can use it to create subscriptions for monthly or weekly services or software subscriptions.
Some of the features include: free trials and sign-up fees, variable subscriptions for creating a single product with different pricing levels, and subscription switching allowing a customer to upgrade or downgrade an existing subscription.
If your store has a need for subscriptions, WooCommerce

4 min read WebDevStudios
Community | webdevstudios.com | Dec. 18, 2018

Post Event Report: WordCamp US 2018

WordPress website design and development agency, WebDevStudios, attended WordCamp US in Nashville earlier this month. Read to learn their thoughts on the event.

Post Event Report: WordCamp US 2018

Community | webdevstudios.com | Dec. 18, 2018

As 2018 neared its end, a group of seven WebDevStudios (WDS) teammates, along with approximately 1400 members of the WordPress community, descended upon Nashville, Tennessee to attend WordCamp US 2018, in its final year in this honky-tonk city. WDS attended last year, and we couldn’t wait to attend again this year. Collectively, we think Nashville is a fantastic town. Plus, we really enjoy any opportunity to gather together and connect with other lovers of WordPress. “WordCamp, as always is more about the people than anything,” says Justin Foell, Senior Backend Engineer. “From meeting up with old friends I haven’t seen in years to making some new friends along the way, we’re all in this journey together. I’ve always thought the WordPress community is possibly the best open-source community on the planet.”
Director of Project Management, Cristina Holt, agrees, saying, “Hanging out with my coworkers at WebDevStudios live and in person is really special! We had an opportunity to spend a few days together and bond over WordPress, BBQ, Bourbon and Honky Tonk music. Face-to-face is so important at a remote company. WordCamps, especially

12 min read WebDevStudios
Community | webdevstudios.com | Nov. 27, 2018

Paths to Learning Web Development

We get asked all the time about learning web development. Here, one of our engineers offers some sage advice.

Paths to Learning Web Development

Community | webdevstudios.com | Nov. 27, 2018

Computer programming is a vast and complex field. For those interested in the ins and outs of engineering, determining a path to learning relevant information can seem incredibly daunting. Even once you narrow your focus to a particular area of the field, there is far more information out there than you can possibly master. Newcomers frequently proclaim, “I don’t even know where to begin!” This guide aims to provide direction and help you discover the right paths for learning web development.
The Circle of Knowledge
Before we begin, let’s discuss briefly what I like to call the Circle of Knowledge (aka, the generalized way in which I like to think about knowledge acquisition). Consider the following image:
For the purpose of this article, let’s assume you are interested in learning to build your first website. In the Circle of Knowledge, the outer edge broadly establishes the topic of Web Development. The inner circles define your level of familiarity with the general topic’s more specific subtopics. These interior circles divide your understanding of the larger topic into three sections: topics you know (or think you know), topics you have heard

9 min read WebDevStudios
Business | webdevstudios.com | Nov. 8, 2018

Get Your WordPress Website Ready for the New Year: What to Do Now!

The year is almost up. Is your website ready for the new year? Here are some things you can do now to prep your WordPress site for 2019.

Get Your WordPress Website Ready for the New Year: What to Do Now!

Business | webdevstudios.com | Nov. 8, 2018

The year’s almost up; the time for family and festivities is upon us. Rather than making a New Year’s resolution to learn to play the guitar or eat your weight in ice cream (you should totally do both of those things), how about you resolve to get your WordPress website ready for the new year by keeping it updated, optimized, and audited? We often forget about our websites as life starts to get busier, especially if we don’t need to update our websites with any regularity. This time of year, more importantly for eCommerce website owners, site traffic will increase, and there are a few things we can do to potentially help your users our, as well as help, protect yourself.
I like to keep things clean and running smoothly with SOAP: secure, optimize, assess accessibility concerns, and prioritize updates. So, let’s get started.
Secure
Security, especially around the holidays, is essential. Even the smallest website could potentially put your users at risk if not adequately audited, configured, or updated. You don’t need a computer science degree to keep your website secure; you need to make sure you’re looking at a few key points.
Make sure your hosting

10 min read WebDevStudios
Business | webdevstudios.com | Sep. 6, 2018

SEO Considerations for Managing Multiple Websites

Learn about the SEO impact of managing multiple websites, and the pros and cons of using WordPress Multisite to do so from SEO expert, Pam Aungst.

SEO Considerations for Managing Multiple Websites

Business | webdevstudios.com | Sep. 6, 2018

WordPress Multisite is a feature of the core WordPress.org software that allows multiple websites to be powered by a single installation of WordPress. There are several considerations to evaluate when determining if managing multiple websites through a Multisite network is right for you. But before we talk about whether or not to use Multisite, let’s discuss whether or not you need multiple websites at all.
Use Cases for Deploying Multiple Websites
There are several reasons to build and manage multiple websites for one business, including:
Companies that have more than one physical location
Global organizations with divisions in multiple countries that require content in multiple languages
Franchises
Large companies that have separate divisions or subsidiaries for separate purposes and audiences
Educational institutions with multiple campuses and/or different schools within one university network
Companies that acquired another company, yet want to maintain separate brands
Companies that want to deploy a microsite strategy for either SEO or building brand reputation for a specialization
Sometimes the decision of whether or not to deploy and start managing multiple websites is

4 min read WebDevStudios
Community | webdevstudios.com | Sep. 18, 2018

Guide to Completing Website Projects on Time

Our clients have need and deadlines. Here are some things we do to ensure that we deliver their WordPress website projects on time.

Guide to Completing Website Projects on Time

Community | webdevstudios.com | Sep. 18, 2018

The past month, I have been watching from my home office the comings and goings of an array of contractors at my neighbor’s house. They are building an addition to their home, preparing for the birth of their first child. I have watched the frenzied movements with curiosity and, I am not afraid to admit, a bit of anxiety knowing that her due date was quickly approaching. As a Project Manager, I started to think this is very similar to the way our clients come to WebDevStudios (WDS). Much like my neighbors, our clients have a need and a deadline to go with it. Perhaps their timeline for a new website corresponds to an upcoming event or a new fiscal year. Regardless, we respect these due dates and deliver their website projects on time. Here’s how: We obtain assets early.
First, we ask for all assets, third-party integrations, hosting information, etc. early on in the project life cycle. If we wait till we get to the point in development when we actually need them and there is a hiccup, it inevitably would set us back. By simply asking upfront, we eliminate those disruptions. Even if our clients don’t have this information at the start, it gets the ball rolling sooner

9 min read WebDevStudios
Community | webdevstudios.com | Aug. 21, 2018

Beaver Builder vs Gutenberg: A Case Study

Page builders like Beaver Builder or Gutenberg? Which works best for your WordPress website project? Let's compare and contrast.

Beaver Builder vs Gutenberg: A Case Study

Community | webdevstudios.com | Aug. 21, 2018

Here at WebDevStudios (WDS), we work on all kinds of projects that use all kinds of base themes and tools. Our internal theme, wd_s, uses Advanced Custom Fields (ACF) in a really cool way that makes it work like a page builder. We also have an internal project converting all of our ACF blocks into Gutenberg blocks. Additionally, we have another internal project converting all of our ACF blocks into Beaver Builder blocks. We really are ready for anything at WDS. It all depends on what’s right for the project, or more importantly, what the client wants for the project. With all that in mind, I wanted to take some time to discuss both sides of the current debate: page builders vs Gutenberg. To do this, I took a concept and developed it in both to compare and contrast the processes for both. Here are the results.
Our Concept
Before we start building, we need a concept. For this project, I chose a need I came across on my personal blog: the ability to embed a Github Gist into a standard WordPress post. Because I’m either brave or foolish, I use Gutenberg on my personal site. I found inserting a Gist into a blog post is a giant pain as there isn’t a built-in embed block

8 min read WebDevStudios
Community | webdevstudios.com | Sep. 11, 2018

How to Use Your Website to Attract Millennials

The Millennial market an important one, but often difficult to attract using old school practices. Learn how to use your website to attract Millennials.

How to Use Your Website to Attract Millennials

Community | webdevstudios.com | Sep. 11, 2018

Did you know that Americans aged 25 to 34 had the highest monthly internet usage recorded in 2017? It’s no secret that with more and more people going online globally, we’re more connected than ever before. But the one group you should be considerate of are the Millennials. It’s an important market that is often difficult to attract using old school practices. In this article, we’ll go over how you can use your website to attract Millennials. Classified generally as individuals born between 1980 and early 2000s, Millennials are not only utilizing the internet the most, but they’re known for expecting transparency, personalized experiences, and a deeper social impact from brands with whom they engage. The big question is, is your website built to speak to them? And if not, how are you going to build a website to attract Millennials and engage with them in an authentic way? Think about the statistics below to orient you to the way a Millennial thinks and operates.
Millennial Stats
They touch their smartphones 45 times a day.
They are far less likely to buy something because it’s convenient, something many companies capitalize on. Rather, they’re

4 min read WebDevStudios
Business | webdevstudios.com | Oct. 18, 2018

Why Scope Creep Happens

Why does scope creep happen and how does it affect a website project? This experienced WordPress project manager addresses those issues.

Why Scope Creep Happens

Business | webdevstudios.com | Oct. 18, 2018

I love that moment when we reach the midway point in a project. The project management team falls into a groove; the client begins to feel warm and fuzzy seeing the amazing progress from week to week. Overall, everyone is feeling excited to see the vision start to come to fruition. But then… it happens. The dreaded scope creep starts slinking its way into the website project, enveloping the team members, the client, and the timeline like the black plague. As a Project Manager, I cringe at the thought of scope creep! However, as a former WebDevStudios client, I know I am guilty of it. I’ve learned I am not the exception to the rule on both accounts. So, here are a few things I’ve learned about scope creep and how you can manage it.
What is scope creep?
After a website project has started, and the scope of the project grows beyond the original plan, that is considered scope creep. This can happen for a number of different reasons. If a project’s requirements are not well defined and outlined at the start, new requirements are likely going to come up throughout the life cycle of the project. Similarly, a lack of transparency and poor communication during the project

6 min read WebDevStudios
Business | webdevstudios.com | Oct. 25, 2018

What Does Working with the WebDevStudios Team Look Like?

While each website project has its own set of unique requirements, this article gives you an easy overview of what it's like to work with the design and development team at WebDevStudios.

What Does Working with the WebDevStudios Team Look Like?

Business | webdevstudios.com | Oct. 25, 2018

It’s the most wonderful time of the year—time for your company to redesign, rebuild, or simply fix your website. We can hear the the flood of questions swirling around in your head or among your team at a Tuesday morning meeting… Do we have an in-house web designer and developer who can handle the workload?
Do we have the resources to manage the project?
Have we considered how we will run user acceptance testing?
This is the moment you might consider hiring an agency. Don’t stress! There are many reasons companies outsource to an agency, especially when it is one that specializes in designing and building websites. Ultimately, we bring a level of expertise to the project. Let me walk you through what it’s like to work with our team here at WebDevStudios (WDS), and why you would want to choose us for your next project.
Every client and project we work with is different, and because of that, the specific WebDevStudios team members that you work with will be unique to your project’s objectives and will include specialists with various skill sets and knowledge. Each of our team members play a critical role on the project. Today, I’m going to give

12 min read WebDevStudios
Community | webdevstudios.com | Aug. 21, 2018

Best Practices for WordPress Website Image Optimization

There are a variety of techniques for proper WordPress website image optimization. The effort is worth it. Utilize our tips today.

Best Practices for WordPress Website Image Optimization

Community | webdevstudios.com | Aug. 21, 2018

The most significant consideration for building or maintaining a website these days is speed. Ensuring that your site moves quickly and supports speeds down to mobile 3G is vital in providing the best possible user experience (UX) to the largest percentage of your target demographic. The guiltiest speed hogs are network requests dedicated to fetching images and video media. One of the best ways to improve UX and guarantee site speed is to consistently practice techniques for WordPress website image optimization. If you think about images as a percentage of your overall website’s footprint, a few bytes here and there will certainly add up. By optimizing images, you can reduce the overall impact of your website’s footprint, page size, and increase load speeds. Image optimization is just that, optimizing, compressing, scaling, resizing, or changing image formats for the web. The general idea is to reduce how many requests you have to make or how large those requests are in the first place. Google uses a term called “time to first meaningful paint,” which is when “the user feels that the primary content of the page is visible.” The faster users get to

4 min read WebDevStudios
Community | webdevstudios.com | Aug. 7, 2018

Ready for Gutenberg and WordPress 5.0? Tips from WebDevStudios

WordPress website design and development agency, WebDevStudios, is ready for Gutenberg and WordPress 5.0. Are you? Here are some tips for getting prepared.

Ready for Gutenberg and WordPress 5.0? Tips from WebDevStudios

Community | webdevstudios.com | Aug. 7, 2018

Change is inevitable, especially when it comes to technology. What’s also inevitable are the complaints, groans, and fears that seem to always accompany any change. Since Gutenberg was first announced, WebDevStudios (WDS) has been preparing for this change, one that we see as an enhancement to the current WordPress editor. At WDS, we are ready for Gutenberg and WordPress 5.0, which means our clients will also be ready. Here are some ways that you, too, can also be prepared for this big change happening very soon. Communicate to Your Clients and/or Team
Our client base relies on us to keep them informed and updated. It would be irresponsible of us to not warn our clients of Gutenberg, only to allow them to log into their WordPress sites and suddenly see an unexpected change. So whether you’re a developer or designer with WordPress customers or you run a team of content creators, communicate to everyone involved. Gutenberg is coming! Stay informed.
Immerse Yourself in the Technology
We’re sure you’ve heard this before, but one of the best ways to learn a foreign language is to immerse yourself in it. That was our strategy with Gutenberg—hence, WDS Blocks.

8 min read WebDevStudios
Community | webdevstudios.com | Sep. 4, 2018

Website Design Trends for Media Publishers

Website design trends for media publishers is a continually moving target. In this industry, the life cycle of a website can be much shorter than that of a small business or company. Use these recommendations to get user attention, keep their attention, funnel their interactions, and retain that interest.

Website Design Trends for Media Publishers

Community | webdevstudios.com | Sep. 4, 2018

Website design trends for media publishers is a continually moving target. In this industry, the life cycle of a website can be much shorter than that of a small business or company, especially in the world of lifestyle blogs. Many of the most popular media publishers rely on just a handful of things to get their users attention, keep that attention, funnel users to achieve some conversion, and keep them coming back for more. These things aren’t design-related, but inform design, and to date, there are several conventions at play to accomplish those goals more effectively. Use the recommendations below to get user attention, keep their attention, funnel their interactions, and retain that interest.
Grab User Attention
You have one shot to grab your user’s attention, approximately seven seconds, which is already longer than the average time spent on any given web page to begin with, so you have to make it count.
Make a Big Impact
A significant trend right now is bright, vibrant, full-screen and saturated blocks of content. These don’t typically serve any immediate purpose other than to grab your attention. This sort of block typically limits content to a single call

11 min read WebDevStudios
Community | webdevstudios.com | Nov. 15, 2018

Modern Theme Development with Storefront

Learn how we work with WooCommerce's Storefront to provide a customized solution for a recent eCommerce client.

Modern Theme Development with Storefront

Community | webdevstudios.com | Nov. 15, 2018

Storefront is a robust and flexible free WordPress theme developed by the team behind WooCommerce. Out of the box, Storefront supports deep integration with WooCommerce, which makes it a perfect starting point for developers to launch their projects. Storefront’s codebase relies on WordPress hooks and filters to add, remove or change functionality which makes it a perfect candidate for customizations through a child theme. At WebDevStudios, we decided to create a child theme for a recent client project. Customizing Storefront directly would make it impossible to upgrade for new features and bug fixes. Any changes would be overwritten during the upgrade process. By creating a child theme, we have the ability to upgrade the parent theme (Storefront) for access to new features and bug fixes.
Throughout the article, when I refer to parent theme, it’s Storefront.
Folder Structure
A child theme is basically a blank WordPress theme—it becomes a child theme when you define the parent theme in the “Template” param in the header block of a child theme’s style.css file.
For example:
/*
Theme Name: Storefront Child Theme
Theme URI:
Template: storefront
Author:

7 min read WebDevStudios
Community | webdevstudios.com | Sep. 25, 2018

Guide to Completing Website Projects on Budget

At WDS, we respect our clients' budgets. Here are the things we do to ensure that website projects are completed on budget.

Guide to Completing Website Projects on Budget

Community | webdevstudios.com | Sep. 25, 2018

Today, my office is on board a Megabus from Las Vegas to California for my 30th birthday weekend. I’ve set aside a budget and planned for the various activities I want to do in California that are within my budget. My ideal vision for my trip may be to splurge on a $2,400 VIP Disneyland Tour, but my budget will dictate what I can actually afford to do. This is what it’s like for clients that come to WebDevStudios (WDS). You have a vision for your website and a rough idea on how much you can spend. Our team then has a thorough discovery with you in order to determine what can be built within that budget. Creating a budget during the initial phases of the project helps to manage expectations, set realistic goals and deliverables, and prepare for unexpected costs. WDS respects clients’ budgets and as a Project Manager, my goal is to bring your vision to life by completing your website projects on budget. Here are the ways we do that: We Perform a Client Discovery
Once you’ve gone through the discovery and design phase of the project life cycle, your Project Manager will begin preparing for the development phase. At this point, your Client Strategist has created