Archiv der Kategorie: Wordpress

Gutenberg Team Member Andrew Roberts Dishes on the New WordPress Editor

As you may have heard, WordPress is currently working on a brand new content editor named Gutenberg. Currently available as a plugin and set to ship with WordPress 5.0, the editor is radically different from what WordPress users are accustomed to. The changes it brings go beyond just adding and editing standard post content, though.

Gutenberg presents challenges to theme and plugin developers, as it affects Custom Meta Boxes. This means that utilizing WordPress Custom Fields, for example, may look and function differently than expected. Or, at least that’s the fear many have expressed.

This project has produced an incredible amount of debate within the WordPress community. And, with recent news that WordPress has scrapped the idea of using the React library with Gutenberg because of potential licensing issues, there’s now even more uncertainty surrounding the editor.

With all of the confusion and controversy swirling about, we wanted to hear from someone on the inside of the Gutenberg project. Thankfully, Andrew Roberts stepped up and agreed to answer a few questions for us. Mr. Roberts is the CEO of Ephox – the company behind the TinyMCE Editor.

Of course, TinyMCE is currently the default WYSIWYG editor within WordPress and will also be a part of Gutenberg. Thus, Mr. Roberts is part of the team making sure that Gutenberg will be ready to tackle everything we can throw at it.

We asked Mr. Roberts about the feedback the Gutenberg team has received, TinyMCE’s continued role within WordPress and the fears expressed by the community. Please note that this interview took place just before the React announcement, so it wasn’t part of our conversation.

Ephox CEO Andrew Roberts

Q: Have you kept up with the community’s reaction to Gutenberg? If so, how would you gauge it so far?

Yes, I have been keeping up with it. Contributors to Gutenberg certainly take the feedback seriously and try to respond to as much of it as possible. Tammie Lister, who is Gutenberg’s new design lead, has been doing a great job responding to every review on the plugin directory.

Blog posts out on the web can be a bit harder to keep track of, but where possible we respond there too. You see that in Greg’s (Greg Schoppe, a developer critical of Gutenberg) post where the technical lead Matías Ventura has been responding. GitHub and Slack are obviously great places as well.

I did not have any set expectations about what the reaction would be. Traditionally, WordPress has used TinyMCE’s Word-like user experience for writing content. As old school as this feels it is very easy for new users to learn as beginners transfer a lot of their existing skills to blogging and web content creation.

I was very curious about how users would receive the “blocky” nature of Gutenberg which isn’t quite like a word processor, or any other desktop tool that they might be familiar with. But clearly a word processor-style user interface is not the only way and even best way to create rich web content. I have used my share of page builders in my own projects and it is difficult to create great “landing page” style content in the current post editor.

Lightweight editing experiences like Medium or Dropbox Paper are also very nice to use. So perhaps the time has come to leave some of the word processor paradigm behind.

Some of the best feedback we have had is through structured UX interviews and reviews with real users. Building a great editor involves getting thousands of small details right and when we are able to identify specific issues and work at them, we make progress.

Q: It seems like one of the biggest concerns developers have is ensuring that meta box customization done via Advanced Custom Fields, etc. still works and is easily visible when Gutenberg launches. How is that being addressed?

Matías has been very clear that this will be resolved before Gutenberg launches. There is a very active Github ticket where progress can be tracked.

The TinyMCE team and I don’t have much involvement here however. Our expertise is more on the editor side than the integration with WordPress.

Q: As things have developed so far, is there one particular area that you’re most proud of?

The thought that has gone into the user experience has been outstanding. Everyone seems to have an opinion about what a “good editor” is, so engaging with real users is critical to sort out real UX issues from the noise. This started as far back as February.

The team has been systematically working through the issues that arise out of these interviews and, as a result, it has improved enormously. Building an editor from the ground up is very difficult. I have done it three times in my career before and each time it was 5 times harder and took 3 times longer than I expected.

The amount of focus on UX design in this project has been greater than any commercial project I have been involved with. Notoriously, most open source projects often don’t attract enough design contributions. Think Open Office vs. Apple Pages. Gutenberg is bucking the trend in a very good way.

Q: If you had to pick one area that you feel that still needs the most work before launch – what would it be?

Ensuring backwards compatibility will be essential. Everything that goes towards that goal is a worthwhile investment.

In the editor itself, there are hundreds of editing edge cases that pop up in lists, tables, images, etc. and microinteractions in the user experience. This requires a lot of attention to detail and work.

Q: How prevalent will TinyMCE be in the final version of Gutenberg?

TinyMCE provides the core rich text engine for a lot of the blocks. Most blocks have some sort of rich text requirements – for example you can apply formatting to the caption on an image block. There are also more advanced blocks such as tables that really leverage the TinyMCE core editor engine.

There is also a “Classic Text” block that is effectively the current TinyMCE editor in WordPress together with the regular TinyMCE user experience. This will enable plugins that extend TinyMCE, such as TinyMCE Advanced, to work as they always have.

At this stage, I believe the Classic Text block is viewed as a transition solution until everyone is on-board with blocks but there is a chance it will live on or gain a life of its own as a “writer’s block”. We have blogged some thoughts about the role a writer’s block might play.

Whether it is needed or not probably comes down to how well we are able to get Gutenberg to handle the myriad of often complex text interactions that occur when someone is writing a long-form article.

TinyMCE is a very vibrant open source project in its own right and we have big plans over the next few years. We just announced our new mobile-optimized theme for example. We are very proud of the role we have played in WordPress for almost ten years and hope to see some of our work continue to help WordPress get better for many years to come!

Q: With such a big change coming to WordPress, what advice do you have for developers? Is there a specific resource they should be studying?

The Gutenberg docs are a great place to start and Ahmad Awais has released a Gutenberg Boilerplate project that is a great way to learn how to create a Gutenberg block.

Q: Anything else you’d like people to know about Gutenberg?

Bring on the specific and focused feedback! A great editing experience has thousands of often minute details to get right. We want to hear about all of them.

As Gutenberg Evolves...

As Gutenberg Evolves…

Many thanks to Andrew Roberts for taking time out to chat with us! We’ve also reached out to other members of the Gutenberg Team and hope to bring you more insight as the project gets closer to full release.

The post Gutenberg Team Member Andrew Roberts Dishes on the New WordPress Editor appeared first on Speckyboy Web Design Magazine.

via Speckyboy Web Design Magazine


12 Useful WordPress Plugins for Page Layouts

When it comes to plugins for laying out the pages on your
WordPress site, Visual
is a hard one
to beat. This easy-to-use drag-and-drop page builder with over 200
unique addons will help the developer and the novice alike create
just about any layout imaginable.  

for users looking to modify just one page in a specific way, this powerful page builder
is probably overkill. That’s why we’ve scoured CodeCanyon for the most useful WordPress
page layout plugins and have come up with these 12 that will meet a variety of

1. Essential Grid WordPress Plugin

Whether you’re
looking for just the right grid to display your blog posts, photos, products,
testimonials, social media streams, services or whatever else you have in mind,
The Essential Grid WordPress Plugin has got you covered.

This multipurpose
grid enables you to display any content on your WordPress site in your choice of elegant grid form. First you decide what source
you want to use for your grid entry. Then you customise the grid by choosing
from three available styles before selecting your required number of columns and
rows and setting spacing for the items. From there you can add any number of skins
available to customise your look further.

Essential Grid WordPress Plugin

Notable features:

  • over 25 example skins included
  • widely varied content sources possible, including images,
    YouTube, HTML5 self-hosted video, etc.
  • various animation styles available
  • responsive and mobile optimised
  • and more

Grid WordPress Plugin
is an engaging and visually appealing way to show off content on your WordPress page.

2. FlatFolio

FlatFolio is another great option for those
looking for an alternative grid layout. Aside from being highly customisable,
the plugin has the additional benefit of offering both Carousel and Slider functions as well. You can customise the
grid with logos, captions, coloured overlays, titles and subtitles, hover
shadows, and more.


Notable features:

  • preview feature
  • carousel and slider features
  • unlimited item formats
  • various overlay effects
  • and more

For creatives and other users
wanting to show off their visual content, FlatFolio is a versatile and
easy-to-use layout choice. 

3. Sidebar and Widget Manager

If you’ve ever
wished for the freedom to place a widget in the content area of your WordPress site
page, the Sidebar and Widget Manager has heard your prayers. The plugin allows
you complete control of where you add widgets to your site’s pages by expanding
placement possibility beyond the sidebar and footer area to the page content

Sidebar and Widget Manager

Notable features:

  • drag-and-drop grid
  • vertical or
    horizontal widget alignment
  • ability to display
    or hide any widget on any page
  • supports any kind of
  • and more

Being able to add
widgets to any area of your WordPress site page with the Sidebar & Widget Manager plugin is a great way to build your own
unique page layout.

4. Content Manager for WordPress

The Content Manager for WordPress plugin is probably the
most versatile of the plugins in this list because it allows you to create any
kind of layout you desire in three simple steps. Simply add a new page, create
your desired layout with the drag-and-drop interface, and then add your

Content Manager for WordPress

Notable features:

  • ability to add unlimited fully editable pages
  • 10 layout colours
  • 30 Google Font options
  • multiple language support
  • and more

User rjhuntington says of Content
Manager for WordPress
: “Love it! Solves
so many irksome WP shortcomings.”

5. Stupid Simple Testimonials

The Stupid Simple Testimonials plugin makes it super easy to
add testimonials or quotes to your page layout. Using a simple shortcode that
can be inserted in pages, posts and widgets, the plugin features eight unique
ways to customise your page layout.

Stupid Simple Testimonials

Notable features:

  • grid layout
    automatically adjusts to match the total number of testimonials
  • six unique colour
    schemes provided to match your theme
  • ability to divide your testimonials into categories for easy management
  • ability to edit using the standard WordPress editor
  • and more

The Stupid Simple Testimonials plugin is
a straightforward way to alter your page layout and will integrate your testimonials or
quotes into your site in a crisp, professional fashion.

6. WordPress
Meet the Team Shortcode Plugin

Just as the Stupid
Simple Testimonials plugin above is dedicated to adding testimonials to your page
layout, the WordPress Meet the Team Shortcode Plugin is dedicated to adding
your team members to your page layout in an elegant and professional way. 

The plugin allows you to not only show members of your team but also arrange them by categories or groups
as needed. What’s more, the plugin allows you to add and manage individual
member information like job titles, locations, social media, etc.

WordPress Meet the Team Shortcode Plugin

Notable features:

  • responsive grid or carousel view
  • unlimited custom fields
  • drag-and-drop ordering
  • supports up to 12 columns
  • highly customizable
  • and more

Meet the Team Shortcode Plugin
 is a good choice if introducing your team and their specialities to potential visitors to
your site is a priority.

7. JC
WooCommerce Multistep Checkout

The JC WooCommerce
Multistep Checkout plugin is designed to improve your customer’s checkout
experience by replacing WooCommerce’s default checkout layout. The aim of the
plugin is to display each step of the checkout process clearly, so that at any
given time users know exactly where they are and how far along they are in
the process.

JC WooCommerce Multistep Checkout

Notable features:

  • easily control which
    steps are displayed
  • ability to add
    custom steps like user authentication
  • customisable text,
    style and layout features
  • and more

WooCommerce Multistep Checkout
 is a good choice for refining your WooCommerce checkout process.

8. UberMenu

What’s a great site
without an equally great menu layout to help your visitors navigate your
content seamlessly? UberMenu plugin is designed to facilitate just such easy
navigation. The highly customisable and responsive plugin offers seven main
menus and several submenu options to suit a wide variety of tastes and needs.


Notable features:

  • easy to add images, descriptions, Google maps, etc.
  • choice of 18 layout
  • fully responsive and compatible with mobile and touch-enabled
  • extensive user-friendly
  • and more

UberMenu works out of the box with the WordPress Menu
System, making it simple to get started and create gorgeous menus quickly and easily.

9. WordPress
Events Calendar

If you’re looking
for a clean and elegant way to keep your customers, clients and/or followers
updated on your public appearances then adding the WordPress Events Calendar
plugin to your WordPress page layout might be the right solution for you. 

WordPress Events Calendar

Notable features:

  • ability to add
    multiple calendars to a page or post
  • upcoming events widget
  • multiple languages support
  • and more

User Applicist praises WordPress
Events Calendar
for its “excellent functionality and UI”.

10. WordPress
Content Boxes Plugin

With the WordPress Content Boxes Plugin, it’s all about boxes. 43 stylishly designed boxes to be precise, any of which users can select
to contain and showcase site content, like testimonials, social icons,
team members, products, pricing lists, etc.

WordPress Content Boxes Plugin

Notable features:

  • over 1,000 icons
  • highly customisable
  • ability to use multiple content boxes in one page
  • and more

Though one of the newer additions to CodeCanyon, WordPress
Content Boxes Plugin with Layout Builder
is sure to be a big favourite in
the coming months. 

11. Flip Magazine

Flip Magazine is a beautifully conceived magazine layout
which enables users to simulate page turning by pressing forward or backward
arrows. It will appeal to creatives who want to show off their image gallery in
full-width magazine-page format, but will also work equally well for those who want
to display their WordPress posts stylishly.

With Flip Magazine, you can build unlimited pages with each
page carrying its own settings.

Flip Magazine

Notable features:

  • user-friendly touch optimised design with gestures support
  • all Google Fonts supported
  • unlimited flip magazine pages
  • CSS3 animations for navigation menu
  • and more

Flip Magazine is possible
the coolest of the 12 plugins featured here, but don’t take my word for it. Check
it out for yourself.

12. Smart
Footer System

I don’t know about you, but I’m pretty tired of the same old
same old when it comes to footers, so I got pretty excited when I found the
Smart Footer System, which made me look at footers in a whole new way.  

Smart Footer allows users to customise their
footers in any number of ways, including adding photos and videos and various
animations. With over 70 different styles to choose from, this highly
customisable plugin will breathe new life into the bottom of your WordPress site

Smart Footer System

Notable features:

  • several animation modes and speeds
  • innovative and powerful admin panel 
  • video background possible
  • highly customisable
  • and more

With the Smart
Footer System
plugin, you no longer have any excuse for having dull, snooze-inducing
footers on your site.


These 12
plugins just scratch the surface of page layout plugins available at Envato Market. So if
none of them catch your fancy, there are plenty of other great options there to
hold your interest.

And if you
want to improve your skills building WordPress sites, check out the ever so useful free WordPress tutorials we have on offer.

from Envato Tuts+ Code – WordPress

Meet Greg Schoppe: The Developer Who’s Taking on Gutenberg

Within the WordPress community, it’s been hard to ignore all of the hype surrounding Gutenberg – the new content editor being developed for the world’s most used CMS. Currently available in plugin form and scheduled for inclusion in WordPress 5.0, the first thing you notice about this newfangled way of creating a page or post is that it provides a very different experience from what we’re used to.

Needless to say, the reaction has been mixed. That’s to be expected whenever such a dramatic change is made to a venerable piece of software like WordPress. With so many designers and developers making a living off of working their magic with it, there’s no way something this big was going to go unnoticed.

The whole situation has already been written about ad nauseam, but we wanted to bring the perspective of someone who brings specific concerns to the table. Today, we’ll introduce you to one developer whose commentary touched a nerve within the community, along with some within the WordPress development team.

His name is Greg Schoppe, a Vermont-based WordPress developer. His post, entitled “You called it Gutenberg for a Reason.. That Doesn’t Make it Revolutionary. (An open response to Matt Mullenweg)”, got a lot of people talking. Schoppe points out what he sees as flaws in Gutenberg’s scope and the approach WordPress takes to data structure. A follow up post, “The Gutenberg that could have been”, takes us through his own vision for the new editor.

Greg was kind enough to sit down and answer a few questions regarding Gutenberg and the reactions to his commentary. Some answers were edited for brevity.

Greg Schoppe

Q: Tell us a little bit about your background as a developer and the type of projects you work on.

I’m the lead developer at a mid-sized digital marketing agency called Burlington Bytes. We have about 300 WordPress clients, ranging from one-page digital brochures to online catalogs with almost 20,000 products. I’ve got about 5 years of experience in WordPress, and about 10 in PHP.

Outside of work, was a speaker at both WordCamp Maine and WordCamp Boston this year, I have three plugins in the WordPress repository (Blockade,  SmartCrop, and Utility Script Runner), and I’m a semi-regular commenter on reddit’s r/wordpress subreddit

Q: What led you to speak out about Gutenberg? It sure looked like there was a deeper philosophical difference there and that maybe the new editor was the last straw.

Well, there’s a lot of reasons to love WordPress. It has a fairly intuitive interface, as CMS systems go, and it has a massive community base, with tools for almost anything. But developers and themers who dig into core more deeply, to build the tools that other WordPress users love, know a bit of a secret. WordPress Core is a minefield of design decisions that were made for what WordPress was at the time, and didn’t age well.

There’s simple stuff that confuses first-time developers, like home.php being the blog archive template or get_the_content() being completely unlike all the other get_the functions, but there are also deeply-rooted issues like the lack of proper variable bind/prepare statements for database queries, even though the function involved is called $wpdb->prepare, or the wpautop format that posts are stored in, that messes with developers’ ability to save HTML in the plain text editor.

Once issues like these have been introduced into core, they are almost impossible to go back and fix, because WordPress values back compatibility above all else. So when I saw that HTML comments were being proposed as a hacky way to turn unstructured HTML into this new Block-Driven structured post format, I was taken aback hard.

This is clearly a decision made looking at “how can we not modify core”, rather than “how can we plan for the future”. It’s the wpautop moment of this decade, and the core team is building another non-standard hack that will plague the community for the next decade.

I knew I had to speak up, or we’d all be stuck dealing with it long after the concerns that drive today’s decisions are forgotten.

Q: Why do you think your post resonated with so many others in the WordPress community?

To be completely fair, some of it is fear of the unknown. That can’t be discounted. People will cling to criticism when they are scared, and Gutenberg is scary for many reasons, some legitimate, and some illegitimate.

However, a lot of support has come in from people who use WordPress as a CMS or an app platform, who go beyond what it was originally designed to do, and architect new solutions to new problems, using WordPress. These are the people Matt (Mullenweg) was talking about when he famously called WordPress “an operating system for the open web,” and they know where it falls short of that goal.

Those people know that building a new non-standards-based format for data-storage is creating something they will have to hack the heck out of, to make it jump through hoops the original developers didn’t imagine existing.

They know that embedding React into core is likely to lock developers into another framework of the month, or worse yet, cause developers to abandon integrations with that part of WordPress in favor of complete replacements for the post interface (which won’t play well with others) or stagnating third-party development (like we’ve seen with the backbone.js-based media library)

Those people are also dealing with the muddled, and frighteningly rushed communications coming from Matt and the Core team. For example, according to Matt, developers should be working to port their features to Gutenberg by the end of the month, if they want to take advantage of them for the 5.0 launch.

However, at the moment, the API for storing metadata from a Gutenberg block, the Interface & API for creating nested blocks, and the API for fixing certain blocks in position and forcing them into place on load all are non-existent.

So, even if all these features manage to make it into the system before the end of the month, developers will need to be writing in a framework that has maybe a couple of pages of documentation written, and has been standardized for only a few days, or according to Matt, they will be behind the curve.

This rushed pace and lack of clear communication and attainable goals comes at the same time that standard features like metaboxes are suddenly being called “legacy features” by the core team. I sat down to start work on a brand new plugin over the weekend, and had to think “this uses a lot of metaboxes… should I even bother tackling this until 5.0 is out and the Gutenberg framework is stable?”  Other developers are having the same experience, and it really isn’t good for the ecosystem’s forward motion.

Q: You also wrote a post regarding your thoughts on what Gutenberg should be (as opposed to what is out there right now). How would you gauge the reaction so far?

Unfortunately, at the moment, I’d call the reaction from the core team defensive. I hear a lot about how things like LTS (Long Term Support) releases or meaningful re-factors of core just aren’t gonna happen, but I don’t hear a lot of considering, or a lot of explanation as to why not.

The reaction from third-party developers has been frankly mutinous, with several people offering their support in forking WordPress to a new, enterprise-minded codebase that would allow for refactoring core functionality on major version releases, while providing LTS releases for older versions, to keep companies safe in their investment in WordPress.

I fundamentally don’t want to chase that path, as although it would be far easier for developers like me to work with a stable system with solid roots, the WordPress community is too valuable to fragment lightly. I am further concerned that I’ve seen talk of forking WordPress in other forums and comment sections as well, and it looks like more of a credible risk now than ever before.

My current opinion is to stay with core, but that may change, depending on the fallout of the 5.0 release.

Q: Have you considered volunteering for the Gutenberg team or any other official roles with WordPress?

I would be happy to volunteer to whatever degree possible, and I have attempted to do so in the past, participating in Slack, trac, and in GitHub.

But as of late, it’s become a very closed system to outside ideas. “TinyBlocks”, “Comments as Structure”, and “React in Core” were all decisions that felt pre-ordained before they even hit the Slack channel (despite React in Core technically being “undecided”), leaving little room for outside voices, except as cogs working towards the grand vision. I’d love to work with the Gutenberg team, but I don’t think there’s much room for dissenters at the moment.

Q: Has anybody from the Gutenberg team or WordPress in general reached out to you?

I have received…comments from Matías Ventura (co-lead of Gutenberg) and Andrew Roberts (lead of TinyMCE).

Unfortunately, what I haven’t seen, in the months that I have been raising flags in Slack, on my blog and in comments, is any sign that these issues are considered anything but “things to explain to the community.”

Q: What’s your realistic hope for Gutenberg at this point?

My hopes are modest, and my expectations are low. I believe that Gutenberg will launch, mostly as is, and on the front end, some people will love it and some people will hate it. I believe it will be a new set of hacked-in solutions that WordPress developers will have to work around, and I believe it will cause some serious upheaval, as some well established and well loved plugins are unable to work in the new paradigm, or some developers simply don’t have the time to perform a complete rewrite of their interfaces that interact with the edit page.

I hope that ACF, Carbon Fields, PODs, CMB2, Yoast, and SEO Ultimate are all able to make the transition to the new interface, although some of the popular extensions to those plugins will certainly stop working.

I hope the new comment-based interface will hold up to most use cases, and I hope that a nested block interface will come out with version 1.0 (as without it, there will be a million hacked together standards, just like the current fractured landscape of page builders)

And I hope that the documentation and hooks offered by Gutenberg won’t leave it inaccessible to users with unexpected use cases. We already had one major release that effectively killed customization in an entire section of WordPress (the media library). I hope we don’t have another.

Greg Schoppe is in the fire.


Speaking with Greg Schoppe, it was clear that he has a great passion for WordPress and its community. He also insists that he’s in favor of the idea of a new editor, stating “The concept of Gutenberg is something I welcome with open arms. WordPress needs a native way for themes to present more advanced editing options to their users, and a way for them to limit which options are available in which contexts. The implementation is where the problem lies.”

And, as someone who has authored a page builder plugin, Schoppe notes “Blockade is actually something I would LOVE to see rendered obsolete. It was created with the understanding that page builders are particularly horrible for developers to work with, because they don’t operate within the bounds of what WordPress natively supports.”

Note that Schoppe’s is just one perspective in this worldwide discussion. We’ve reached out to members of the Gutenberg development team and would love to get their thoughts as well.

While in some ways it may seem like we have to choose sides in this argument, it really shouldn’t be about that at all. In the end, this debate and the decisions that come from it should be for the betterment of WordPress. Hopefully, that’s where it all leads.

The post Meet Greg Schoppe: The Developer Who’s Taking on Gutenberg appeared first on Speckyboy Web Design Magazine.

via Speckyboy Web Design Magazine

Be Theme: How to Use Procrastination to Boost Your Productivity

Everyone procrastinates. Some, more than others. If you’re a typical freelancer, you know that doing so can sometimes get you in trouble. You put off important work until the last minute, only to find yourself scrambling to meet a deadline. You’ll either miss it or deliver a substandard product.

The result: a dissatisfied client. Plus, a blot on your reputation as a professional designer/developer.

It’s admittedly a bad habit, but there is an exception. You can actually benefit from procrastinating – if you go about it the right way.

How Be Theme Helps You Procrastinate the Right Way

It’s good to give your mind an occasional rest; so long as you’re not putting something off that needs to get done. Be Theme shows you how to integrate procrastination into your design/development work. You’ll discover how setting a project aside for a short time can help you complete it more quickly, and do it better.

Meet Be Theme‘s Productive Procrastination concept. The concept helps you convert “wasted” time into productive time. Be Theme is the biggest WordPress theme, and a ThemeForest top 5 best seller. It has assembled a huge collection of pre-built websites for you. All of them are guaranteed to turn your idle time into productive time.

The Secret? Scroll through Be Theme’s More Than 270 Pre-built Websites!

Pour a cup of coffee, and enjoy scrolling through Be Theme’s 270+ pre-built websites. You’ll soon discover, that setting aside your work to do so, won’t be wasting your time at all. This is the largest collection of website design templates on the market. It covers over 30 different website styles and business niches.

You won’t get far before you begin picking up some excellent ideas for future projects, or for you present one. That’s not time wasted. That’s productivity calling your name.

Use these pre-built websites and their 1-click installer. Just like this, you will be able to kick of your projects will save you tons of time, and give you better results.

Here are some examples of what you’ll discover:

Starting with 60+ Templates for Creative Industries

Websites representing creative industries are many and varied. As a result, web designers often come up short when looking for themes to fit clients’ needs. Not so, when you have more than 60 different options to choose among. Although no two are the same, they all share something in common:

  • Their interactive, responsive galleries are perfect for portfolios and showcasing products
  • The large, high-quality images capture user attention
  • Navigation is intuitive, irrespective of website size or complexity
  • Clean structure makes it easy to highlight a client’s brand

Check these 6 examples out:


Ad Agency:





These, and the others, are ideal for:

  • Web designers, interior designers, and fashion designers
  • Bloggers
  • Advertising and marketing agencies
  • Photographers and video makers
  • Visual artists and architects, and
  • Beauty salons

30+ One-Page Pre-Built Websites

Pre-built websites can be a challenge because so many different clients have so many different ideas as to what they want. The one-page pre-built websites currently available include these four:

Landing Page:




Since each pre-built website is customizable, you have an unlimited number of options to work with, including:

  • Responsive websites for the mobile users
  • Great looking designs that include eye-catching images and an adroit use of white space
  • The flexibility necessary to structure your content just as you wish
  • Speed: Build a website, and have it up and running in less than 4 hours

For the eCommerce Crowd: 9+ Pre-built Websites for Online Shops





Features include:

  • Product galleries, intuitive menus, and easy to work with order forms
  • High quality images along with a design structure that makes it easy to spotlight products
  • Perfect integration with Shopify

Examples of Templates that Address Special Niches

20+ for Health and Wellness, Herbal:

12+ for Fitness and Nutrition, Sports Club:

16+ for Events and Nightlife, Club:

9+ for Restaurants, Bars, and Cafes, Bistro:

10+ for IT Services and Products, Code:

and, 7+ for Financing and Bookkeeping Accountant:

Why not practice a little Productive Procrastination right now? Scroll through Be Theme‘s impressive collection of 270+ pre-built websites.

Watch Fun Video Tutorials on YouTube

Watching a few informational videos on YouTube doesn’t require a lot of work. If you feel like setting some work aside for later, do so.

Try viewing this impressive library of Be Theme tutorials. It is yet another great form of Productive Procrastination!

The library includes, this guided tour:

a mini-tutorial on how to use their 1-click installer:

… and even a tutorial on how to import one of their 270+ pre-built websites

View Creative and Useful Infographics

Viewing videos isn’t exactly your cup of tea? No problem. You can rather spend your productive procrastination time checking out infographics.

Infographics have a lot to offer. Besides being eye-candy, they are often filled with interesting facts. They also contain information relevant to a project of yours, or your work in general.

Infographics can also spice up a website – they present information in a clever, colorful way.

Wrapping It Up

Trying to avoid procrastinating completely can be a frustrating and seemingly hopeless task. For some of us, it is pretty much a wired-in behavior. It’s one of those things that, if you even think about it, you’re probably going to do it.

Perhaps it’s time to give yourself some slack. At the same time, you can take advantage of some good things this otherwise bad habit has to offer.

  • Do you enjoy going through galleries? Then browse through Be Theme‘s 270+ pre-built websites to search for just the right theme(s) you need. It will be a rewarding experience!
  • Do you like watching videos? Tutorials provide an excellent way to learn new skills or pick up a few productivity tips.
  • Interesting and creative infographics are fun to scroll through, too. You’ll find some cool ways to better present website content.

The post Be Theme: How to Use Procrastination to Boost Your Productivity appeared first on Speckyboy Design Magazine.

via Speckyboy Design Magazine

Pearl is the WordPress Theme That Fits Your Niche

Oftentimes, WordPress themes come with various demos that cover a variety of looks and industries. That’s great – until you realize that each “demo” is really just the same website with a few graphic, font and layout changes. They’re really not so useful in the sense that they don’t include features that reflect the needs of a specific type of site. It feels like more of a concept than a real demo.

That’s what makes the Pearl WordPress theme so unique. It’s billed as a “True Multi-Niche” theme and it more than lives up to that moniker. With Pearl, demo sites are actual fully-functioning websites with special features to match. A variety of industries are covered – each one carefully tailored to the exact needs of its respective subject matter.

As an added bonus, the first 1,000 buyers of Pearl will be able to get their hands on this fantastic WordPress theme for only $29! That’s half the normal selling price. And that also includes a free theme installation from the theme creators!

Unique Features for Every Type of Site

Pearl exists to ensure that you have the look and functionality you need, regardless of the type of website you build. Developer StylemixThemes has gone to great lengths to build each of their 10+ demo sites with attention to industry-specific details. For each and every site, the features you want are included and anything irrelevant is left out.

Here’s just a taste of what you can expect out of a Pearl demo website:


Built with musicians in mind, the Music demo includes must-have features like an audio player with continuous playback, an Albums post type with the ability to include audio and a means to easily list Tour Dates.

Pearl Music Demo Site


Eateries can choose from several styles of menus to show off their mouthwatering dishes – complete with photos. Plus, diners can book reservations online through OpenTable.

Pearl Restaurant Demo Site


Developed for small beauty-related businesses, customers can take advantage of online appointment scheduling. Service listings are available in two attractive formats.

Pearl Beauty Demo Site


Whether you’re renting vacation homes, cars or other travel-related items this demo theme enables you to provide customers with a detailed listing. You can display a photo gallery and feature list for each home/automobile/etc. within this gorgeous design.
Pearl Rental Demo Site


Contractors can showcase their projects using any of three beautiful styles, along with two service layouts. It’s a high-end look that will benefit from your own project photos.
Pearl Construction Demo Site

That’s just a small sampling of Pearl’s available demo sites and unique features. For a complete listing of available sites, check out the demo gallery.

Built for Power and Ease of Use

While each industry has its own unique needs, there are necessary features universal to all websites. Pearl has you covered there, as well.

All sites can benefit from the included optimized version of the Visual Composer plugin. It lets you easily take advantage of the more than 200 custom content modules included with Pearl. You’ll be able to build complex layouts complete with everything the theme has to offer.

Plus, you’ll have access to some exclusive items that will make your site even more attractive and user-friendly:

Pearl Slider allows you to effortlessly create beautiful slideshows. It’s based on Angular JS and features seamless transitions.

Pearl Mega Menu makes building multi-column menus a breeze. Configure columns to your exact specifications and choose between a full-width or container-width menu style.

Pearl Header Builder brings drag-and-drop convenience to building your own custom headers. Also built with Angular JS, styles can be tweaked for screens both large and small.

Each theme also features customizable Google Maps, access to Google Fonts, an Advanced Theme Options Panel and a custom SVG Icon Loader.

Start Building Amazing Websites with Pearl

Start Building Amazing Websites with Pearl

Pearl is the theme you’ll come back to again and again. Because of its uniquely well-appointed selection of demo sites, you’ll be ahead of the game before you’ve even touched a line of code. What’s more, with so many built-in features – you may never have to even bother with code at all.

Plus StylemixThemes is there for you with 24/7 support – including live chat. You’ll also have access to detailed documentation, helpful forums and lifetime theme updates.

Get started with Pearl and experience a “True Multi-Niche” WordPress theme.

The post Pearl is the WordPress Theme That Fits Your Niche appeared first on Speckyboy Design Magazine.

via Speckyboy Design Magazine

Weekly News for Designers № 402

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter or follow us on Twitter for some more amazing design articles, resources and freebies.

New Resources & Tools

CSS Checkbox Library – A huge library of CSS Checkboxes for every taste.
CSS Checkbox Library

Logo Rank – An AI system that understands logo design. It’s trained on a million+ logo images to give you tips and ideas.
Logo Rank

10 Free Open Source CSS and JavaScript Select Box Snippets – 10 picks for handmade select box styles that will enhance your forms.
10 Free Open Source CSS and JavaScript Select Box Snippets

A First Look at Sketch Libraries – A test of the newly released Sketch Libraries beta, the long-awaited feature that might solve your syncing woes.
A First Look at Sketch Libraries

The Top Starter Themes for WordPress Development – Starter themes that provide the basics for you to build upon.
The Top Starter Themes for WordPress Development

Every Programmer Should Know – A collection of (mostly) technical things every software developer should know.
Every Programmer Should Know

Flexbugs – A community-curated list of flexbox issues and cross-browser workarounds for them.

Learning Guides, Tutorials & Tips

Liberating Layout Through CSS Grid By CoffeeCup
Liberating Layout Through CSS Grid

Here’s a Super Quick Way to Try out CSS Grid By Jen Simmons
Here's a Super Quick Way to Try out CSS Grid

Breaking the Grid By Dave Rupert
Breaking the Grid

Building Skeleton Screens with CSS Custom Properties By Max Böck
Building Skeleton Screens with CSS Custom Properties

The Benefits of Creating a Design System By Alan Power
The Benefits of Creating a Design System

How designers and developers can pair together to create better products By Nicola Rushton
How designers and developers can pair together to create better products

The State of the Web By Karolina Szczur
The State of the Web

Flat UI Elements Attract Less Attention and Cause Uncertainty By Kate Meyer
Flat UI Elements Attract Less Attention and Cause Uncertainty

UX Process: What It Is, What It Looks Like and Why It’s Important By Adobe Creative Cloud
UX Process: What It Is, What It Looks Like and Why It’s Important

Free UI Resources

Bulky Typeface – Cheerful, hand-drawn font that looks pretty cool in headlines, logos, posters, etc.
Bulky Typeface

Polygonal Animals Set – 20 fabulous polygonal animals.
Polygonal Animals Set

Clarity Icons – Over 200 beautiful and easy to use SVG icons, flexible with variations to meet your needs.
Clarity Icons

Browse the Designer News Archives

The post Weekly News for Designers № 402 appeared first on Speckyboy Design Magazine.

via Speckyboy Design Magazine

The Benefits and Dangers of a Designer’s Ego

I’ll admit it: I have an ego. I like to be praised when I do something well (and maybe even when I didn’t do so well). Though, I’m quite certain that I’m not alone.

It’s probably a safe bet to say that most of us have an ego – even if we don’t necessarily show outward signs of one. After all, who doesn’t want to feel good about their own abilities?

An ego, in and of itself, isn’t an evil thing. In fact, it can be quite beneficial to your design career and your life. But there’s a fine line between using it in a healthy way and letting it get in your way.

The Good Side

The Good Side

A little bit of ego can indeed be a good thing. For one, it can bring a needed level of confidence as you approach your work. Instead of fretting that something’s impossible, you may simply look at a task and know that you can take it on with abandon. Challenges become fun, rather than something to be scared of.

Having confidence and the right perspective can also keep you humble to a certain degree. Knowing that you have talent and a good reputation sets a level of expectation from both you and those you work with. It can lead you to staying focused and working hard – all in the name of living up to expectations. The more you rise up to meet the challenge, the more this all becomes a self-fulfilling prophecy. You’ll continue to stay hungry while achieving your goals.

Moving forward, a healthy ego can lead you to make sound decisions when it comes to business. Overconfidence leads to biting off more than you can chew. However, a balance of confidence and awareness will help you decide which projects to jump on and which to let go. You won’t feel desperate to grab hold of every opportunity that comes along. Instead, you’ll wait for the right one.

How to Get There
Developing that ‘good’ ego takes time. In fact, you may have to go through several ups and downs before you start to achieve a balanced view of yourself and your abilities. You have to find a level of confidence from within. For some, it comes naturally. Others have to work a bit harder at it.

To start, realize that you are human and that you’re going to make mistakes. And, when you make a mistake, do everything you can to correct it. Don’t let any negative thoughts linger. Try to learn from what happened and then move on.

Confidence can be a fragile thing. It helps to remember why you became a designer in the first place. Think about when you first became interested in design and your inspirations for doing so. Remember a time when you discovered you had the talent and willpower to make it your career. Perhaps someone encouraged you along the way. Recalling the passion you have for your work can be a great confidence builder.

For example, I recall some of the first websites I created. While they wouldn’t be very impressive by today’s standards, I felt a sense of pride in just seeing my work up there on a screen. I also look back at some mentors who helped me learn everything from Photoshop techniques to some basic principles of good design.

Even after a full day’s work, I’d race home and spend hours practicing and creating things. Back then, it made me feel good. Now, it helps me to remember where this all started and the passion it stirred within me. It’s something I can turn to when confidence is low.

The Dark Side

The Dark Side

You don’t have to look too far in this world to find instances of egos gone mad. Whether you’re reading a history book or watching the news – the signs are all around us.

With those of us in the design industry, a bad case of ego can take shape in several ways:

You Stop Listening
Sure, clients sometimes make suggestions that are fraught with problems or make little sense. When you hear enough of these types of ideas, it’s easy to start tuning people out. That’s a big mistake.

When you reach the point where you simply know better and refuse to take other people’s opinions seriously, you start creating things only to please yourself. Listening to others and working to understand their point of view is critical to a successful project. It’s perfectly fine to make your own case and (gently) argue for what you believe is best. Just remember that it’s also okay to compromise when necessary.

You Stop Learning
I’ve fallen into this trap over the course of my career. Once you get to a high level of proficiency with a skill (HTML, CSS, graphics, etc.) you get the idea that somehow you don’t need to keep up with the times. You feel that you know everything you need to and that those with less experience couldn’t possibly surpass you.

Web design is one of those careers where the failure to evolve will just lead to failure overall. While complacency isn’t always tied to ego (it could be rooted in fear), your future depends on your ability to adapt.

There was a point in time when I felt that I was simply smart enough to get by, regardless of what my actual skill level was. Discovering WordPress, oddly enough, made me realize how wrong I was. It was way different than the old static HTML sites I had been producing and forced me to get off my high horse and start learning.

You Operate on Instinct Alone
Newsflash: Your ‘gut’ feeling only means so much. When making decisions on the future of your career or even just writing a piece of code, having as much information as possible will help you make the right choice.

Ego becomes a problem when you simply make a decision without bothering to put in the required effort to ensure it’s the right one. That doesn’t mean you have to toil for hours on end doing research – not every choice is that consequential. It just means that you need to have a healthy understanding that there are things you don’t know. Again, it comes down to a willingness to learn.

Choose Your Path Wisely, Designer

Choose Your Path Wisely, Designer

The overall point is that, if we’re not careful, ego can creep up and bite any one of us. I dare say that most of us aren’t egomaniacal and don’t conduct our work like some autocratic regime. For most, we can keep our worst impulses in check (most of the time).

But ego can play a big role in both our successes and failures. So it’s important that we ask ourselves when, if ever, any delusions of grandeur have gotten in our way. If they have, then, as a wise man once said, you need to “Check Yourself”.

The post The Benefits and Dangers of a Designer’s Ego appeared first on Speckyboy Design Magazine.

via Speckyboy Design Magazine