Tuesday, February 25, 2020

WordPress Image Optimization Made Easy With WP Compress

WP Compress faster loading images

Agencies that build and host dynamic, high-volume, high-traffic WordPress websites are tasked with delivering fast loading speeds for their clients.

Their clients might be eCommerce websites, community websites, or membership websites with: 

  • massive amounts of images that keep changing 
  • many concurrent visitors
  • many simultaneous transactions

All these images can be hard to maintain and can significantly slow down the loading of the website. For clients, though, faster loading speeds mean credibility.

Fast-loading sites keep customers satisfied, supporting conversions and sales. A fast, responsive site will reduce the number of abandoned shopping carts and, perhaps most importantly, lead to higher search engine rankings.

But images use a lot of bandwidth, which in turn slows down webpage loading speeds. Research has shown that:

  • 65% of a webpage weight is composed of images.
  • 47% of users move on if a website takes more than 3 seconds to load.

Here is the hard truth: images are an indispensable part of your content, but they can hurt website performance if you're not careful.  

The Solution: Image Optimization Plugins

Image optimization used to take a long time, but not anymore. WordPress image optimization plugins optimize your images by automatically compressing your images and using smaller versions for your website. They maintain the original quality of the image and deliver the image in the right format, resolution, dimensions, and size. 

What to Look for When Choosing Image Optimization Plugins

Here are some questions and prompts to keep in mind while selecting an image optimization plugin.

Image Compression

A good image optimization plugin will compress your images to reduce the file size. A superior image optimizer does it live, on the fly, when visitors are on the page. 

  • Does it offer compression while preserving the quality of the images? 
  • Can you determine your own optimization settings? 
  • Can you set your own compression levels? 
  • How does it prevent over-compression? 
  • Does it save original image files? 
  • Can it do compression on autopilot? 
  • Does it offer WebP files? 

Performance and Back-End

An optimization plugin is only as good as the performance gains it delivers!

  • Does it offer cloud storage services? 
  • Does it work with a reputable CDN? 
  • How much website space does it save you? 
  • Does it vastly improve image loading speed and website loading times?

Quality

You want to be sure that compression and optimization won't ruin the quality of your images.

  • Does it compress a high percentage of the image size? 
  • What kind of file size is left afterwards?
  • Does it save original files in the cloud? 

Management

Consider the admin interface of your optimization plugin—an easy-to-use plugin will be used more and so will work better.

  • Does it offer features like a centralized dashboard to manage the client’s websites? 
  • Does it offer personalized monthly reports? 

WP Compress Image Optimization

WP Compress fulfills all these requirements for an excellent image optimization plugin. 

WP Compress load faster convert better rank higher

What Is WP Compress? 

WP Compress is an image optimization plugin for WordPress. There are two versions of WP Compress:

Local Version: Performs compression locally, optimizes images locally, and saves on website storage space on the local server. 

Live Version (the main version): Compression is done live, with up to 333x faster image load speeds of up to 7 milliseconds!

Once a visitor is on the page, it is automatically optimized on the fly, loading fast for existing visitors and new visitors. This means higher conversion rates and lower bounce rates, with fast speeds helping keep users on the page.

Using a top-rated CDN in the background, WP Compress makes websites available to users at lightning-fast speeds.

WP Compress is focused on the needs of agencies that build and host websites. A single WP Compress account can be used on unlimited websites. 

Live compression means every time a new visitor comes to the website, it is instantly optimized and made available to them in up to 7 milliseconds, even when there are already other visitors on the website.

Under the Hood of WP Compress

WP Compress consists of the following components:

  1. plugin component that can be downloaded on all the websites your agency manages
  2. cloud storage service for original images 
  3. centralized management portal where you can configure the optimization of all websites your agency manages 

WP Compress Features

Incredible image optimizations paired with the following advanced features will give you 333x faster image loading speeds. 

Cloud Processing

All your images are securely compressed, resized, and saved in the cloud so as not to use up your local server resources, while saving on storage space and ensuring faster loading speeds. Only optimized images are loaded on your server. 

Adaptive Images

Adaptive images are responsive images that are properly sized to be viewed on different kinds of devices. WP Compress generates and loads these images based on the actual devices they will be viewed on. This, combined with adaptive images and automated WebP delivery, is a combination that results in up to 333x faster image loading speeds of 7 milliseconds, with especially noticeable effects on mobile devices. 

WebP

You can generate WebP images for each of your optimized images. Just toggle Generate WebP image, and it will be created and served to web browsers that support the WebP format. 

Lazy Loading

Lazy loading ensures that only pictures that are currently visible on the user device are loaded. This saves bandwidth for users and is one of the many methods that WP Compress uses to bring websites to users at lightning-fast speeds. 

Automatic Resizing

Once images have been compressed, they are automatically resized. 

Intelligent Compression

The WP Compress algorithm is designed to prevent over-compression in order to maintain the original quality of the image. 

Unlimited Cloud Backups 

Backups of original images are always safe (and offloaded to the cloud to save server space). 

Top-Rated CDN

Customers will be able to access client websites anywhere in the world in seconds. Whether they're in Brazil, Oslo, Madrid, or Johannesburg, they will all have the same loading speeds.

Say your client is based in New York, and their customer is based in Rio de Janeiro. Their customer will access the website content not from a server in New York but from a cloud server in their own city. 

To make this happen, WP Compress uses a highly reputable global content delivery network, meaning that the pages and images are accessed from the cloud server closest to the location of the customer. 

Agency Features

A lot of thought has gone into how hosting management works. And since WP Compress is made with agencies in mind, it comes equipped with tools that enable you to easily manage multiple websites.   

Centralized Management

You can remotely manage all websites from a central portal to configure settings, bulk compress, and view reports. 

Monthly Quotas

The agency can assign monthly quotas to each client’s website based on hosting plans they already have. 

Custom Branded Reporting 

You can generate and send detailed reports for each website account, such as a web report, email report, or PDF report. Also, you can put your own logo on the report. 

Hide From WordPress

You can fully hide WP Compress from your clients’ websites and take credit for lightning-fast load times. 

How to Get Started With WP Compress

Using WP Compress is completely effortless once it's set up. Just paste in your API keys to activate, hit start, and optimization is always done automatically. You don't need to lift a finger. 

Now I will show you how to set up and use WP Compress. 

1. Register for a WP Compress Account

Go to the portal, sign up, and you will be sent a confirmation email. After you've confirmed your email, you will be asked to log in, and you’ll be taken to your dashboard.

The WP Compress dashboard

2. Add a New Website

Click Add a Website and you will be taken to this screen. You need to have a WordPress website for you to link to WP Compress. You also need to select a maintenance plan. 

(Note that a free WordPress.com account will not work with WP Compress because it doesn't allow plugin downloads.)

WP Compress Select Maintenance Plan

3. Install the Plugin 

Click Download Plugin to download the WP Compress plugin. Go to your WordPress site and upload and install the plugin. (See our complete guide to installing plugins for help with this step.) Alternatively, you can find and install the WP Compress plugin from the built-in plugin search engine in your WordPress admin pages. 

4. Get Your API Keys

When you click Next Step, you will be assigned API keys. Copy this key to the clipboard—you'll need to paste it into the WP Compress admin page on your WordPress site.

Get your WPCompress API keys

5. Connect Your WordPress Site to WP Compress

Now you can link the WP Compress plugin on your WordPress site to the WP Compress management portal. Simply select WP Compress from the admin menu and paste your API keys to connect, and then press Start.

WP Compress Activate Start

6. That's It! 

From now on, your images will be automatically optimized when viewed by visitors coming into your website and will be delivered at lightning speed from a global CDN.

WP Compress Youre all set

Using the Local Version of WP Compress

If you prefer to use the local version, which optimizes on your local server, here's a screenshot of the image optimization settings you can choose from:

Image optimization settings

I'll explain some of these settings below. 

Optimization Level

When compressing images, you can choose from three optimization settings:

  • Lossless: There will be no loss of image quality, but only limited compression.
  • Intelligent: This is the recommended setting—a balance between quality and compression.
  • Ultra: Choose this setting if you want images to be compressed into tiny sizes and don't mind a significant reduction in quality. 

Resize Image

Assign a maximum size for images. Any images larger than this will be shrunk to fit.

Autopilot Mode

If you don’t want to manually compress every time new images are loaded, turn on autopilot mode and let WP Compress look after detecting and compressing new images. However, if you want to compress images manually, you can turn off autopilot mode and handle compression of each image individually from the Media Library.

Compressing images from the Media Library

Here's what you'll see in the Media Library for images that have been successfully compressed:

Compressed images in the Media Library

Compression Reports

WP Compress offers some reports to make it easy to see the benefit that your clients are getting from image optimization and compression. Let’s take a look at the report below.

WPCompress report

This shows that WP Compress is achieving a high compression rate—reducing images to about 10% of their original size.  

Note: You do have the option to choose delivery of your website content from a CDN.

Reports for Clients

As an agency, you can generate and send detailed reports for each website account. This can be a web report, email report, or PDF report. Also, you can put your own logo on the report.

Send a monthly email report to clients

Conclusion and Next Steps

After testing WP Compress, I can conclude that it delivers on its promises. It is very easy to install and simple to use. Once I installed it, everything was done automatically and effortlessly.

For the live version, I created a website and loaded it with images. It significantly reduced my image files down to 10% of their original sizes. Talk about website weight loss! The images also maintained their original quality.

The same applied for the local version. You still save upwards of 75% disk space on your local server, and your newly light pages will load up to 4x faster.

I highly recommend the agency features like monthly quotas because they fit with clients' website care plans. You don't need to revamp how your services are structured.

Finally, you should consider adding WP Compress to the package of services you offer to clients.

You can learn more about WP Compress on the plugin's website 


by Franc Lucas via Envato Tuts+ Code

New Version of Google Chrome Causes Security Concerns

Google Chrome is the single most popular browser in the world, and a big part of the reason why this is the case has to do with the various updates that Google often brings into the mix when it comes to this browser in particular. These updates help to keep the browser up to date in pretty much...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

20 Popular WordPress User Interface Elements

User interface elements are one of the most important elements of your website's design.

They let your users understand what your website is about and provide a way for them to interact with your website. 

Add a high-quality user interface plugin to your WordPress website from CodeCanyon to give your users an enjoyable website experience. 

Uber Menu User Interface Element
UberMenu is the most advanced menu WordPress plugin available on CodeCanyon

Your user interface can make or break your website. Even if you have a great layout, colors, and content, a poor user interface will ultimately drive away your website visitors and your business will suffer. By taking advantage of the plugins available on CodeCanyon, you will be able to implement professionally built user interface elements to your website quickly and easily. 

The Best WordPress User Interface Plugins on CodeCanyon

Browse through over seven thousand of the highest-quality WordPress plugins ever created on CodeCanyon. With a low-cost one time payment, you can purchase these high-quality WordPress plugins and improve your website experience for you and your visitors. 

Here are some of the weekly best-selling user interface WordPress plugins on CodeCanyon for 2020.

Best Selling WordPress Interface Elements
Browse CodeCanyon for the best-selling WordPress user interface plugins available. 

In today's digital world, website users are accustomed to seeing and interacting with modern user interfaces. These feature-rich user interface plugins that are offered in CodeCanyon will help you to create a visually appealing and fully functional website. 

With the premium plugins offered on CodeCanyon, you will be able to:

  • create nested menus
  • add customizable popups
  • create eye-catching timelines
  • showcase your media through sliders and carousels 

Head on over to CodeCanyon and find the right user interface plugin now!

Top 20 WordPress User Interface Plugins (From CodeCanyon for 2020)

1. Responsive FlipBook Plugin

Deliver web content within a beautiful UI with this incredible WordPress plugin.

At first glance, the Responsive FlipBook Plugin looks like a nice way to display content with its cool bookshelf design. But it's so much more.

Responsive FlipBook Plugin
“Create any FlipBook with ease. Comes with: bookshelf, zoom, print, PDF to FlipBook, table of content, hard covers, flat design, custom styles, lazy load.”

Features include:

  • mobile zoom
  • PDF Wizard
  • easy print
  • lazy load
  • and more!

Create and present a complete collection of online based eBooks with the Responsive FlipBook Plugin. It's pretty amazing.

2. Content Timeline - Responsive WordPress Plugin

This WordPress user interface is unique, and I love it! The Content Timeline plugin is the perfect solution for a large array of content presentation types.

Content Timeline - Responsive WordPress Plugin for Displaying PostsCategories in a Sliding Timeline

Included features:

  • fully responsive with swipe function
  • 7 embedded script control methods
  • 11 settings for easy customization
  • keyboard bindings
  • and more!

Your timeline doesn't have to be one single string, either. This plugin allows for more than one element per spot in your timeline.

The Content Timeline plugin is unique, beautifully designed, and the perfect WordPress user interface for presenting in a timeline format.

3. UberChart—WordPress Chart Plugin

If you want to share data visually, you'd be hard-pressed to find a better way to build and present it than the UberChart plugin.

It's highly customizable and ready to drop into your WordPress install.

UberChart - WordPress Chart Plugin
“UberChart is an advanced WordPress Chart Plugin which gives you the ability to create a great variety of charts with exceptional customizability.”

It's feature set includes:

  • 240 customizable options for each chart
  • embedded spreadsheet editor
  • import and export data
  • fully responsive

And it includes ten different chart types:

  1. Line
  2. Area
  3. Bar
  4. Horizontal Bar
  5. Pie
  6. Doughnut
  7. Radar
  8. Polar Area
  9. Scatter
  10. Bubble

UberChart—WordPress Chart Plugin is impressive.

4. Slider Pro

Slider Pro

Slider Pro was built with user experience in mind. This plugin is a fully responsive and touch-enabled WordPress slider plugin that allows you to create professional and elegant sliders. Slider Pro focuses on simplicity and performance, while still providing a wide range of customization possibilities.

Here are a few of the plugins features:

  • animated Layers
  • carousel layout
  • infinite scrolling
  • SEO friendly

Check out the live preview of Slider Pro.

5. Progress Map WordPress Plugin

The Progress Map WordPress Plugin is feature-rich. I most certainly can't do it justice with this short summary. The vision behind this WordPress user interface plugin is this:

“The aim is to help users having websites like hotel listings, real estate listings, restaurant listings, job listings, store listings & more… to list their locations on Google map and to easily navigate through the map using a carousel.”
Progress Map Wordpress Plugin

And it delivers:

  • search filter and distance search
  • Custom Post Type support
  • custom markers
  • 70+ map styles
  • geo-targeting
  • retina ready
  • and much, much more

Progress Map WordPress Plugin is easily one of the most robust map plugins you're going to find. 

This plugin is all over the map.

6. Slider Revolution Responsive WordPress Plugin

When you need a slider—especially if you want an easy way to build it—you have to consider the Slider Revolution Responsive WordPress Plugin.

Animations, color pickers, layers—it's got them all baked in.

Slider Revolution Responsive WordPress Plugin

Slide types include:

  • social media feeds
  • media galleries
  • hero blocks
  • carousels
  • sliders
  • and more

The number one feature that makes this slider appealing is the powerful visual editor. Sliders are sliders, but the Slider Revolution Responsive WordPress Plugin brings a complete, robust slide designer suite.

7. Slick Menu—Responsive WordPress Vertical Menu

Slick. Responsive. Vertical. Menu.

The Slick Menu is exactly that, with a little extra on the side.

Slick Menu - Responsive WordPress Vertical Menu
“Slick Menu is more than just a menu plugin. It can be used to create unlimited multi level push menus or content sidebars with rich content, multiple style options and animation effects.”

Customize your:

  • background colors
  • custom fonts
  • patterns
  • overlays
  • images
  • videos
  • and more

Each level is independently customizable, making it super easy to build great WordPress user interfaces without expensive design apps or code knowledge. 

Slick Menu—Responsive WordPress Vertical Menu is an awesome option for vertical menus and more!

8. Cool Timeline Pro—WordPress Timeline Plugin

Add a timeline to blog posts, organization history pages, and more with the Cool Timeline Pro plugin.

Create both horizontal and vertical timelines with its built-in designs and beautiful animation effects.

Cool Timeline Pro - WordPress Timeline Plugin

Features include:

  • convert any post type into a timeline
  • pagination for long timelines
  • create multiple timelines
  • add icons
  • and more

Simple, clean, and flexible.

The Cool Timeline Pro—WordPress Timeline Plugin is a great way to build a timeline from your current content or building a new, standalone timeline to help communicate to your reader.

9. LoftLoader Pro—Preloader Plugin for WordPress

Sometimes you need more time for something to load. Videos? Lots of HD images?

Easily add a loading animation to your pages with the LoftLoader Pro preloader Plugin for WordPress.

It's pretty fancy.

LoftLoader Pro - Preloader Plugin for WordPress

Features include:

  • adjust minimum load time
  • 18 CSS3 animations
  • works on all devices
  • built-in editor
  • and more

The LoftLoader Pro plugin makes it easy to add an animated loading screen—no coding required.

10. Superfly—Responsive WordPress Menu Plugin

Replace your current WordPress menu or enhance it with the Superfly responsive menu plugin.

This plugin is power packed and easy to use.

Superfly Responsive WordPress Menu Plugin
“Superfly is a responsive WordPress menu plugin that generates space efficient vertical push/sliding/static navigation, icon toolbar or fullscreen menu on your choice.”

Menu design options include:

  • side, skewed, and full screen menus
  • image backgrounds
  • static or anchored
  • iconbar
  • and more

The Superfly—Responsive WordPress Menu Plugin also includes display options, making it super easy to build the right menu for the right user interface.

11. Ultra WordPress Admin Theme

There's customizing the WordPress Admin. And then there's the Ultra WordPress Admin Theme.

This WordPress user interface takes Admin customizations to a whole new level.

Ultra WordPress Admin Theme

White label branding is just the start of it:

  • admin menu management
  • create your own theme
  • import/export settings
  • and much, much more

From the login screen to the admin top bar, the Ultra WordPress Admin Theme makes the entire WordPress Admin experience fully customizable.

12. Different Menu in Different Pages

If you need different menus in different pages, you'll want to use Different Menu in Different Pages.

It also supports bbPress, WPML, WooCommerce, and BuddyPress.

Different Menu in Different Pages

Easily create multiple menus and locations based on:

  • custom taxonomies
  • categories
  • pages
  • posts
  • and tags

It also includes a shortcode option to show your menu within content as well.

The Different Menu in Different Pages plugin is lightweight and proves useful in any WordPress toolbox.

13. Popup Plugin for WordPress - Layered Popups

As much as I hate popups, sometimes you just need a popup. The Popup Plugin for WordPress is the easiest way to build and display popups on your WordPress site.

Popup Plugin for WordPress - Layered Popups
“[The] internet is full of boring popups. So, it’s a time to break this trend.”

Features included, but certainly not limited to:

  • jQuery and CSS3 animations
  • social network integration
  • A/B campaign stats
  • 200+ popup library
  • mobile friendly
  • and much, much more

Popup types include:

  • onLoad popup
  • onScroll popup
  • onClick popup
  • onExit popup
  • onIdle popup

And also features:

  • sidebar widget
  • link locker
  • inline form
  • and more

The Popup Plugin for WordPress—Layered Popups is a robust solution that looks great to users and proves useful for admins.

14. The Team Pro—Team Showcase WordPress Plugin

The Team Pro team showcase WordPress plugin claims to be “the most versatile WordPress plugin available to create and manage your Team page.”

I think they're right.

The Team Pro - Team Showcase WordPress Plugin

Style options include:

  • slide-ins
  • drawer
  • circles
  • modal
  • table
  • cards
  • grid
  • list

With these 8 presets, over 20 style options, and clean designs, your team never looked so good with The Team Pro—Team Showcase WordPress Plugin.

15. UberMenu—WordPress Mega Menu Plugin

This is a WordPress user interface element that I really like but can be difficult to implement.

But it's easy with the UberMenu WordPress mega menu plugin!

UberMenu - WordPress Mega Menu Plugin

Your WordPress menu will never be the same again:

  • enhanced mobile experience
  • easily add images and icons
  • build beautiful menu layouts
  • columns, rows, maps, forms, and more

Tabbed submenus? Google Fonts? Vertical or horizontal? UberMenu—WordPress Mega Menu Plugin has it.

16. Accordion Slider

Accordion Slider

Accordion Slider is a fully-featured and touch-enabled accordion slider plugin. It offers a modern, intuitive, and engaging user experience. The accordion will look great on any website!

Here is a list of this plugins top features

  • pagination
  • animated layers
  • caching
  • keyboard and mouse navigation
  • lazy loading

Find out how this plugin will look on your website by viewing the live preview.

17. Alter 2

WpAlter 2

This plugin is a bit different than all the other user interface plugins as it allows you to customize your WP dashboard instead of the front end of your website. This plugin can help you create a more visually appealing and clutter-free dashboard that will help you be more productive. Give the old WP dashboard interface an upgrade with this handy plugin!

Take a look at the Alter 2 demo video to see how you can transform the back-end of your website. 

18. Team Builder

Team Builder

Team Builder allows you to build a team showcase and display it on your website. Not only can you create a creative and eye-catching team page, but you can also create testimonials or logo showcases as well. 

Here are a few notable features of this plugin:

  • grid, slider, table, and widget support
  • drag and drop builder
  • skill and stat bars
  • social icons bar

Add this plugin to your website today!

19. Testimonials Showcase—WordPress Plugin

Display and manage your client, customer, and supporter testimonials easily with the Testimonials Showcase WordPress plugin.

Testimonials never looked so good.

Testimonials Showcase - WordPress Plugin

Features include:

  • over 15 layout customization options
  • grid or slider layout
  • star rating system
  • and more

The Testimonials Showcase—WordPress Plugin also includes front-end submissions.

20. WP Logo Showcase Responsive Slider Pro

It's time to amp up your portfolio page. It's time for WP Logo Showcase Responsive Slider Pro.

This WordPress plugin is designed to showcase a designer's work, but it can also be used to display client and partner logos or anything else that fits within this type of user interface.

WP Logo Showcase Responsive Slider Pro

This responsive slider features:

  • includes both a slider and grid widget
  • tooltip and custom animation options
  • over 15 predefined designs
  • drag and drop admin
  • and more

Some sliders try to offer everything, while the WP Logo Showcase Responsive Slider Pro focuses on one particular niche and style of slider and nails it perfectly.

5 Free WordPress User Interface Plugins for Download in 2020

By purchasing a premium user interface plugin, you will receive the best plugins on the market. The premium plugins will contain more features and come with customer support. If you are serious about giving your users the best possible website experience than these premium plugins should be your first choice. 

However, your current budget could restrict you from purchasing one of these premium user interface plugins. That is why I have collected a list of five of the best free WordPress user interface plugins available.

1. Google Map

This simple and light-weight plugin will help you display Google maps on your website.  The map is fully responsive, customizable and won't display any ads. This is a go-to plugin if you need to display maps on your website. 

2. NextGEN Gallery

NextGEN Gallery

NextGEN Gallery is an easy to use simple photo gallery plugin that can display your images beautifully on your website. Included is a complete management system with the ability to batch upload photos, import metadata, edit thumbnails, and group galleries into albums.

3. SlickNav Mobile Menu

The menus on your website are the gateway to your website's content. If your menus are configured for mobile users, then you are not catering to a large part of your website's traffic. The SlickNav Mobile Menu will allow you to create a menu that works perfectly for mobile users. 

4. eDS Responsive Menu

eDS Responsive Menu

eDS Responsive menu allows you to easily and intuitively create a slick and professional WordPress menu. You can generate vertical and horizontal navigation, an icon toolbar or a fullscreen menu. This makes navigation much more user-friendly. Give this powerful plugin a try on your WordPress website!

5. Poptin

This free plugin is a high-quality exit-intent popup builder and lead generation platform for your website. You can create beautiful popups, opt-ins, and forms within minutes! Grow your audience with this complete tool. 

How to Add a Popup to Your Website With Layered Popups

Popups are an integral part of any website. They are a great tool to use to generate sales and collect email addresses without being intrusive and fitting into the design of the website. These popups help shape a user interface that your website traffic will be accustomed to and receptive to.

In our example, we are going to be the owners of a clothing eCommerce store that is looking to let our website traffic know that there is a sale on one of our shirts to help with our sales. We will create a center screen popup that will appear on our entire website so users can quickly spot this sale and take action on it.

Once you have installed the Layered Popups plugin, head on over to WP Dashboard > Layered Popups > Create Popup. This will take us to the main popup editor where we can begin the popup creation process. We will first type in "Shirt Popup" in the title editor.  Next, we will adjust the position of the popup to be in the center so the user is sure to see the sale ad. 

Layered Popups Position of Popup

Next, we will create the actual popup. Scroll down to the Popup Constructor section and click on the +Add Layer widget on the right-hand side of the screen. You will then be presented with a menu of options to choose from and we will select the Image tab. We have a specific graphic that was created for this particular sale so we will add that from our media library by clicking the Media Library button.

Layered Popups Adding Image to the popup

Once our image is added we will add a URL to the popup so the user will be redirected to the product page of the shirt we have for sale. We will enter in the product URL in the URL field in the Image editor. Finally, click the Create Layer button at the bottom of the editor. Our popup is now ready to go. Scroll down to the bottom of the page and click the Save Popup Details button.

Next, we need to activate the popup on our entire website. Navigate to WP Dashboard > Layered Popups > Targeting. Click the Create link in the Active Targets field. The edit target editor will now be displayed and we will select, Shirt Popup from the drop-down menu called Desktop. This will activate the plugin on the entire website. Scroll down to the bottom of the menu and click the Save Target button. That is it! Our popup sale ad will now be displayed on the entire website!

Layered Popups Sale Advertisement

Install a User Interface WordPress Plugin Now! 

Whether you are running an eCommerce website or a blog, you will need to have a user-friendly user interface that gives your website viewers a modern website browsing experience. CodeCanyon offers the most complete user interface element plugins on the web to help give your website the best tools available to succeed.

You can integrate advanced menus, sliders, timelines, graphs, and much more from all of the premium plugins available on CodeCanyon.

Remember to browse through all the thousands of other high-quality WordPress plugins on CodeCanyon that can help take your website to the next level. This massive collection of plugins contains all types of plugins including advertising, newsletter, eCommerce, and social network plugins.

Find the perfect WordPress plugin to give your website and business the best chance to succeed. 

Here are a few of the best-selling and up-and-coming WordPress themes and plugins available for 2020.


by Daniel Strongin via Envato Tuts+ Code

How to Prepare for a Remote Job Search

The number of people working remotely is at an all-time high, and that’s not just because telecommuting is pants-optional. By giving employees more control over their schedule and work environment, remote jobs can enhance the work-life balance that so many people struggle to maintain.

But if you’ve held in-house positions for most of your career, properly preparing for your remote job search can up your chances of impressing remote employers, nailing the interview, and landing a remote job that best fits your needs.

What Are Remote Employers Looking For?

Remote employers are looking for three things in particular.

Independence

The office may at times feel like a panopticonic prison, but there is something to be said for workplace accountability. Can you stay focused without a boss periodically checking in on you? Can you stay productive without the sight and sound of other co-workers clacking away on their computers? When you work from home, the Damocles of the deadline is blunted and the motivating effect of being in close proximity to your team members weakens.

Remote employers understand these challenges, which is why they look for candidates who can motivate themselves without external prompting. As trite as buzzwords like self-starter and proactive can be, they carry a significant amount of weight in the remote job search. Not only do you need to possess these qualities, you’ll need to be able demonstrate them to potential employers.

Communication

Working in an office allows employees to be more passive. Don’t know what’s going on? A co-worker can fill you in via a few seconds of conversation. Your boss is only a few steps away. Maybe there’s a whiteboard in the break room with announcements. Sharing a space with people just makes it much easier to stay in the loop.

But if you’re on your own, you need to take initiative. To compensate for the lack of face-to-face, a good remote worker will put effort into the virtual communication tools at their disposal. They’ll reach out to people through email or Slack. They’ll suggest video chats or calls to hash things out. Even swapping memes in a group chat can help you stay engaged. But if you give in to the temptation of solitude, communication could suffer, and so could your work.

Rational Thinking

When communicating primarily through text, it’s all too common for our imaginations to run wild with unfounded anxieties. Emailed your boss a question and they didn’t respond within whatever time frame you’ve arbitrarily decided was reasonable? They must think it’s a dumb question and you’re dumb for asking it. They must not deem you important enough to expediently respond to. They must be offended by something you wrote. Asked a co-worker to do something and they responded with “k”? They hate you. They’re telling everyone how much they hate you. Everyone hates you. You’re garbage!

Or … absolutely none of that is true and the coldness of non-verbal communication is messing with your head. Like any good employer, remote employers don’t want drama. They want rational critical thinkers who can vault the pitfalls of remote communication and maintain healthy work relationships. K?

How Do You Demonstrate These Skills On Your Resume?

Even if you have little to no remote work experience, there are ways to frame your in-house work experience so that it demonstrates remote work skills. What have you done that demonstrates independence? Communication? Rational thinking? Figure it out and integrate it into your resume.

For example, if you took the initiative on anything in a previous position, emphasize it. Say you independently devised and implemented project x or volunteered to plan, create, and maintain project y. Explain that you created and ran program z with little oversight.

Here are some other ideas to get you thinking:

The post How to Prepare for a Remote Job Search appeared first on SitePoint.


by Joshua Kraus via SitePoint