Planning to build a Website? Discover Ten Best Multipurpose WP Themes

May 25th, 2016 No comments
1

As a web designer, you naturally look for tools that offer the best solutions to your design needs. Your clients’ needs and requirements can be all over the map, or at least appear to be. Your choice can, therefore, be that of investing in several specialty WP themes in an effort to cover all the bases, or seeking out a single multipurpose theme that’s capable of doing the same thing.

In order for a multipurpose theme to meet the diverse challenges you may often have to face, it needs to be flexible – ultra-flexible in fact. The 10 multipurpose themes presented here meet that challenge.

Even those listed as e-commerce-oriented have the features and flexibility needed to design high-performance websites of other types and for other niches. Visit the different websites and check out the niche-oriented themes, the pre-built layouts, and the design concepts offered. Examine the features each of these products bring to the table.

See if a given theme is WooCommerce ready, responsive, and if it’s right for the size of your website(s), and if you can easily make changes once a website is online.

The Core – Responsive Multi-Purpose Theme

The Core is a massive multipurpose WP theme. It consists of 16 different themes, plus an assortment of cool website-building features. The Advanced Visual Builder, a wealth of ready-to-use shortcodes, 700+ fonts, and multiple header, footer, and slider options making it easy to build almost anything you want to; and do so faster than ever.

The individual demos are hand-built, complex themes, designed to perfectly fit in with the industry or niche they’re intended for. When you purchase The Core, you’ll receive new demo releases as they appear. Just watch the live demo, and you’ll see how easy it is to auto-install demo content.

The Core is responsive, retina, translation, and WooCommerce ready. Animations are readily available to give your websites an extra dash of pizzazz, custom Google Maps are also ready to be put to use, and there is even a module dedicated to saving your work in the unlikely event of a system crash.

As you would naturally expect with a premium theme, The Core is well documented, and the user support is superb.

BeTheme – Responsive Multi-Purpose WordPress Theme

2

Be Theme is another good-sized website-building tool. It is, in fact, the biggest WordPress theme ever, with its more than 200 pre-built websites, 40 core features, and a dynamic world-wide user base. Be is also an extremely flexible theme, a necessity for any theme designed to accommodate the diverse design requirements you often find yourself confronted with.

Be’s high-powered combination of Muffin Builder 3, the Muffin Options Panel, and the Shortcode Generator makes it easy to build even the most detailed website pages easily, and without any need whatsoever to use code. Another core feature, the Layout Configurator makes building a page when starting from a blank canvas a simple task, thanks to the header options, grid systems, and other available options

There are plenty of video tutorials to get you up to speed, and Be’s support team is second to none when it comes to prompt, friendly, and professional service.

.

The 7 – the Most Customizable Theme on the Market

3

Because of its impressive flexibility and design element customizing capabilities, The7 is definitely deserving of its place among the 10 best multipurpose WP themes. This is, in fact, the most customizable theme on the market today, due in large part to its more than 630 theme options.

These theme options, when combined with an enhanced Visual Composer, the Design Wizard, and a library of 25 professional-grade website designs, make The7 a super-flexible WordPress theme as well.

The7 Design Wizard deserves a little extra attention. This useful tool saves you multiple steps by doing much of your design work automatically. Choose a layout header, upload your logo, specify your background, font, and color settings, and sit back and let the Wizard automatically complete your web page design. This is just one example of how this theme enables you to build pro-grade websites without ever touching a line of code.

Divi

4

If you’ve ever received a box filled with an assortment of goodies as a Christmas present, you’ll understand your feelings when you open up a Divi WordPress Theme package. The Divi package is filled with features galore dedicated to helping you build one unique and awesome website after another.

Divi is advertised as being both smart and flexible. It’s smart because its authors relied heavily on feedback and suggestions from other theme users in the design and development of Divi. Its flexibility is due in large part to its 46 content modules that you can mix and match like building blocks. If you’ve ever had fun playing with building blocks, you’ll love Divi.

Uncode – Creative Multiuse WordPress Theme

5

As a web designer, you know the importance of being organized. Uncode’s website is like that. Its concepts and features are carefully categorized; giving you a quick picture of what’s inside the box.

Concepts refer to Uncode’s homepage layouts, and the name fits. These homepage concepts have been neatly placed in 5 common categories, Classic, Creative, Portfolio, Blog, and Shop. The same is true with Uncode’s 30+ design features and its 22 special pages.

Main features include an enhanced version of Visual Composer, an innovative Grid System, and an Adaptive Images features that go a step beyond responsive.

Enfold

6

Pick one of the specialty Enfold Demos, or stick with the Default Demo. The latter is a multipurpose demo; the others represent specific website niches or types. It may not matter since you can select elements from any demo while building your website. The license also allows you to use the demo images as if they were your own.

There is a host of interactive elements to select from too, so what these features do for you, is to give you a super-flexible WP theme with which to build your websites.

Kallyas – Responsive Multi-Purpose WordPress Theme

7

Drag and drop the page elements you’ve selected, edit, select your settings, and save. It’s that easy to build a website using Kallyas. You can even save the pages that turn out to be especially attractive, which probably will be most of them, for later use or as templates. No coding is necessary, and there are more than 150 pre-built elements to get you on your way.

Searching through 150 of anything to find what you want can take time. Kallyas has addressed the problem with its Live Search feature that allows you to find exactly the pre-built element you want in seconds.

Shopkeeper

8

If you have an e-commerce store in mind, you’ll love Shopkeeper. While there are a number of WP themes that help you design great product displays, this theme goes an extra step or two. It includes the tools you need to run a business. These include features that allow you to manage inventory, arrange for shipping your products, help with cataloging, and arranging payments.

Shopkeeper is nevertheless a multipurpose theme. Among its many classical website-building features, you’ll find built-in portfolio functionality and attractive blog masonry layouts.

Merchandiser

9

Merchandiser is a minimalist theme. It didn’t get that way simply because of a belief that the fewer the number of features, the better the product; although for this theme that happens to be the case. Merchandiser’s authors took into consideration the true needs of online shop owners.

They based this theme’s features on user feedback from other themes, generally feedback addressing speed, simplicity, and unnecessary complexity. The end result – a minimalist theme. Merchandiser gives you the features you need, and it doesn’t load you down with features you have little use for – an innovative design approach that yielded an innovative theme.

X Theme

10

X Theme is ThemeForest’s fastest-selling theme. Given ThemeForest’s outstanding product line of WP themes, it would seem there must be more than a few things that are special about X; as is indeed the case. The X Theme package includes 22 free extensions (plugins), it includes a modern, innovative, front-end page builder in Cornerstone, and it includes a comprehensive and extremely useful library of shortcodes.

X Theme is also responsive and retina ready, as you would expect. You will also receive a valuable bonus if you purchase X, consisting of access to an impressive library of online marketing videos.

Conclusion

While we haven’t touched on pricing, it’s enough to say that each of these multipurpose themes is very affordable, and each of them would make a sound investment. While Shopkeeper and Merchandiser are more e-commerce oriented, they are, like the others in this list, genuinely multipurpose as far as website building is concerned.

Common threads that run through all 10 of these themes are flexibility, customizability, and ease of use. Top performance could be added as well. Check out the various websites and you’ll get a better idea of what these multipurpose themes offer. You’ll be impressed.

Read More at Planning to build a Website? Discover Ten Best Multipurpose WP Themes

Categories: Designing, Others Tags:

Sticky Footer, Five Ways

May 25th, 2016 No comments

A brief history, if you will.

The purpose of a sticky footer is that it “sticks” to the bottom of the browser window. But not always, if there is enough content on the page to push the footer lower, it still does that. But if the content on the page is short, a sticky footer will still hang to the bottom of the browser window.

There is negative bottom margins on wrappers

There was a wrapping element that held everything except the footer. It had a negative margin equal to the height of the footer. That was the basis of this one.

<body>
  <div class="wrapper">

      content

    <div class="push"></div>
  </div>
  <footer class="footer"></footer>
</body>
html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}
.footer,
.push {
  height: 50px;
}

See the Pen Sticky Footer with calc(); by Chris Coyier (@chriscoyier) on CodePen.

This one required an extra element inside the content area (the “.push“), to ensure that the negative margin didn’t pull the footer up and cover any content. The push was also clever because it very likely didn’t have any bottom margin of it’s own. If it did, that would have to be factored into the negative margins, and having those two numbers not in sync doesn’t look quite as nice.

There is negative top margins on footers

This technique did not require a push element, but instead, required an extra wrapping element around the content in which to apply matching bottom padding to. Again to prevent negative margin from lifting the footer above any content.

<body>
  <div class="content">
    <div class="content-inside">
      content
    </div>
  </div>
  <footer class="footer"></footer>
</body>
html, body {
  height: 100%;
  margin: 0;
}
.content {
  min-height: 100%;
}
.content-inside {
  padding: 20px;
  padding-bottom: 50px;
}
.footer {
  height: 50px;
  margin-top: -50px;
}

See the Pen Sticky Footer with Negative Margins 2 by Chris Coyier (@chriscoyier) on CodePen.

Kind of a wash between this technique and the previous one, as they both require extra otherwise unnecessary HTML elements.

There is calc() reduced height wrappers

One way to not need any extra elements is to adjust the wrappers height with calc(). Then there is not any overlapping going on, just two elements stacked on top of each other totaling 100% height.

<body>
  <div class="content">
    content
  </div>
  <footer class="footer"></footer>
</body>
.content {
  min-height: calc(100vh - 70px);
}
.footer {
  height: 50px;
}

See the Pen Sticky Footer with calc(); by Chris Coyier (@chriscoyier) on CodePen.

Notice the 70px in the calc() vs. the 50px fixed height of the footer. That’s making an assumption. An assumption that the last item in the content has a bottom margin of 20px. It’s that bottom margin plus the height of the footer that need to be added together to subtract from the viewport height. And yeah, we’re using viewport units here as another little trick to avoid having to set 100% body height before you can set 100% wrapper height.

There is flexbox

The big problem with the above three techniques is that they require fixed height footers. Fixed heights are generally a bummer in web design. Content can change. Things are flexible. Fixed heights are usually red flag territory. Using flexbox for a sticky footer not only doesn’t require any extra elements, but allows for a variable height footer.

<body>
  <div class="content">
    content
  </div>
  <footer class="footer"></footer>
</body>
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1;
}

See the Pen Sticky Footer with Flexbox by Chris Coyier (@chriscoyier) on CodePen.

You could even add a header above that or more stuff below. The trick with flexbox is either:

  • flex: 1 on the child you want to grow to fill the space (the content, in our case).
  • or, margin-top: auto to push the child away as far as it will go from the neighbor (or whichever direction margin is needed).

Remember we have a complete guide for all this flexbox stuff.

There is grid

Grid layout is even newer (and less widely supported) than flexbox. We have a complete guide for it too. You can also fairly easily use it for a sticky footer.

<body>
  <div class="content">
    content
  </div>
  <footer class="footer"></footer>
</body>
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}
.footer {
  grid-row-start: 2;
  grid-row-end: 3;
}

This demo should work in Chrome Canary or Firefox Developer Edition, and can probably be backported to the older version of grid layout for Edge:

See the Pen Sticky Footer with Grid by Chris Coyier (@chriscoyier) on CodePen.


Sticky Footer, Five Ways is a post from CSS-Tricks

Categories: Designing, Others Tags:

5 clients that will destroy your design business

May 25th, 2016 No comments

Have you ever had a customer from hell? The kind of customer who abuses you, spending as little as they possibly can while trying to squeeze as much free work out of you as possible?

You’re not alone.

At some point, most creative professionals (e.g. designers, developers, copywriters, etc.) will run into the customer from hell. These are the customers who, once they’re inside your business, bring in 20 percent of your income and 80 percent of your headaches.

Customers today are abusive, entitled and demanding… right? Actually no…

Customers as a whole are patient, kind and understanding. When they buy into you, into your business, they’re game changers. These customers have the power to literally change your business for the better, over night. I just mentioned the customer from hell though. Am I talking out both sides of my mouth? Not at all: The customers from hell? They aren’t customers…they’re predators.

Customers from hell? They aren’t customers…they’re predators.

These customers come in five deadly flavors, but their goal is the same. Take as much as they can from you, give as little as they can in return. Ruthless and simple. What’s not so simple is how they find you.

Most people have serious misconceptions about these predators. Their mistaken ideas keep them in the dark, which is exactly what these thirsty bloodsuckers want. Most of us recognize these predators when they’re in our business, but by then it’s too late.

If you’re clueless about them, you’re clueless about how they work — which means you can’t stop them, especially if you believe in these myths:

  • It’s a customer service issue: “If we’re just able to keep them happy we won’t have a problem.”
  • All customers are basically good: “If we’re good to them they’ll be good to us.”
  • Make customers the priority: “Put customers first and they’ll reward you” or “the customer is always right.”

So what’s the problem then? What attracts them to your business?

Marketing. Haphazard marketing sucks these predators in. The term “marketing” means anything you’re doing to close new clients. Your emails, proposals, blog posts, forum posts, anything.

And the worst part?

Most freelancers have no idea their marketing attracts the wrong customer. But how? Are these predators all the same? Should you work with them or weed them out? Knowing who you’re fighting dictates how you fight.

Let’s start with the first predator.

1) The Arranger (manipulates deals, circumstances and events)

These predators want any project, any circumstance to be win/lose in their favor. If you have an agreement they’ll change the terms and conditions. They demand options that don’t exist and push for concessions that really only benefit them.

The Arranger looks for two things:

  • Freelancers afraid to lose their business. Every project is an amazing opportunity when there aren’t enough clients. Arrangers use this fear to wear you down, chipping away at you until you’re psychologically exhausted.
  • An unhealthy desire to be flexible. Need this 300 page site in 48 hours? Sure! Established freelancers use a “take it or leave it” philosophy. Arrangers use “flexible freelancers” as cheap labor.

2) The Corrupter (a dirty, rotten liar)

They’ll say or do anything to get what they want. They’ll lie to you or about you. They’ll steal from you, turn customers and vendors against you, use entrapment – nothing is off limits for them.

The Corrupter looks for two things:

  • Fear of Conflict. The Corrupter loves to cross the line. They’ll invade your boundaries, cross ethical and moral lines and provoke fights. Carefully monitoring your response. A fear of conflict tells them it’s okay to steam roll over you.
  • Unfair exchange. Give Corrupters a discount, concession or deal and they keep pushing. Put conditions or limits on what you’re willing to give them and they become vicious.

3) The Disrupter (demands control)

These predators require special treatment. They want to be in charge. They refuse to use your product or service as intended. They demand your co-workers, partners or employees ignore your requests. For Disrupters, control is everything.

Marketing that attracts The Disrupter:

Disrupters target freelancers with strong “peace keeping” or “fun loving” temperaments. Prefer to avoid conflict or focus on having fun? Disrupters demand you do things their way.

Messages like “have it your way”, “designed around you” and “you’re the boss” are lightning rods that attract The Disrupter.

If you’re a freelancer with a strong perfectionist or control temperament, you’re much harder to control. Focus on “keeping the peace” to win a customer and you’re theirs.

4) The Slanderer (punishes you with shame and guilt)

The Slanderer is a professional troll. They’ll provoke you. Imply that you’ve let them down. They’ll bully you, spread gossip and pick fights—they want you to explode.

When you do they have the justification they need to demand discounts, ask for free products and “renegotiate” contracts: “Why do you charge 10x as much for the same service?” “I gave you a chance when no one else would. Is this how you repay me?” “My company pays your bills.” “How do you justify not including that feature? That’s robbery!”

Marketing that attracts The Slanderer:

As a freelancer you’re unique. That’s obvious to you but it’s something customers can’t see. What’s worse, your uniqueness needs to accomplish two clear goals.

  • Something customers care about. Your uniqueness solves customer problems or attracts them in some way.
  • They’re willing to pay for it. It tells you that customers value your work and they’re willing to take a risk with you.

Marketing pieces that say things like “we guarantee your satisfaction”, “we never stop working for you” or “our customers are number one” attract slanderers.

They see this lack of uniqueness as potential desperation. They believe there’s nothing special about you as a freelancer. So they’ll remind you over and over in different ways, until they’re able to get what they want.

5) The Schemer (exploits loopholes)

Agreements were created for them. They’re incredibly resourceful; they’ll find a way over, under, around or through your boundaries. Don’t do spec work? “You should have told me.” Offer a 30 day money back guarantee? They’ll use your rules against you. They’ll squeeze out 60 days of free work, then on day 59 ask for a full refund.

Marketing that attracts The Schemer:

Do you make promises or commitments to your customers? Offer extras, incentives or bonuses to get customers to work with you? Schemers look for incomplete policies and procedures.

If you’re a designer and you don’t offer source files, state that specifically. Do you create single use websites or can your customers turn around and resell your work? State your boundaries clearly, then prepare to defend them.

Defending your business starts with awareness

Want to protect your business from these nightmare predators? Learn to recognize the symptoms. When you’re aware of the problem it’s easier to spot the solution. But what then? Do you show these predators the door? It depends. If you don’t have a strategy or plan in place to deal with these predators it’s a good idea to show them the door.

What if you need the money?

Or, you have a plan to deal with these predators? It’s rare, but some of them can be converted into all-stars. It requires all of the ingredients I mentioned earlier and the strength to stand up to anything they throw at you.

But it can be done.

If you’re in a situation where you need the money or you have to work with a predator? Here’s a few ways to protect yourself.

  • Get paid up front. Get 50 to 75 percent of the project paid up front. Get paid via credit or debit card, so you control when you’re paid. Bill them weekly or bi-weekly to minimize potential damage if they decide not to pay.
  • Make your agreement ironclad. Make it non-negotiable. Predators sign it as-is or you walk. Add in clauses where the agreement auto renews indefinitely or until you cancel. Give yourself the ability to walk away at any time.
  • Close the loopholes. Find all of the loopholes in your marketing, in your policies and procedures. Then close them.
  • Freeze everything when they step out of line. Did they give you a faulty credit card? Stop working. Asking for something questionable or unethical? Stop working.

Walking away is ideal; have a strategy in place if you can’t. Predators don’t have to take you for a ride. You can provide the help they need and survive to tell the story. Manipulation and abuse doesn’t have to be an option you accept.

The customer from hell is a predator

Predators are abusive, entitled and demanding. They choose their victims carefully. They’ll do their best to spend as little as possible while simultaneously squeezing as much free work out of you as they can. You don’t have to be their next victim.

You have the power. Now you’re aware of their attacks, you know where they’ll strike. That awareness acts as a vaccine, giving you the knowledge you need to protect your business and your customers. But only if you choose your customers carefully.

Fashion Forward with the Revista Font Family of 26 fonts – only $15!

Source

Categories: Designing, Others Tags:

A Guide To Personal Side Projects

May 25th, 2016 No comments

Personal side projects are a cornerstone of creative growth and discovery. While they might not always result in financial gain, the long-term benefits are often much more useful. Benefits such as personal growth, creative exploration and generation of professional opportunities are some of the reasons to engage in them.

A Guide To Personal Side Projects

In this article, we’ll explore these benefits, as well as learn how to decide on a project and how to effectively manage our time (using my recently launched project an an example). Finally, for inspiration, we’ll look at some great examples of personal projects.

The post A Guide To Personal Side Projects appeared first on Smashing Magazine.

Categories: Others Tags:

Stylelint: The Style Sheet Linter We’ve Always Wanted

May 25th, 2016 No comments

Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a linter for style sheets. In this article, we’ll look at stylelint, a linter for style sheets.

Stylelint: The Style Sheet Linter We've Always Wanted

We will also learn why linting a style sheet matters, how stylelint brings order to a style sheet and how we can avoid errors. Finally, we will learn how to use stylelint and start linting as soon as possible. Let’s start with why linting is important.

The post Stylelint: The Style Sheet Linter We’ve Always Wanted appeared first on Smashing Magazine.

Categories: Others Tags:

Simplifying E-Commerce with Adobe Muse

May 24th, 2016 No comments
Muse For You - Paypal Shopping Cart Widget - Adobe Muse CC

Not only does Adobe Muse allow you to build websites without knowing any code you can now integrate a shopping cart with the PayPal Shopping Cart Widget from Muse For You.

Since the inception of the web e-commerce websites have become a major part of how we buy items. Web designers and developers are always looking for new ways to integrate shopping carts into their website. We have seen a number of different e-commerce platforms come onto the scene. Platforms like Shopify, WooCommerce, Etsy, Sellfy, Gumroad, and many more. Along with these platforms payment methods such as PayPal have become hugely popular. More and more online users are using PayPal to pay for items online. With PayPal you can pay with your PayPal account, bank account, debit or credit card. This allows web designers and developers to easily add e-commerce to their website with simple to use PayPal buttons.

Let’s dive a little bit deeper at some of the e-commerce platforms mentioned above. Shopify has become very popular and uses its own type of code called liquid to edit and modify templates. It is quite extensive and is a bit of a learning curve. WooCommerce requires the installation of WordPress and afterwards you can integrate WooCommerce into your WordPress template. Etsy, Sellfy, and Gumroad are great but they don’t include a website, so you get the shopping cart but with no website. They also take a fee for each sale.

Some of these alternatives are great, but what if I wanted to create a simple e-commerce website that looks great without having to learn new code or install WordPress and go through all the steps to integrate WooCommerce into WordPress? That is where Adobe Muse comes in. Adobe Muse allows you to easily create a website with total creative freedom, and now with the PayPal Shopping Cart Widget from Muse For You you can easily include a shopping cart into your Adobe Muse website. Adobe Muse has its own built-in PayPal buttons that allow you to easily add e-commerce to your website. You can use these buttons to create products on your website, and with the shopping cart widget users can add their products to a PayPal shopping cart.

Muse For You - PayPal Shopping Cart Widget - Adobe Muse CC

Example of the PayPal Shopping Cart Widget from Muse For You.

Muse For You - Paypal Shopping Cart Widget - Adobe Muse CC

With the PayPal Shopping Cart Widget all you need to do is add the widget to your Adobe Muse website and you instantly have a shopping cart. Any PayPal buttons you use will work with the shopping cart and if the user clicks on a buy button the product gets added to the shopping cart. You can set the shopping cart to save so if the user leaves the website the shopping cart will be saved and the user can continue shopping next time they come back to the website. You can also have the shopping cart reset on the page so that if the user leaves the page the next time they come back the shopping cart will be reset and they can start from the beginning. This works great if you want to set a page that resets the shopping cart after a user has finished a purchase. After the user has added all the items to the cart they can simply checkout with PayPal and complete their purchase.

What is also great about the PayPal Shopping Cart Widget is that it is completely customizable. You can customize the color and the text of the shopping cart to match your website. If you are looking to create a simple, and beautiful website with a shopping cart look no further. Adobe Muse does not require any code to build the website and all you need to do is drag and drop the PayPal Shopping Cart Widget onto your Adobe Muse website, and you now have an e-commerce website. I’ve titled the following video PayPal Shopping Cart Widget (view at top). The video shows you just how much you can do with the widget and how to add it to your Adobe Muse website.

I will be sharing my knowledge of Adobe Muse via my weekly blog post on WebDesignerLedger.com. I invite you to check back weekly for news and updates on Adobe Muse :). Happy Musing.

Read More at Simplifying E-Commerce with Adobe Muse

Categories: Designing, Others Tags:

30 WordPress eCommerce Themes to Build Stunning WordPress Shops

May 24th, 2016 No comments
4-fairy-style-gpl-wordpress-theme

There are several ways to launch eCommerce sites in order to sell your products online, and building WordPress shops with WordPress eCommerce themes (like WooCommerce themes) is one of the simplest and the most cost-efficient of them. The main benefit of WooCommerce is that it is very easy to use thanks to the WordPress polished dashboard and file structure.

If you are ready to become an online entrepreneur, take a look at this collection featuring professional WordPress eCommerce themes of the highest quality that we’ve handpicked for you.

1. FairyStyle

Demo | More Info

If you want to launch a WordPress shop selling clothes and accessories, consider this eCommerce WordPress theme. It is built in accordance with cutting-edge web design trends and techniques, offering your visitors unmatched user experience and smooth checkout, and ensuring high conversion rates for your store. In fact, Fairy style is a GPL WordPress theme meaning you can use it to build more than one eCommerce site.

***

2. Natural Foods

5-natural-foods-wordpress-theme

Demo | More Info

This responsive WooCommerce theme will be a perfect fit for online stores selling healthy food, natural cosmetics and bio additives. It features bold outline frames, which effectively highlight the products on mouse hover. This theme includes Ajax-powered product preview, which is intended to make the shopping process more streamlined and convenient for your customers.

***

3. Monstroid

1-monstroid-ecommerce

Demo | More Info

One of the remarkable aspects of Monstroid WordPress theme is its integration with WooCommerce plugin together with a ready-to-use set of pages for online stores. Monstroid is a multipurpose WordPress theme by TemplateMonster, so you can choose whether to use only its eCommerce section, or to make your store a part of a bigger website that includes blogs, forum boards and landing pages. This theme is not just versatile – you can literally change any element of its layout in order to get a totally unique-looking design. Actually, it could be a great solution for building stylish WordPress shops.

***

4. Product

26-product-woocommerce-theme

Demo | More Info

If you prefer product-first store designs, this WooCommerce theme is what you need. It maintains the perfect balance between minimalism and product imagery, providing great usability and extensive possibilities for conversion rate optimization.

***

5. Coffeera

2-coffeera-woocommerce-theme

Demo | More Info

With its clean lines, tastefully chosen fonts and juicy banners this WordPress eCommerce theme looks and feels like a freshly printed magazine. There is a dedicated marketing block on its homepage, which contains social media buttons and a newsletter form with customizable call-to-action text. This theme is fully compatible with the GPL license, so you can modify it to your liking and use for an unlimited number of WordPress shops.

***

6. Virtual Store

24-virtual-store-wordpress-ecommerce

Demo | More Info

This responsive WooCommerce theme is a great choice for interior and furniture online shops. Its simplistic design with a completely white background and borderless images will provide perfect visual exposure, even for products made in a black and white palette.

***

7. Wilson & Smith

3-wilson-gpl-woocommerce-theme

Demo | More Info

Wilson & Smith is a responsive WooCommerce theme for tech stores. It features a classic blue-and-white color palette, which instills a feeling of calmness, and encourages your customers to make a purchase. This theme is also GPL-compatible, so you can use it to build multiple WordPress shops.

***

8. eCommerce

25-e-commerce-wordpress-theme

Demo | More Info

Here is a trendy WooCommerce theme designed, initially, for fashion stores. It’s not only stylish, but also offers a wide choice of sharing buttons for every popular social media network. The core part of the homepage is an image block with masonry grid layout, which contains banners, category previews, and even a slider.

***

9. Home Electronics

6-home-electronics-ecommercce-theme

Demo | More Info

Home Electronics is a stylish, minimalist WordPress WooCommerce theme for tech-oriented stores. Its stands out because of its multifunctional product previews with well-thought-out navigation, which allow your customers to add a product to the cart, their wish list, a comparison chart, or open its details with one click.
***

10. Shopper (Free WordPress eCommerce theme)

23-shopper-woocommerce-theme

Demo | More Info

Shopper is a free eCommerce theme for WooCommerce stores. Its minimalist layout is based on a well-aligned grid, which creates a feeling of symmetry and orderliness. As with other minimalist themes featured in this article, it can be customized by just replacing the logo.

***

11. Tech 7

7-tech-7-woocommerce-template

Demo | More Info

Use this responsive WooCommerce theme to build an online store with a professional design inspired by websites of top computer hardware manufacturers. Its outstanding visual features include CSS-powered animations, parallax scrolling effect, responsive sliders, and many more. The navigation of this theme is represented by an informative sticky top menu, and is complemented by a back-to-top button.
***

12. iShopp

29-ishopp-online-store-theme-wp

Demo | More Info

iShopp is a beautiful multipurpose WooCommerce theme with a static photo background, which can be changed in two clicks. It has a classic two-column layout with a left sidebar, and can easily be customized by picking another color in the dashboard.
***

13. Fishing Online Store

8-fishing-online-store-woocommerce

Demo | More Info

This Fishing WooCommerce theme will be a great solution for WordPress shops offering fishing equipment. Its most notable visual feature is the support of background videos. Have a look at the demo: just under the welcoming message you will see a looped video, which can easily be replaced with your own footage.

***

14. Grid Commerce

30-grid-commerce-wordpress-theme

Demo | More Info

This WooCommerce theme is, perhaps, the most simplistic one in our collection today, which doesn’t mean it lacks charm. Grid Commerce has pixel-perfect design, is coded with valid XHTML and CSS, and can be used on an unlimited number of domains.

***

15. Sporting Goods

9-sport-wordpress-ecommerce-theme

Demo | More Info

Use this responsive eCommerce WordPress theme to establish an online store selling sport and fitness equipment. Its feature-rich layout includes such components as Google Maps, blog post previews and newsletter subscription forms. Product previews and menu items are improved with labels such as ‘new’ and ‘sale’.
***

16. Luxury Linen

10-luxury-linen-wp-theme

Demo | More Info

Luxury Linen is a stylish image-focused WooCommerce theme intended for interior design eCommerce stores. Its visually impactful homepage layout was designed to grab your customers’ attention immediately by using responsive sliders, large category banners and beautiful hover animations.
***

17. Twelve Watches Store

11-watches-store-wp-template

Demo | More Info

With the help of this splendid WooCommerce theme with large background images, you can easily set up an online store selling clothes and accessories. Its clean product previews, expressive banners and fresh color palette will present your goods in the best possible way.
***

18. Mobile WooCommerce Theme

12-mobile-woocommerce-theme

Demo | More Info

This WooCommerce theme was designed specifically for WordPress shops that sell smartphones, computers and other hi-end gadgets. Its basic eCommerce functionality is complemented by such additional features as interactive Google Maps and Live Chat.
***

19. Gameedion

13-gameedion-wp-template

Demo | More Info

Build a popular online tech store using this responsive eCommerce WordPress theme. It is extremely easy to install and operate thanks to the detailed documentation provided. The theme’s design is based mainly on soft colors, with the exception of some call-to-action elements highlighted with bright hues.
***

20. Online Travel Shop

14-travel-wordpress-template

Demo | More Info

Use this stunning WooCommerce theme to add eCommerce functionality to your travel company’s website. With its help you will be able to automate orders with ease, and save time and resources for other activities. Free live chat is also at your disposal, so you can provide support and answer customers’ questions in real time.
***

21. 6 Gear

15-auto-car-wordpress-theme

Demo | More Info

This is a comprehensive design solution for large WordPress shops with lots of product categories. 6 Gear will be a perfect fit for any WooCommerce-based e-shop selling car parts, tools or hardware, due to its multipurpose design. Online sellers will also benefit from the integrated functions of this theme such as product reviews, add to wish list, add to compare, and Quick View.
***

22. SOLD (Free WordPress eCommerce theme)

22-sold-woocommerce-free-theme

Demo | More Info

This simple, yet effective, free WooCommerce theme is all about large full-page images. Its homepage is almost entirely occupied by a slider, which you can use to promote your top offers. Despite the horizontal orientation of this template, it features a sticky top menu, so you can add as much content to your product pages, as you want, without affecting the usability.

***

23. Interior

16-interior-woocommerce-theme

Demo | More Info

This responsive WooCommerce theme was designed for all kinds of WordPress shops related to interior design, furniture and home design. It has an extraordinary dark background, which makes it easier to highlight your product photography. Other remarkable design features of this theme include ghost buttons, parallax scrolling effect and sticky menu bars.
***

24. Book Shop

17-book-shop-wp-theme

Demo | More Info

Book Shop is a neat WooCommerce theme designed with a touch of vintage style (as can be seen in its grunge-looking background). Its boxed layout is combined with a full-width top menu bar, ensuring great readability and optimized navigation. The theme possesses advanced social media features represented by various widgets such as Facebook, Like Box and Twitter Feed.
***

25. Large Grid

27-large-grid-woocommerce-theme

Demo | More Info

This is an ultra minimalist eCommerce WordPress theme with a layout based on a seamless responsive masonry grid. With this theme you don’t have to worry about the arrangement of your products and banners: just add them – and the grid will do the rest.

***

26. Fishing Store

18-fishing-store-woocommerce

Demo | More Info

This WooCommerce theme is a great example of functionality-first eCommerce design. It features two fully-fledged inventory menus: a sticky one at the top of the layout, and one in the sidebar. Thus, your customers will be able to reach any page of your store at any moment.
***

27. Bike Store

19-woocommerce-ecommerce-bike-store

Demo | More Info

This neat eCommerce WordPress theme is suitable for a wide range of online stores. Its clean layout and stylish hand drawn background will help you with creating a visually appealing showcase of your products. You can easily customize this theme by placing your own logo and contact info.
***

28. Sweets Store

20-sweets-store-wp-theme

Demo | More Info

Created using best flat design techniques, this responsive eCommerce theme will provide a perfect background for an online sweets store. As every other theme on this list, it’s 100% compatible with the WooCommerce plugin. The theme features pleasing to the eye product previews with rounded corners, pastel colors and creative script fonts.

***

29. Garden Furniture

21-furniture-wordpress-theme

Demo | More Info

This incredibly creative WooCommerce theme is the embodiment of user-friendly minimalism. Although there is plenty of white space throughout its layout, the design is very easy to navigate thanks to the unique on-hover animations, which indicate the active elements of the page. This theme is also fully responsive and optimized for touch screens.

***

30. E-Shop

28-eshop-woocommerce-theme

Demo | More Info

This responsive WooCommerce theme can be used to build different types of online shops. It’ll fit your needs whether you’re running a small family store or a big eCommerce site with a wide range of products. The theme has a very simple layout structure, allowing your visitors to pay maximum attention to each product presented on the homepage.

Final Words

These are some of the most technically advanced WordPress eCommerce themes (WooCommerce themes, to be exact), which will enable you to launch your online store in a matter of hours (if you have already prepared all the necessary content for it, of course). And if you know more trendy WordPress themes, please share them in the comments to this post. Let’s prove that building stunning WordPress shops can be easy and inexpensive.

Read More at 30 WordPress eCommerce Themes to Build Stunning WordPress Shops

Categories: Designing, Others Tags:

50 fresh resources designers, May 2016

May 24th, 2016 No comments
Flat Office Vector Icons Set

Hey there! Here we are again with a huge selection of freebies for you to enjoy. Scroll down and you’ll find tons of amazing icons, texture effects, fonts, templates, and themes. Go ahead and download it all. Enjoy!

Flat office vector icons

An amazing set of 150 flat, responsive icons that are delivered in EPS, PDF; SVG, and 4 sizes of PNG (16, 30, 40, and 80 pixels) featuring a different design for each of the sizes.

50 company line icons

An amazing set of 50 icons featuring thick and thin lines, with angular and rounded corners, they are pixel perfect designed and delivered both positive and negative versions in Ai format.

50 Company Bold Line Icons Set

Colorful icons set

A great set of over 500 nice colorful icons that feature soft black outlines and round edged lines and shadows delivered in Ai, SVG, and several sized PNG formats perfect for applications and web interfaces.

Colorful General Icons Set

Humongous 80k iPhone icons set

An amazing set of more than 80 thousand icons crafted by following the iPhone guidelines in a filled style delivered in Ai and SVG format files, it counts on more than 20 different industries with thousands of icons each.

Humongous 80k  iPhone Icons Set

Old weathered wood textures

A set of 18 beautifully crafted textures that represent old and worn down wooden surfaces which underwent the effects of exposure to extreme weather.

Old Weathered Wood Textures

Chalkboard Photoshop text effect

An amazing text effect for Adobe Photoshop featuring Smart Object layers that allowing you to create text on a black chalkboard in two different colors, one for the body and one for the shadow of the text.

Chalkboard Photoshop Text Effect

Cardboard box mockup

An unusual branding mockup that features a cardboard box in both transparent and gray texture background that comes available in PSD format and 5 different facets customizable through Smart Objects.

Cool Cardboard Box Branding Mockup

Sketch Apple Watch templates

A set of fully scalable and editable vector based Apple Watch templates that come available in Sketch format featuring every Aluminium, Stainless Steel, and Edition color available as sports bands.

Sketch App Apple Watch Templates

Dark tri-fold template

A professional looking tri-fold template that comes in vector PSD and Ai file formats. Featuring square, rather wide sections, perfect for company branding, infographics, analytics, and similar sort of content showcasing.

Teal: Dark Schemed Tri-Fold Template

Oh My!

An amazing designer’s toolkit that counts on a scene creator, mockup templates, a logo creator, text effects, and inspiration booster, delivered ready to be used in Photoshop.

Oh My! Huge Designer's Toolkit

Wyre

Wyre is a set of more than 120 web layout tiles for website maps delivered in vector Ai, EPS, and SVG format files being fully scalable and editable.

Wyre: Web Layout Tiles Flowchart Templates

Translucid dashboard

A beautiful dashboard composed of translucent and solid elements that feature a soft color scheme giving it a very nice look, it comes available in PSD format perfect for modern administration dashboards.

Translucid Soft Schemed Dashboard

Neptun

Neptun is a kit of 6 nicely crafted screen templates for mobile (iOS phones) that feature a minimal yet modern style delivered in PSD format files, it is perfect for dashboard management applications.

Neptun: Modern & Minimal Mobile Screens PSD Kit

WatchOS2 UI design kit

A Human Interface Design kit for Apple Watch devices that comprises 1000 different elements that compose 186 screens sorted out in 18 different categories.

WatchOS2 User Interface Design Kit

Avital

A stylish UI kit for mobile phones with iOS 8 including more than 21 fully customizable screens sorted out in 7 different categories and delivered in both Sketch and PSD format.

Avital: Elite Mobile iOS UI Kit

Retina-ready iOS9 UI Kit

Quite a complete UI kit that comprises close to 300 vector-based Retina-ready elements such as status bars, keyboards, alerts and notifications and many more. Available in Ai format, free for personal projects.

Free Retina-ready IOS9 Ai UI Kit

Exodus

Exodus is an amazing display uppercase font that features 6 different styles like regular, stencil, and sharpen, perfectly suitable for elegant logos or signs.

Exodus: Luxury 6-style Display Typeface

Sweet Sorrow

Sweet Sorrow is a nicely crafted font that features an old-fashioned look for its script-like characters. It is inspired by 1950s signs and is delivered in OTF and TTF format featuring nice dynamic curves and some ligatures.

Sweet Sorrow: Old Fashioned Script Font

Quantum

Quantum is a beautiful sans serif typeface that features smooth curves and 3 weights for its uppercase and lowercase characters, as well as nice features like little gaps for perpendicular joints of lines.

Quantum: Sans Serif Thin Typeface

Jitzu

Jitzu is quite a fancy didone typeface that is available in basic and swash styles, featuring 5 weights each for its uppercase and lowercase characters, and it supports multiple languages by counting on several accentuated characters.

Jitzu: Fancy 10-weight Didone Typeface

Fantastic collection of 50 font pairings

Perfect combinations are essential in web and print design, so don’t hesitate to take this amazing over-50-font-pairing collection which displays combinations of Google Fonts in several scenarios like business cards, blog entries, quote blocks, and more.

Fantastic Collection of 50  Font Pairings

Restaurant website PSD template

Voila is a restaurant template delivered in PSD format featuring a creative yet professional looking layout that counts on overlaying thumbnails and beautiful typography.

Voila: Restaurant Website PSD Template

Patagonia

Patagonia is a nicely crafted eCommerce website UI kit that features round corner cards composed out of colorful elements cleanly organized, big transparent background images, and shadowed elements.

Patagonia: Modern ECommerce Website UI Kit

Clemo

Clemo is an amazingly well-designed blogging website template that is delivered in PSD format featuring a clean and modern style counting on big thumbnails organized as borderless tiles, a Pinterest-like grey-scale gallery, and more.

Clemo: Clean & Modern Blogging PSD Template

Gratia

Gratia is a restaurant website template beautifully designed in PSD format featuring a dark texturized background as well as huge transparent background images as well as big cards for showcasing dishes and menus.

Gratia: Beautifully Crafted Restaurant PSD Template

Llorix One Lite

A neatly crafted WordPress theme for agency business that features a clean and professional look featuring a one-page introducing home page as well as secondary pages for contact, shop, and download purposes.

Llorix One Lite: Neat Business WordPress Theme

BlurAdmin

A beautifully crafted dashboard administrator template made in web technologies featuring smooth and eased animations for its interactive charts. It counts on a left sidebar menu and a complete set of diverse elements.

Blur-admin: Angular Bootstrap Admin Dashboard Template

Garage

An amazing Bootstrap theme for car retail business websites that features a filtered search at the bottom of its home page’s header image, you can search cars by keyword, category, and ranges of year and price.

Garage: Car Retail Business Bootstrap Theme

Spore

Spore is a beautifully crafted HTML5 template that features a masonry grid layout for its main posts content counting on full and neat responsiveness and nice and smooth fading and ease-sliding transitions.

Spore: HTML5 Masonry Blog Template

Animated Animals

A cool animation purely made in CSS and SVG that represents animals in different multi-layer environment giving it certain sense of depth since they come walking up from behind some hills.

Animated Animals in CSS & SVG

WebGL image slider transition

An amazing snippet in JavaScript using WebGL technologies allowing you to generate a beautiful particle transitions between images of a slider.

WebGL Image Slider Transition

Responsify

A great snippet generated with no more than 250 lines of Jade, SCSS, and Babel code that allows you to test the responsiveness of your website in four types of device; mobile, tablet, laptop, and desktop.

Responsify: SCSS & Babel Breakpoint Tester

Responsive column layout

Cool viewport-sized collapsable columns, each featuring a label for the section they represent, it features nice flat style effects that expand as you click on them to show the whole section.

Responsive Expanding Column Layout

CSS animated puzzle

An animated grid layout for photo gallery purposes that initially showcases the photos in disorganized jigsaw pieces that flip themselves to get organized and compose the image as you hover over them.

CSS Animated Puzzle Hover Grid Gallery

CSSX

CSSX is a set of tools that allow you to write in JavaScript vanilla CSS code, currently working well with Webpack and Gulp. No new syntax was generated and it is still the regular CSS that comes alive in JavaScript.

CSSX: Working CSS in JavaScript

DeckHub

DeckHub is an amazing desktop client for Github repositories management that allows you to get feed and push notifications, customize, rename, and reorder feeds as you like them, mix different repositories, users, and organizations, and more.

DeckHub: Desktop Client for GitHub

Cocycles

Cocycles beta is a web tool that allows you to search open source code by functionality, currently supporting JavaScript, and soon supporting Ruby, Java, PHP, and Python.

Cocycles: Functionality Code Search

Caddy

Caddy is a web server for HTML/2 that features fully managed SSL, supporting IPv6, markdown, WebSockets, FastCGI, templates and more. It comes available for designers, bloggers, and developers.

Caddy: Fully Managed SSL HTTP/2 Web Server

Collection of coders’ games

An amazing collection of games and contests online for all levels of developer around the world, learn from a beginner’s level or join extremely complex contests for the biggest companies and revamp your skills as you go.

Collection of Coders Games to Improve Your Skills

Kite

An amazing tool that will revolutionize the productivity of your code as it saves you from surfing the internet for researching languages, Kite showcases on a floating wing popularity-sorted autocomplete options as you code as well as documentation and examples that you can explore on the go.

Kite: On-the-Go Programming Copilot

Bootstrap 4 cheat sheet

A complete reference for the 4.0.0-alpha.2 version of Bootstrap organized in a layout that will allow you to search functions and preview their snippet example with a visual preview in the bottom half of the screen

Bootstrap 4 Cheat Sheet

Awesome tools and resources

An awesome collection of more than 100 tools and resources for web development counting on resources such as JavaScript libraries front-end frameworks, web app frameworks, package managers, and more.

Awesome Web Development Tools and Resources

CodeTasty

CodeTasty is a powerful Integrated Development Environment hosted directly in the Cloud that allows you to have all of the features a desktop IDE would offer, but with additional ones that only a cloud application can provide.

CodeTasty: Powerful In-the-Cloud IDE

Jam API

Jam API is an amazing service that allows you to turn any website into a JSON accessible API using CSS selectors, it auto pulls the img src on corresponding elements, pulls the href from links, and much more.

Jam API: JSON Accessible Websites Using CSS Selectors

Turntable.js

A responsive jQuery slider that allows you to rotate a list of images with your mouse creating a 3D-like product showcase effect. You can also scroll through them with the touch of your finger sweeping across a container.

Turntable.js: Responsive jQuery Slider

360 degrees product viewer

An amazing library developed in both CSS and jQuery that allows you to showcase products in 3D allowing you to rotate it as you want with a slider knob.

CSS & jQuery 360 Degrees Product Viewer

Sierra

Sierra is a light SCSS library (8.9kB gzipped) that allows you to customize your minimal style website or application with beautiful text modifiers, buttons, typography sizes, forms, tables, and more.

Sierra: Lightweight SCSS Library

Expounder

Expounder is an awesome library coded in both JavaScript and CSS that allows you to hide text behind a link which can be retrieved by the reader as they click on the linked texts, it makes the hidden text expand seamlessly inside the text.

Expounder: JS/CSS Expandable Texts

Timedropper

Timedropper is a beautifully crafted jQuery time-picker that features an easy installation in just a few lines of code, as well as several options such as auto-switch, meridians, format, mouse-wheel, init_animation, and more.

Timedropper: Beautiful jQuery Time Plugin

Vanilla-marginotes

An amazing JavaScript library for showcasing margin-positioned notes as you hover on regular links, the small note smoothly fades in at the side of the paragraph your triggering text is being hovered over.

Vanilla-marginotes: Quick & Cool Margin Notes

Unstuck Webpack

An amazing GUI tool that allows you to create highly customizable web packs completely ready to use; it allows you to decide how you want your dashboard, presets, HTML, transpiler, and CSS settings.

Unstuck Webpack: Custom Webpack Creation GUI Tool

Get Creative with the Hard Work Notebook – only $8.20!

Source

Categories: Designing, Others Tags:

Injecting a Line Break

May 24th, 2016 No comments

I had a little situation where I head a header with a span in it, and I wanted to make sure to put a line break before the span. For the record, there really isn’t anything wrong with just chucking a
tag before it (and in fact the ability to show/hide that is very useful). But… it always feels a little weird to have to use HTML to achieve a layout thing.

So let’s take a journey. A journey in which we say “But…” a lot.

<h1 class="one">

  Break right after this

  <!-- <br> could go here, but can we do it with CSS? -->

  <span>
    and before this
  </span>

</h1>

A block level element would do it

Rather than a , we could use a

, and we’ll get that break just by virtue of the div being a block-level element.

But we’re using a span on purpose, because of the design. The text after the break should be inline/inline-block, because it’s going to have a background and padding and such.

You can insert line breaks via pseudo element

It’s easy:

h1 span::before {
  content: "A";
}

But… the is an inline element. The line break won’t do anything! Just like a real line break won’t do anything.

We can force that line break to work by making white space meaningful…

h1.two span::before {
  content: "A";
  white-space: pre;
}

That actually works. But… because of the padding and background, it leaves a little chunk of that behind when the line breaks:

We could fix the awkward-left-edge-hugging on by using box-decoration-break: clone;, but… that just leaves a bigger chunk up top:


box-decoration-break is great for some issues, but not this one.

If we made the span inline-block, the break would happen within that block, which isn’t what we want either:

Making the pseudo element block-level and leaving the span alone doesn’t do the trick either:

You could get a little weird and inject the actual text with a pseudo element

This was Aaron Bushnell’s idea. The trick here is to make the span block level, but then inject the text with a pseudo element and style it as an inline element.

h1 span {
  display: block;
}
h1 span::before {
  content: attr(data-text);
  background: black;
  padding: 1px 8px;
}

It works! But…

I’ve long been a fan of pseudo element trickery, but this feels slightly dangerous in that you may be hurting accessibility. I think some screen readers read pseudo elements, but I don’t think all, nor are they supposed to. Not to mention you can’t copy and paste all the text this way. At least the text is still maintained entirely in the HTML!

Exploiting table layout

My favorite idea came from Thierry Koblentz. Just make the span display: table; and you’re done. It’s not tabular data of course, but that doesn’t matter. The face you can force table layout from CSS is all about exploiting the unique layout properties of table layout — not semantics.

h1 span {
  display: table;
}

Live Demos

Including one where we just use a
, which is fine.

See the Pen Attempting a line break before and inline-block within a header by Chris Coyier (@chriscoyier) on CodePen.


Injecting a Line Break is a post from CSS-Tricks

Categories: Designing, Others Tags:

Best of May 2016: Ten Free WordPress Plugins

May 24th, 2016 No comments
Die besten zehn kostenlosen Plugins aus dem Mai 2016

In May, just like every month, I searched through the official WordPress plugin index to find the most functional and appealing new plugins for you. I don’t do this entirely selflessly, however, as I myself find it very exciting to test new free WordPress plugins for my diverse projects. This month was very generous and brought a couple of interesting plugins to light.

1 – Posts For All Pages

Posts for all Pages allows you to have your posts displayed on other pages than just the index.php. You can let it help you show all posts of a particular category on any page you want to. This allows for the creation of multiple blogs based on certain categories in not time.

  • Developer: wpyb
  • Work in Progress: yes
  • Last Updated: 05.20.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

2 – Engaging Convo

Engaging Convo is an innovative comment plugin which provides unusual features. For instance, your visitors can mark an area in your text and start a debate on it directly there. Thus, there’s no reason to scroll to the end of an article, just to be able to leave a comment. Additionally, it is possible to create multiple comment sections for various post areas, and the different sections can be accessed guided by the color in which the text segment is highlighted. Find a demo of the plugin on this page.

  • Developer: lazharichir
  • Work in Progress: yes
  • Last Updated: 05.21.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

3 – Social Icon Widget

social-icon-widget

This widget brings you appealing icons to link to your social networks in the sidebar.

  • Developer:mostafiz
  • Work in Progress: yes
  • Last Updated: 05.19.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

4 – UTM Switcher

utm-switcher

The UTM Switcher is a useful plugin for online shops and all digital sellers. You can determine precisely from where your visitors came to certain pages, and then optimize them with customized content, like individual phone numbers e.g.. In digital marketing, it can be tough to find out which advertisement channel brings the best results. It could be Adwords, paid ads on Facebook, advertorials on blogs, and so on. This plugin helps you to find out which channel’s results are the best.

  • Developer: punchrockgroin
  • Work in Progress: yes
  • Last Updated: 05.18.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

5 – TS Collections

TS Collections lets you activate or deactivate plenty of features with just one click. The following things can be influenced:

  • Move all JavaScript into the footer, including jQuery.
  • Force ASYNC for all JavaScript files, except for jQuery.
  • Automatic linking of Twitter usernames.
  • Mark comments with long URLs as spam.
  • Set the minimum comment length to 20 words.
  • Allow PHP in the text widgets.
  • Remove the automatic URL linking in the WordPress comments.
  • Remove the URL field from the WordPress comment form.

Plugin Details:

  • Developer: rktaiwala
  • Work in Progress: yes
  • Last Updated: 05.18.2016e
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

6 – Universal Icons

universal-icons

This convenient plugin allows you to display icons before or after a widget’s title. Supposedly, this works with any widget.

  • Developer: rktaiwala
  • Work in Progress: yes
  • Last Updated: 05.18.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

7 – WallpaperChanger

The WallpaperChanger enables you to make wallpapers switch automatically, depending on the time of day. This means that your website can have one background in the morning and a different one in the evening, without you actually doing anything. This helps to set your site apart from others.

  • Developer: taniafi786
  • Work in Progress: yes
  • Last Updated: 05.18.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

8 – Disable Blogging

Disable-Blogging

Disable Blogging should be especially interesting for developers that often develop and sell pure business websites without a blog. The plugin deactivates the entire WordPress blog functionality. On top of that, all blog-relevant entries in the WordPress dashboard can be removed.

  • Developer: Fact Maven Corp.
  • Work in Progress: yes
  • Last Updated: 05.18.2016
  • Cost: fee via WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

9 – Pay-to-view

Pay-to-view’s goal is a fair web. This also includes the display of ads, as the owners of most websites need to earn money. However, advertisements are often annoying from the visitor perspective. Thus, the plugin displays a message for every visitor with an active ad blocker, asking them to pay one (1) cent per viewed page, to be able to enjoy the website without ads. If a visitor that uses an ad blocker is not willing to pay the cent, the plugin deactivates the ad blocker. The costs are charged at the end of each month. Every website owner has to decide whether he want to use this solution or not, as he might lose a couple of visitors. But one cent per viewed page really isn’t much.

  • Developer: AFairWeb
  • Work in Progress: yes
  • Last Updated: 05.18.2016
  • Cost: Free from WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: Unknown
  • Download on WordPress.org

10 – Addonist WhatsApp Share

Addonist-WhatsApp-Share

WhatsApp is becoming more and more relevant on mobile and thus also in online marketing strategies. That’s why it sounds like a good idea to make your articles shareable via WhatsApp as well. This could result in a wider spread broadcast of your content. Thus, the plugin adds a share button for WhatsApp to the posts. In the pro version, you can also add the button to WooCommerce products.

Conclusion

This month was very generous regarding new and exciting plugins. I like the comment plugin “Engaging Convo”. I was also impressed by the “UTM Switcher”, which I might use myself after I’ve integrated a shop into my website. Which plugin is your favorite of this month?

Find other recent plugins here:

(dpe)

Categories: Others Tags: