[ad_1] Selling online courses is one of the best ways to monetize your WordPress site. In this guide to LearnDash vs LifterLMS, I’ll compare two of the top course building plugins to determine the best one based on three criteria: By the end of this article, you should know whether LearnDash or LifterLMS is the better plugin for you. Table of Contents What to look for in a course building plugin Course building plugins, also known as Learning Management Systems (LMSs), must be flexible to accommodate a variety of course types and business models. Pay special attention to the following features: Visual course builder. You shouldn’t need to know how to code to build your courses. Most LMSs accomplish this using a combination of WordPress technology and drag-and-drop visual editors. Quiz builder. Most LMSs offer some kind of quiz editor, but the quality of these builders varies greatly from one plugin to the next. If quizzes are an important part of your courses, pay special attention to the options for question types and grading. Content dripping. This is the option to stagger the release of lessons. For example, you might want to set lessons to release every Monday, giving students a full week to work through them. Certification. Some LMSs allow you to offer completion certificates to students. They may also let you offer badges for students who complete certain sections of a course. Community. Most course building plugins allow for some interaction with lessons in the form of comments. Others may offer advanced community options like forums. Membership programs. Some course building plugins let you create membership programs for your courses. This is a great way to build a recurring income from your content. LearnDash review Features The following features are available with the Basic package from LearnDash: One site license Unlimited course creation Unlimited students Course content protection Content dripping Advanced quiz builder Certificates & badges Email notifications Free integrations Demo site template You can find out more by checking out the LearnDash pricing page. How to use LearnDash Setting up LearnDash You can get started with LearnDash by purchasing one of their plans. You’ll be asked for some basic information, then directed to a page where you can download your plugin. The plugin will download as a ZIP folder. You can install this in the “Plugins > Add New” area of your WordPress dashboard. Once the plugin is activated, you’ll be asked to enter your API key. This can be found on your purchase confirmation page or in the receipt sent to your email address. Once you’ve registered your plugin, you’ll be directed to the LearnDash bootcamp. This is a great resource and one of the first significant factors to consider in the debate of LearnDash vs LifterLMS. Creating lessons with LearnDash The next step of the process is to create a course. In LearnDash, this is best done by building your lessons and quizzes first, then compile them into a course with the course builder. To get started, head to the “Lessons” area of LearnDash and click the “Add New” button at the top of the page. This will open the LearnDash lesson editor, which looks a lot like the regular WordPress block editor. You can use this editor to format the lesson the same way you would format an ordinary page or article. This allows you to use a mix of media in your lessons, including video, text, and images. When you’re satisfied with the lesson’s content, click the “Settings” link at the top of the editor. You’ll be taken to an area where you can customize permissions, add support materials, enable assignment uploads, and more. You can save these settings at any time by clicking the “Publish” button in the top right corner. Creating a quiz with LearnDash The next part of LearnDash to explore is the quiz builder. You can access this by going to the “Quizzes” area of LearnDash and clicking the “Add New” button at the top of the page. This will take you to a page where you can enter the title and description of your quiz. Like the lesson editor, this part of the quiz builder uses WordPress technology to allow for the use of multimedia and customized formatting. Click on “Builder” to open the area where you can create, edit, and change the order of questions. Press the “+ New Question” link to open a question box. This is where you can add your question and answer. You can also choose how many points each question is worth. The quiz builder is one of the most notable things to consider in the debate of LearnDash vs LifterLMS. With LearnDash you can enter a variety of question types, including multiple choice, single choice, and essay answer. Once you’ve created all of your questions, click the “Settings” link at the top of the page. This will take you to an area where you can modify who can access the course, set prerequisite content, create a time limit, and more. Creating a course with LearnDash Once your content is created, it’s time to compile everything into a course. To do this, go to the “Courses” area of LearnDash and click the “Add New” button near the top of the screen. This will open a page where you can title your course and create a description for it. Like the quiz and lesson descriptions, this page uses WordPress technology to allow for multimedia content and the use of HTML/CSS. Next, click the “Builder” link at the top of the page. This will take you to the curriculum area of your course, where you can add, edit, and remove lessons and quizzes. The builder uses drag-and-drop functionality so you can reorder content at any time. When you’ve built the course, you can move on to the “Settings” area. This is where you can set course prerequisites, modify permissions, enable certification, and more. Getting paid with LearnDash LearnDash offers payment through PayPal. You
Continue readingMonthly Archives: June 2021
New Blocks, New Widgets Screen, and Pattern Directory on Deck – WordPress Tavern
[ad_1] WordPress 5.8 beta 1 is ready for testing. This upcoming release makes major strides towards solidifying WordPress’ site building capabilities, along with improvements to features users have enjoyed since the launch of the block editor. It is one of the most feature-packed releases in recent history and as such requires all hands on deck for testing. New blocks in 5.8 include Page List, Site Title, Logo, Tagline, Query Loop, and Duotone. I decided to take each one for a spin this weekend on a test site, putting myself in the shoes of someone trying these blocks for the first time. I was surprised to learn that the template editor will be available to sites using any WordPress theme, since all the previous FSE testing rounds have called on testers to use the latest version of the TT1 Blocks Theme. It will be interesting to see how users respond to this and if it works well with older themes. Users can now create and edit custom templates for pages and posts using blocks. The template editor includes the new List View panel that gives an overview of all the sections and blocks in the template. Most of the new blocks in 5.8 are intended to work within the context of the template editor, but they also work in the post editor. The Page List block magically populates a list of all the pages on a site as soon as it is inserted. Unfortunately, there isn’t a way to delete a single page from the list. If you try to delete a page the entire block disappears. This seems like a bug and is a frustrating experience in the context of the post editor. It may be more useful in terms of building navigation but this seems like a rough first pass. The Query Loop block comes with some different designs for how the loop could be displayed. Once a basic layout is chosen for a starting point, users can further customize the blocks within the loop, including typography, color, length of excerpt, and more. The Site Title, Tagline, and Logo blocks all seem to work as expected but I found previews to be unreliable for things like alignment and spacing. At this point in time, it seems like template editing will be better suited to users who are more adventurous and experimental when it comes to new features. Duotone is a fun new core block that you can see in action below, demonstrated by WordPress documentation contributor Milana Cap. The block adds images effects that can be used in media blocks. Theme and plugin developers can also employ and customize the effects for their own particular use cases. Oh. My. Gutenberg. Imagine images in duotone on your website 🤯 And now that you imagined it, you want it, right? Right? It’s coming up in #WordPress 5.8 😍 stay tuned 😊 pic.twitter.com/t5JHBcTEOV — Milana Cap (@DjevaLoperka) June 9, 2021 Hello New Widgets Screen! WordPress users will be greeted with a new block-based widgets screen in 5.8. It allows you to use blocks in any widgetized area. It wasn’t until I saw how this works that I realized how rigid our old widgets system was. Whatever functionality you were trying to insert had to be readily available as a widget or shortcode. Now any block from the vast world of blocks can be added to widgetized areas. Justin Tadlock wrote a post about how users can disable it with the Classic Widgets plugin. Should you disable it? Not unless you are forced to because of using a theme that doesn’t support it very well. Using blocks in widget areas is going to give you much more flexibility for what you can insert. You can even continue to use the old style widgets via the Legacy Widget block. Users may need a little time to adapt to the new interface but it’s worth it to have access to the growing world of innovative blocks. Pattern Directory Will Be Integrated with WordPress 5.8 The new Pattern Directory will launch on WordPress.org along with the 5.8 release. Justin Tadlock recently amplified the Design Team’s call for pattern contributions that would be available to users right away. Several have already been submitted via GitHub issues for the directory and the creativity here is energizing. In addition to introducing an exciting new avenue for designers to put their work out into the ecosystem, the Pattern Directory stands to become a valuable resource and inspiration to users who are designing their own websites. A “How It Works” pattern submitted by Lax Mariappan At launch the directory will only contain patterns that use core blocks but using blocks from WordPress.org may also be a possibility in the future. “There have definitely been some discussion of allowing any blocks from the Block Directory to be used and that they would be auto-installed if someone inserted the pattern,” Shaun Andrews commented in response to a theme studio inquiring about submitting their own patterns that use free blocks. “I believe this is possible, and something we should do, but there simply hasn’t been any work done to enable it yet. “We’re focused on getting the first iteration of the Pattern Directory launched, and then we plan to continue improving things.” Pattern transformation is a new feature launching with the new directory, which allows users to convert a block or collection of blocks into different patterns. Patterns can also be recommended and selected during block setup, which should make product onboarding easier. These are just a few features coming in WordPress 5.8 that need testing. Check out the 5.8 beta 1 release post for a more comprehensive list of all the improvements that are on deck. The official release is scheduled for July 20, 2021. Like this: Like Loading… [ad_2] Source link
Continue readingGutenberg 10.8 Adds New Typography Controls and Block Previews – WordPress Tavern
[ad_1] On Wednesday, Gutenberg 10.8 landed in the WordPress plugin directory. The release includes new typography options for controlling the Heading block’s font-weight and the List block’s font family. The Audio and File blocks now show preview content in the inserter. Gutenberg 10.7 felt like it introduced flashier features than 10.8. But, this was still a solid release. Sometimes the things that you do not see are just as important as those that you do. Full Site Editing (FSE) components continue to move along at a swift pace. Most changes were bug fixes rather than enhancements. One of the primary theme-related FSE upgrades allows developers to set the padding for nav menu links via theme.json. This may be a small win, but it is unlikely to address the numerous issues with styling navigation items and nested lists. The change also does not affect the Page List block links, which can be set as a nav menu item. The Navigation block will be one of the toughest nuts to crack before site editing is a possibility. Enhancements like this help, but it is a long and winding road to a solution that satisfies both theme authors and users. Users should see the post title in template-editing mode. The template details modal also includes more detailed information, such as how to best name custom templates. New Typography Options Gutenberg 10.8 enables the font-weight control for Heading blocks. This allows theme authors to define the default weight via their theme.json files, and users can override this via the sidebar panel in the editor. Testing font weights for the Heading block. The control displays all nine possible weights: Thin Extra Light Light Regular Medium Semi Bold Bold Extra Bold Black While each weight is selectable, it does not mean all fonts support a specific weight. For example, users will see no difference between Extra Bold and Black with the Twenty Twenty-One theme. In the long term, this should be coupled with the font family control. This would allow theme authors to define which weights are supported by a specific family, making those the only options for users. The List block is jumping ahead of others with its support of the font family option. Generally, we would see the Heading or Paragraph blocks gain such features first. Setting a custom font family for a List block. The Site Title, Site Tagline, and Post Title blocks all currently support the font family control. It is a welcome addition to see expanded typography options, but I look forward to the day they are offered across every block. Theme authors can also define custom letter spacing for the Site Title and Site Tagline blocks. However, the feature does not currently appear in the block options sidebar, which would allow users to customize it. There is an open ticket to address this missing piece of the UI. Audio and File Block Previews Audio block preview in the inserter. The development team added new previews for the Audio and File blocks in the inserter. This is a nice-to-have enhancement, adding long-missing previews of some of the remaining core blocks, but it is also a bug fix. In previous versions of the block editor, users who attempted to upload media via the Audio or File blocks would get a duplicate upload. This only happened in situations where their theme or a plugin registered a custom block style. Adding a preview apparently fixed this odd bug. This change also nearly gives us a complete set of previews for the pre-WordPress 5.8 blocks. Classic, Spacer, Shortcode, and Legacy Widget do not have them, but they are unique cases. The upcoming theme-related blocks also lack previews. “Archives” Label Now Shown for Archives Dropdown Duplicate archives heading and label. When using the Archives block as a dropdown, it now outputs a label titled “Archives.” While it is a seemingly trivial change, it could impact how themes typically present this block. This enhancement changes some existing expectations. The primary use case throughout WordPress’s history has been to show the Archives dropdown in a widget. In that case, there is almost always a widget title with the “Archives” text preceding it. I expect most other use cases would follow a similar pattern. This essentially creates duplicate text. Themes Team representative Carolina Nymark had an alternate suggestion: What if the label was visible by default, but there was an option for hiding it? Similar to the search block, except there would be an actual label hidden with a screen reader text CSS class when the option is toggled. That would have been my suggestion too if I had seen the ticket earlier. For now, theme authors who need to hide it should target the .wp-block-archives-dropdown > label class in their CSS. Like this: Like Loading… [ad_2] Source link
Continue reading“The Block Editor Gets Ready to Become a Site Builder” – WordPress Tavern
[ad_1] Matt Mullenweg and Matías Ventura joined WordCamp Europe to chat about what’s happening with the Gutenberg project and celebrate the progress contributors have made over the past four years. “For me, 2020 was the year that really felt like people started to see the vision of Gutenberg from four or five years ago, when it was very abstract and they saw it as kind of like the old WYSIWYG editor with some extra lines on it or something,” Mullenweg said. “The first 17 or 18 years of WordPress democratized people putting text into a box. Now we’re democratizing design, allowing people to control the boxes.” Ventura commented on how transformative patterns have been for making page design approachable for users. “Perhaps it was a smaller part of the roadmap initially but it’s becoming a centerpiece – especially because it allows…world class designers to provide a starting point for users and users get to learn design as they are interacting with themes,” Ventura said. He began his WordPress developer journey by “tinkering with themes,” as many others did, and believes that blocks can unlock a similar experimental learning experience. “I think we are getting into a chapter where people will be able to tinker with things that were sort of hidden for you in WordPress – more advanced things like queries and loops, that we can now expose through blocks,” Ventura said. “They can be stepping stones for people to learn how to work with WordPress.” Mullenweg commented on how things that previously would have required a fairly experienced WordPress developer to do, like creating a home page with a column that shows five recent posts from a particular category, and another column that shows featured posts in a different category, you can now do with just a few clicks. “It’s no code – it’s like expanding the layers of accessibility of what people are able to do with WordPress,” Mullenweg said. “That, to me, is very core to our mission.” Mullenweg and Ventura debuted a new “Gutenberg highlight” video that covers current and new features coming to the block editor, as it “gets ready to become a site builder.” These kinds of marketing videos are so valuable because users don’t always know what is possible, even if the tools are approachable for anyone to use. The video demonstrates new design features for different blocks, including the transform live previews, dragging media into container blocks, inline cropping without leaving the editor canvas, the template editor, duotone image filters, more customization options for navigation, improvements to the list view browser, and the new global styles design that is coming soon. Check out the video below and you can also watch Mullenweg and Ventura’s conversation that was recorded during the event. Like this: Like Loading… [ad_2] Source link
Continue readingResources, Week of 6 June 2021
[ad_1] Note long ago, I started sharing stuff on Twitter pretty regularly. But I don’t that much more either. So, given that I’ve started keeping a list of things in Apple Notes that I find useful, I thought I might as well return to form and share them here. They will probably have a much longer shelf-life and maybe reach more people between subscribers and tweeting out a link to the post. Week of 6 June 2021 Resources Here’s a list of some of the stuff I’ve been tracking the last two weeks: Utilities APIs JavaScript Reading I didn’t have a chance to write anything up last week as I was out of town and I’m not going to pressure myself into writing every single Friday without fail because that takes the fun out of it. But as long as I’m around, I’ll keep this series going. So until next week-ish. 👋🏻 [ad_2] Source link
Continue readingWordPress 5.8 Beta 1 Is Ready for Testing
[ad_1] Hey, WordPress fans. We are checking in with your latest dose of weekly WordPress news. This week, the first beta for WordPress 5.8 is officially out. While the software is still in development, you can start testing the new version. The current target for the final release is July 20. Beyond that, the WordPress.org blog page is getting an improved design. We also have lots of other articles and tutorials for you. Let’s get to all of this week’s WordPress news… WORDPRESS NEWS AND ARTICLES TUTORIALS AND HOW-TOS RESOURCES [ad_2] Source link
Continue readingA Progress Bar Block Plugin Done Right by the Tiles Team – WordPress Tavern
[ad_1] I have been on the hunt for a decent progress bar solution for a while now. Most of them are bundled in large block libraries, requiring me to install another 20 or 30 blocks in which I have no need. Others seem to miss the mark entirely with odd configurations and block options. Some of the remaining plugins still use shortcodes and widgets, but it is 2021. I am looking for a block. A couple of days ago, the Tiles Progress Block landed in the directory. It seems to be a smaller piece of a larger project named Tiles. I have been keeping an eye on the team’s work since its initial design and patterns framework plugin launched last week. That project is still in beta, and only time will tell if it becomes a competitive project in the block space. However, the team’s new progress bar block was just what I was looking for. Other than one bug, which I reported to the developer, I found no serious issues. The plugin does what it says on the tin. It registers a Progress Bar block: Small and Large progress bars with default colors. Out of the box, it includes Small and Large styles, allowing the user to adjust the size of the bar. Its strength is that — I cannot stress this enough — the block’s content is editable within the editor canvas area. This includes the label and percentage. This is a refreshing change from the many others that require users to jump back into the block options sidebar to change simple text. Because the block uses Rich Text fields for its label and percentage, end-users can use inline formatting tools like bold, italic, and more. The block also uses the standard typography and color palette controls from core WordPress. This provides access to the theme’s font sizes and colors. Adding custom labels, percentages, and colors. Plus, users can choose wide and full-width layouts, an often overlooked feature in block plugins. Overall, I am digging this block plugin. If I had one feature request, it would be to add a border-radius option. By default, the progress bar is rounded, but some users might prefer squared corners. Extending the Block In theme previews, I almost always see progress bars showcased alongside how much PHP, HTML, and JavaScript the demo’s faux developer has learned. It is rarely a real-world representation of progress bars. How do you quantify how much of a coding language you have mastered? I have been doing this for nearly two decades and cannot answer that. Progress bars should be of measurable things. For example, steps someone has taken in an online learning course, percentage of total donations received, and any number of things that can be counted are far more realistic. My favorite use of progress bars also happens to be on my favorite novelist’s website. I like to keep an eye on Brandon Sanderson’s work, looking forward to getting my next literary fix (yes, I am a fanboy). Brandon Sanderson’s writing progress. Currently, Tiles Progress Block does not handle that exact layout. However, because it is built on the block system and does not do anything out of the ordinary, theme authors can change that with custom styles. And that is just what I did. My Sanderson-esque book progress bars (rough, unpolished code available as a Gist): Progress bars with custom block style. The thing I love about the block system is that themers can extend blocks in this way. There is no needless checking for active plugins, loading additional per-plugin stylesheets, or figuring out each plugin’s unique system. If a block is coded to the current standards, theme authors merely need to hook in with their own styles. Users can then select those styles via the editor and even make them the default. I want to see more of this from the block plugin ecosystem. Like this: Like Loading… [ad_2] Source link
Continue readingDon’t Over-Architect Your Blog Posts
[ad_1] At some point, I lost the motivation to write about anything that would include too much code because of the amount of time it would take to: put a functioning solution together, architect it in such a way that’d fit with best practices (at least for OOP), explain the various features about OOP that the reader may not know, then explain the problem. This is too complex. I’m not saying that articles shouldn’t be written that explain the concepts of object-oriented programming or shouldn’t talk about certain rationale for why something was done. But I am saying that not every article on programming has to be written in a way that includes code that’s in a namespace with several other classes, has subscribers, services, and that uses dependency injection and includes a GitHub repository just to demonstrate a single concept or solution. Case in point. Maybe I’m writing this for my own benefit, but maybe there’s also something to be said for those of us who enjoy blogging about what it is that we’re doing and are growing more concerned with showing how to solve a problem with the bare set of code to make it happen all the while leaving the architecting – or judgment from other readers on our abilities – to our day-to-day responsibilities. To that end, don’t over architect your blog posts. Say what you need to say, demonstrate what you need in the code, and leave the rest for another post or another author. [ad_2] Source link
Continue readingLifterLMS Review: The Best WordPress LMS Plugin? (2021)
[ad_1] If you’re searching for the best WordPress LMS plugin, you’ve probably come across the name LifterLMS. LifterLMS is one of the more popular options if you want to create an online course with WordPress, thanks in part to releasing the core plugin for free at WordPress.org, where it has a 4.7-star rating and is active on over 10,000 WordPress websites. But is it the right plugin for your course? In our detailed LifterLMS review, we’ll help you decide whether you should use LifterLMS or go with one of the many other WordPress LMS plugins out there. Here’s how we’ll divide our 2021 LifterLMS review: Let’s get started! 🧰 LifterLMS Features To start, we’ll quickly go over the many features that LifterLMS offers. Course features: Drag-and-drop course builder. Multimedia lessons – support for video, audio, text, and image-based lessons. Assignments. Quizzes – with lots of different question types. Gradebooks to show progress, quiz scores, and more. Course prerequisites. Course tracks – e.g. offer a certification when people complete multiple courses in any order. Support for multiple instructors. Course discussion areas. Membership features: Content restriction. Content dripping. Offer sitewide memberships instead of selling single-course access. Special members-only pricing on courses. Payment features: Sell courses for one-time or recurring payments (or make them free). Dedicated payment integrations with Stripe, PayPal, or Authorize.net. There’s also a WooCommerce integration that lets you use any of WooCommerce’s gateways. Payment plans (let people spread payments over time). Coupons. Bulk sales to sell access to groups. Affiliate network integrations. Course bundles. Private coaching upsells, along with bundling private coaching and course content. Social learning features: Course achievements to gamify your courses. Course certificates upon completion. Social learning to create course communities. Connect with learners using customizable emails or text messages. Integrations: Email marketing support for WP Fusion, ConvertKit, or Mailchimp. Direct integrations for popular WordPress form plugins – Gravity Forms, WPForms, Ninja Forms, and Formidable Forms. Zapier integration to connect to the thousands of apps on Zapier. Now, let’s get into the hands-on section of our review… 👷 LifterLMS Course Builder Creating an online course can be time-consuming because you need to set up a lot of different pieces of content and organize everything into a logical structure. To help make this as painless as possible, LifterLMS comes with a drag-and-drop course builder that lets you easily set up the overall structure for your course and then dig into more detailed sections when needed. Creating a Course When you first set up a course, you’ll see the native WordPress block editor, which is where you can set up the course overview content and basic settings. This is not the actual course builder. At the top, you just have the regular block editor, along with some special LifterLMS blocks. And below that, you have the Course Options meta box, which lets you set up basic details like: Estimated completion time. Prerequisites. A featured video. Scheduling. Maximum capacity. Etc. This is also where you can set up payment options, but I’ll cover those in a separate section. Once you’re ready to set up course content, you can click the Launch Course Builder button in the bottom-right corner. Using the Drag-and-Drop Course Builder To organize your courses, you get two levels of content: Lessons – the actual content of your course. Sections – these organize lessons into different categories/units. In the course builder, you can use the buttons and drag-and-drop to create the high-level structure of your course using lessons and sections. Here, you can see the basic structure of a course: You also have the option to compress the lessons under a section, which makes it easier to focus on a specific part of your course. You can see that each lesson has a set of icons beneath it (as well as a different set of icons when you hover over it). These icons let you quickly view/edit a lesson’s content. Some icons will quickly show whether a lesson has certain content attached to it, like video or audio. Other icons let you add a new quiz or assignment or open the lesson’s content editor in a new tab. You can edit basic lesson settings by clicking the icon to open a slide-out. However, you’ll need to open the full lesson editor to add text content: Adding Lesson Content The lesson content editor gives you access to the native block editor to add text/image content, as well as a Lesson Settings box that lets you attach a video or audio file and control other lesson settings. For example, if you’re creating a video course, you can add the video to the Video Embed URL box and then add some companion text using the content editor: The Lesson Settings box also lets you control prerequisites, a content dripping schedule, and some other settings. In the sidebar, you can also see where a lesson fits in the course and quickly jump back to the full course builder. Creating Quizzes To add a quiz, you can work from inside the drag-and-drop course builder by clicking the icon for the lesson to which you want to attach a quiz. Clicking the icon opens a slide-out where you can set up your quiz (or add an assignment): There, you can set up basic details like the passing grade, time limits, attempt limits, and more. Then, you can start adding questions using a variety of different question types. You get the Basic Questions with the free version but you need the Advanced Quizzing add-on to access the Advanced Questions: And that’s a quick look at what it’s like to create quiz content with LifterLMS. 💳 LifterLMS Payment Options If you’re like many people, you’re probably creating online courses with the goal of monetizing your courses and earning money. Here’s how LifterLMS helps you do that… Charging for Course Access To charge for access to your course, LifterLMS lets you create Access Plans when you edit a course’s settings. When you create an access plan,
Continue readingWordPress 5.8 Introduces Support for WebP Images – WordPress Tavern
[ad_1] WebP support is coming to WordPress 5.8. This modern image file format was created by Google in September 2010, and is now supported by 95% of the web browsers in use worldwide. It has distinct advantages over more commonly used formats, providing both lossless and lossy compression that is 26% smaller in size compared to PNGs and 25-34% smaller than comparable JPEG images. WebP is currently used by 1.6% of all the top 10 million websites, according to W3Techs, and usage has increased over the past five years. W3Techs: Historical yearly trends in the usage statistics of image file formats for websites Adding WebP support to core won’t make all WordPress sites instantly faster, but it will give every site owner the opportunity to reduce bandwidth by uploading WebP images. In the dev note, Adam Silverstein suggested converting images to WebP using command line conversion tools or web based tools like Squoosh, but there are also many plugins that can perform conversion on upload. WebP Express uses the WebP Convert library to convert the images and then serves them to supporting browsers. It is used on more than 100,000 WordPress sites. Imagify is one of the most popular plugins in use with more than 500,000 active installs. It has a Bulk Optimizer tool that can convert previously uploaded images with one click. The EWWW Image Optimizer plugin, used on more than 800,000 websites, also has support for automatically converting images to the WebP format. By default, WordPress will create the sub-sized images as the same image format as the uploaded file. More adventurous users can experiment with Silverstein’s plugin that offers a setting for specifying the default image format used for the sub-sized images WordPress generates. A new wp_editor_set_quality filter is available for developers to modify the quality setting for uploaded images. “The media component team is also exploring the option of having WordPress perform the image format conversion on uploaded images – using WebP as the default output format for sub-sized images,” Silverstein said. “We are also keeping our eyes on even more modern formats like AVIF and JPEGXL that will both improve compression and further reduce resources required for compression.” WordPress 5.8 is expected to be released on July 20, introducing WebP support for uploads. The new release also adds information to the Media Handling section of the Site Health screen, showing the ImageMagick/Imagick supported file formats for the site in case users need it for debugging. Like this: Like Loading… [ad_2] Source link
Continue reading