15+ Best Web Design Communities & Discussion Spaces in 2021

Networking is an important part of almost every career, especially web design. And being part of a community related to your industry can bring many benefits. When you join a community, you’ll always have a place to turn to when you want to seek advice, get feedback on projects, find a solution to a problem,…

Understanding and Configuring the WordPress robots.txt File

One of my previous tutorials covered the basics of understanding and configuring the .htaccess file in WordPress. The robots.txt file is a special file just like the .htaccess file. However, it serves a very different purpose. As you might have guessed from the name, the robot.txt file is meant for bots. For example, bots from…

A Guide To Attracting Clients To Your Agency

Without a doubt, word-of-mouth recommendation is an incredibly desirable way to win work. It requires zero marketing efforts and typically converts at a higher rate as your agency has been recommended. You should always be seeking to nurture word-of-mouth recommendations, and projects which come this way should make up a significant percentage of your income.…

Full-Screen Video Backgrounds in Web Design: Pros, Cons & Tips

There’s still a debate going on in the web design community on whether video backgrounds in websites are good or bad. However, we’ve seen a rise in websites utilizing fullscreen video backgrounds in the past few months than ever before. But is it really an effective strategy? Does it help engage with an audience? Does…

How the Muffin Live Builder Will Help You Build Better Sites, Faster

How the Muffin Live Builder Helps You Build Better Sites – SitePointSkip to main contentFree JavaScript Book!Write powerful, clean and maintainable JavaScript.RRP $11.95 This sponsored article was created by our content partner, BAW Media. Thank you for supporting the partners who make SitePoint possible.

Page builders have revolutionized the way we create websites today. But with so many options available for WordPress, it can take some time to find the best one for your web design projects and workflows.

With BeTheme’s new and improved page builder, your search may be over. 

The Muffin Live Builder tool gives web designers a more intuitive and faster way of building high-quality websites for clients. See for yourself:

[embedded content]
It has all the live editing features you’ll likely recognize from other page builders. However, this live builder has a number of standout features that will transform the way you work. 

Below, we’ll look at 5 of them.

Muffin Features That’ll Change the Way You Build Websites

At first glance, the Muffin Live Builder and its features may look like other WordPress page builders you’ve tried. But here’s how they differ:

1. It’s part of a fully-loaded website builder platform

One of the more frustrating parts about finding a WordPress page builder plugin you like is that you can’t get to the good features without upgrading. And if your client is already paying for a premium theme, they might be hesitant to splurge on an additional design and editing tool. There’s also the added complexity of having a theme and separate page builder to edit with.

With Betheme, however, there’s no need to buy and install a premium page builder or other plugins. It’s all included. 

A Betheme license includes: 

600+ pre-built professional-grade websites100+ mix-and-match pre-built section templates60+ customizable elementsMuffin BuilderLive BuilderPlugins like WooCommerce, Slider Revolution, Contact Form 7, and morePremium supportBetheme is the all-in-one solution for building high-quality WordPress websites. 

2. Pre-built sections you can use on any website

Betheme’s pre-built websites do a great job handling the majority of the design and content decisions you’ll have to make. 

Website structure. Page layouts. Image and text placement. After installation, it’s all there. 

However, every client has different needs. 

So, let’s say you’re building an online surf shop for one of your clients. Out of the box, Be Surfing is exactly what your client is looking for. However, the one thing it doesn’t have is a carousel on the homepage to promote recent blog posts.

When adding a new section in the Live Builder (in this case the carousel section for recent posts), you get a choice between creating it yourself or using a pre-built section: 

Pre-designed sections aren’t new to page builders. But with the Live Builder, you don’t have to spend time searching for a section that matches your pre-built site nor do you have to waste time stripping out existing designs or content.

There are over 100 pre-built sections you can choose from and they’re easy to find too, as they’re organized under categories like “List & Menus”, “Call to action”, and “Contact”. 

Because they more closely resemble wireframes than fully designed sections, you can easily repurpose these section templates for any type of website you build.

3. Well-organized toolbars make customizing sites a breeze

Even though most page builders come with a visual editor, the editing toolbars aren’t always that intuitive. Designers often have to comb through different tabs and menus to try and find the settings they need to configure. 

With Muffin’s live builder, you won’t need to do that. After you add a new element or select the existing one you want to edit, a custom toolbar appears on the left: 

All of the available settings for that element live right there in the toolbar. There’s no need to go digging around to figure out where the typography settings are or where you can make advanced CSS edits. It’s all in one place. 

It’s not just the editing toolbar that’s well-designed and organized. The admin toolbar is always available from the left side of the screen as well as the bottom of the editing toolbar:

The most commonly used admin actions live there: Save, Undo, Revisions, Responsive Mode, Return to WordPress, and so on.

The Live Builder is so easy to get around that you won’t waste any time searching for what you need or digging through layer after layer to take the desired action.

4. Autosave and backup tools are useful for version control

The Live Builder comes with a variety of “Save” tools beyond the standard Publish and Update. 

If you go to Revisions in the admin toolbar, you’ll find four different save features: 

Autosave makes a copy of the page every five minutesUpdates is where copies of the page get stored after you hit the “Update” buttonRevision allows you to save special versions of the pageBackup stores copies of the page just before you restore an older oneThis feature makes it so easy to capture copies of a page in progress. And, if you prefer, you can let the Live Builder manage those backups automatically for you.

That said, the Live Builder also gives you the power to create a clear history of all the major updates you make to a page (under “Revision”). This way, if you or your client ever change your minds about a recent update, a one-click restore will automatically take you back to the preferred version.

5. Lightweight editor for fast editing

It’s always frustrating when you open up WordPress, go to the page you’re working on, and then have to wait a minute or two for the page builder to load. 

It might not seem like a big deal, but multiply that by the number of pages you’re designing or editing, as well as the number of revisions you do to each, and that wait time adds up. 

The Muffin Live Builder is super lightweight, so you can avoid this frustration altogether.

The GIF you see here captures how quickly the Muffin page builder loads in real-time. For your reference, the clip is just 12 seconds long: 

According to Betheme developers, the Live Builder is now 60% faster than it was before. And when compared to other popular WordPress page builder plugins, there are no issues with the page builder getting “stuck” when you try to open it. 

It’s not just the speed of your page builder that should be concerned with either. 

Core Web Vitals is a useful tool for checking your website’s loading speeds (among other ranking factors). We compared how the Be Mechanic website was built with Elementor compared to the same website built with the Muffin Builder. 

Here’s what we found on the Elementor-built site: 

The largest contentful paint took 6.116 seconds to load. 

Compare that with the Muffin Builder-built site, which only took 1.232: 

Google knows that all it takes is three seconds before visitors start leaving a site in droves. So, having a lightweight page builder that speeds up your work and creates a speedier experience for your visitors is absolutely crucial.

Will You Be Building with the New Muffin Live Builder?

Between the intuitive design, convenient features, and fast loading, the Muffin visual page builder is a web designer’s best friend. Heck, it’s something your clients will love to use once they’re inside WordPress, too. And don’t forget about everything you get with it. The Muffin Live Builder is part of a powerful WordPress toolkit. With 600+ pre-built sites, 100+ pre-built sections, 60+ elements, and bundled premium plugins, you won’t need to look much further than Betheme to build the websites of your clients’ dreams.
Related Articles10 Top WordPress Ecommerce Themes for 2021WebBy

Color Tools And Resources

Today, we’re shining the spotlight on color tools and resources for all kinds of projects, from all types of color palettes and generators to getting contrast and gradients just right for your projects. This collection is by no means complete, but rather a selection of things that the team at Smashing found useful and hope…

Everything you need to know before you start developing with WordPress.

When I started using WordPress I was fortunate enough to have a mentor to guide me through the ins and outs. At the time I was interning at a web design agency, and part of the job was taking old client website and rebuilding them with WordPress.I want to pass down some of that knowledge to lessen the learning curve for those of you just starting out.TL;DRWordpress.org is NOT WordPress.comHaving a fast website mattersMobile friendliness is important!SecurityPremium themes are worth it (IMO)Further (optional) earningWordPress.org is NOT the same as WordPress.comWordpress is a free open source piece of software. It’s 100% free and anybody can download and install it via the wordpress.org website.Wordpress.com is a paid-for commercial service. They offer wordpress hosting and support.A lot of people confuse the two to be the same and end up hosting their website via wordpress.com without realizing there are better wordpress hosting options.Having a fast website mattersHaving a fast website isn’t just important from a user-friendliness perspective, having fast web page load times has a tangible effect on your website’s overall performance.Having a fast website will:If your website is slow, Google will penalize you in terms of search rankings. This means your competitors with faster websites will on average rank higher than you.Below I discuss some simple (yet effective) ways to improve your website speed.Web hosting effects website speedA fundamental thing you need to do to ensure your website will have fast load times is to choose a good web hosting provider.The web hosting market is flooded with different providers. As a rule of thumb, stay away from Newfold/EIG web hosting companies. Understand that cheap ≠ good.As a side note, only install plugins that are essential for your website. If you overload your website with different plugins it can reduce your website and back-end speed.Website cachingWebsite caching is storing files in a server cache, so the files can be easily accessed. Website caching improves your website speed and is highly recommended when working with WordPress.If your web hosting provider doesn’t offer web caching natively I recommend installing the plugin WP Super Cache.Something to keep in mind when you have a caching plugin installed, is sometimes when you’re making cosmetic changes to the website (updating CSS), the changes may appear fine on your computer, but are not appearing on a different computer, browser, or incognito window.This is because the server is pulling from the old server cache. To fix this purge your website cache. This can be done via your web caching plugin.Image compression/re-sizingInstead of uploading the full resolution of your image, use a combination of image compression and resizing to speed up website load times.Most of the time, it’s not necessary to upload the full resolution of an image (unless perhaps your website is based around photography). A common mistake beginners make is uploading large photos in full resolution which causes their website to load slowly. Especially if your website relies heavily on visual media.There’s number of free WordPress plugins that will take care of this process automatically for you.Mobile friendliness is important!A major mistake a lot of beginners make is completely forgetting the mobile aspect of their website. They’ll develop it on their desktop/laptop and be completely shocked and not understand why it looks so bad on their phone.When developing your website you need to also build it to be mobile-friendly. To do this, you’ll need to learn and become familiar with HTML and CSS. More specifically, CSS media queries.I’m going to be honest, the learning curve for this will be steep if you’re not tech savvy or familiar with scripting/programming languages. Just know that this stuff isn’t that complicated and there’s thousands of HTML/CSS tutorials available for free on YouTube.Not only is CSS/HTML in general just a good skill set to have (for your resume for example). But learning it will make you a more well-rounded blogger and web-master. In other words, you’ll be able to maintain your website more effectively.If learning that stuff is too daunting for you, you’ll need to look for a mobile-friendly WordPress that’ll take care of all the media queries for you. Most premium WordPress themes will do this for you.SecurityA lot of security threats regarding WordPress involve bots trying to brute force their way in. One of the simplest ways you can protect yourself against this threat is to have a strong password with letters, numbers, and symbols.You can also use free/paid plugins to monitor malicious activity on your website. One plugin that comes to mind is WordFence.Your hosting provider also plays a critical role in securing your website. In my experience, cheap web hosting providers with bad infrastructure often have security vulnerabilities. I used to have a cheap web hosting plan with ASmallOrange, and I would regularly get emails stating that my website had been compromised and I must change my password.ASmallOrange is a Newfound (previously known as EIG) web hosting company, and as a rule of thumb I recommend staying away from Newfound web hosting providers.On a final note regarding security, I’d strongly recommend using 2-Factor authentication (2FA) as the cherry on top to prevent brute force attacks.Premium themes are worth it (IMO)If you have the $$$ to drop on a premium WordPress theme, I would highly recommend it. WordPress themes offer functionality to designing your website that otherwise wouldn’t be possible without the theme.This includes but not limit to:WidgetsButtonsFontsSidebarsCSS and HTML templatesThere’s only so much you can do with the default installed WordPress themes. In my opinion, paying for a premium theme will speed up the amount of time needed to create a high quality website.I’m not going to make any suggestions because I don’t want this post to come across as me shilling a specific theme. If you just do a Google search of top premium wordpress themes and use that as a guide in tandem with YouTube tutorials to see how to use it, you’ll find everything you need to know.Further (optional) learningAside from learning CSS and HTML, PHP is a good language to familiarize yourself with since WordPress is built with PHP. Knowing it will allow you to manage the back-end side of your website more effectively as well as to create custom functions, plugins and themes.Learning Javascript also doesn’t hurtConclusionsAnyways, I hope this was useful for some of you who are just starting out! What are some things you think WordPress beginners should know before they get started?