Footnotes & Content vs Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

Footnotes & Content plugin is a powerful method of adding footnotes into your posts and pages. You can have as many footnotes as you like pretty easily in every page, post or ACF block, WooCommerce is also supported. That is the fastest footnote plugin which is using extremely low resources – you wont even notice that it is there. You can visit the Github page for the latest code development, or if you want to report an issue with the code. To gain more control over WP, directly from the WP admin – try out our plugin 0 day analytics Key features include… Simple footnote insertion via markup of choice (default – double parentheses) Gutenberg support Combine identical footnotes Paginated posts are supported Suppress Footnotes on specific page types Option to display ‘pretty’ tooltips using jQuery Option to display footnotes as tooltips using vanilla JS Lots of configuration options Different footnotes settings per post – you can use different settings on Post level – changing styles and UI Footnotes & Content plugin is designed to ease the creation of a new footnote. It also gives you the ability to easily switch from most of the existing footnotes plugins to this one. Lets face it – almost 100% of them are abandoned or in awful condition. It supports PHP8, it is written using best practices and follows the WordPress standards, give it a try. You can quickly check the plugin here Technical specification… Designed for both single and multi-site installations PHP8 fully compatible PHP multibyte must be installed Getting Started Creating a footnote is incredibly simple – you just need to include your footnote in double parentheses (default, but you can change that), such as this: This is a sentence ((and this is your footnote)). You can change the markup for the footnote in the settings page of the plugin. The footnote will then appear at the bottom of your post/page. Don’t put footnotes in short description / excerpts – the plugin won’t work there by design. Or you can use a shortcode for where you want your footnotes to appear. The shortcode is “awef_show_footnotes“. The shortcode also accepts a parameter of the post id in format of ‘post_id=1’. If not presented, the global \WP_Post object will be used. You can also use a PHP call in your templates or whatever you like by using the following: AWEF\Controllers\Footnotes_Formatter::show_footnotes( array( ‘post_id’ => 1 ) ); Note: If you choose this way (above), you have to go to the plugin settings, and set “Do not autodisplay in posts” to true. Advanced Custom Fields (ACF) are also supported out of the box – just read and keep in mind this: Unfortunately there are limitations with the ACF because of its block structure. There is no way to guess how many blocks are there, which is first, second, are there more blocks or not … So every block will show its own footnotes, and shortcodes are not working outside them. Currently there is no way to achieve that functionality. So they are treated more like endnotes if there are multiple blocks using the footnotes tags. What plugin does is to keep track of the footnotes and keep proper numbering among the blocks (again there is no way to guess which is which, so they are parsed in order of their callings from backend, but they can be shown in entirely different places on the front end.) WooCommerce (including new product editor) is also supported. Unlike any other plugin, this one gives you the ability to have different settings for different posts. When editing post, you can change the setting for the plugin which will apply for that specific post, and others will keep using the global settings. If you think that this is too much, you can always disable this from advanced settings. Other plugins compatibility There are plugins with which that one is 100% compatible – meaning that you can directly jump from them to this one: WP Footnotes Footnotes Made Easy Options You have a fair few options on how the identifier links, footnotes and back-links look which can be found in the WordPress admin area either on the stand alone page, or under Settings -> Footnotes – that depends on your desired setting in the plugin. Shortcode options [awef_show_footnotes] Is the shortcode you should use. Inside the post content, there is nothing more that you have to do. If you want to use the shortcode outside of the post content, then you need to add the post id as a parameter: [awef_show_footnotes post_id=1] If outside of the post content, and there is no parameter of the post id provided, then the plugin will try to use the global post if presented. Paginated Posts Some of you seem to like paginating post, which is kind of problematic. By default each page of your post will have it’s own set of footnotes at the bottom and the numbering will start again from 1 for each page. The only way to get around this is to know how many posts are on each page and tell Awesome Footnotes what number you want the list to start at for each of the pages. So at some point on each page (that is, between each tag) you need to add a tag to let the plugin know what number the footnotes on this page should start at. The tag should look like this where “5” is the number you want the footnotes for this page to start at. Referencing Sometimes it’s useful to be able to refer to a previous footnote a second (or third, or fourth…) time. To do this, you can either simply insert the exact same text as you did the first time and the identifier should simply reference the previous note. Alternatively, if you don’t want to do all that typing again, you can construct a footnote like this: ((ref:1)) and the identifier will reference the footnote with the given number. Even though it’s a little more typing, using the exact text method is much more robust. The number referencing will not work across multiple pages in a paged post (but will work within the page). Also, if you use the number referencing system you risk them identifying the incorrect footnote if you go back and insert a new footnote and forget to change the referenced number. FAQ Schema Usage Guide For Administrators Edit any post or page Scroll to the “Awesome Footnotes – Settings” meta box Click the “FAQ Schema” tab Click “Add FAQ Item” Fill in the Question and Answer fields Repeat for additional FAQs Use move up/down buttons to reorder Click Remove to delete items Save/Update the post For Content Display In the post content editor, add: [awef_faq] Publish/Update the post View the post on the frontend FAQs will display at the shortcode location JSON-LD schema automatically added to For Developers Get FAQ data programmatically: `php use AWEF\Controllers\Post_Settings; $post_id = get_the_ID(); $faqs = Post_Settings::get_faq_schema( $post_id ); foreach ( $faqs as $faq ) { echo $faq[‘question’]; echo $faq[‘answer’]; } ` Check if FAQ shortcode is used: php $content = get_post_field( 'post_content', $post_id ); if ( has_shortcode( $content, 'awef_faq' ) ) { // FAQ shortcode is present }

Compress images, optimize images, and enable image lazy load automatically with the powerful Smush image optimizer to keep your WordPress site fast, without losing quality. Smush makes it easy to optimize images, compress images, and deliver images faster across your entire WordPress site. This all-in-one image optimizer automatically reduces image file sizes, enables image lazy load, and serves modern formats like WebP and AVIF, all without breaking image quality or adding extra work. Whether you’re running a blog, store, or portfolio, Smush helps you optimize images at scale and keep your site fast with a trusted WordPress image optimizer. Trusted by 1+ Million Sites | 4.8/5 Star Rating Get everything you need to optimize images and speed up your site. Smush works out of the box with no complicated setup – just install and let it handle the rest. Compress images without losing quality Reduce image file size automatically while keeping your images sharp and clear. Smush is an easy-to-use image optimizer which let’s you compress images using both lossless and lossy compression, giving you the best balance of quality and performance without extra work. You can also compress images outside the media library using Directory Smush, making it easy to optimize images stored in theme folders, plugins, or other directories on your server. Lazy load images for faster pages Enable image lazy load across your site so images load only when needed. This image optimizer improves initial page speed and creates a smoother experience for visitors without extra configuration. Serve WebP and AVIF images automatically (PRO) Convert images to WebP and AVIF and serve them automatically to supported browsers. Smush helps you optimize images using next-gen formats to reduce file size and improve load times across your WordPress site. Deliver images faster with an Image CDN (PRO) Serve images through a global image CDN to reduce latency and improve load times for visitors around the world. 119 global CDN servers Up to 500 GB of bandwidth Faster image delivery based on visitor location Improved performance for image-heavy and high-traffic sites Automatically resize and fix image dimensions (PRO) Eliminate common PageSpeed warnings and improve layout stability with automatic image sizing. Smush dynamically resizes images to perfectly fit their containers, regardless of original size, helping fix the “Properly size images” warning in Google PageSpeed Insights. It also automatically adds missing width and height attributes to your images, improving rendering speed and reducing layout shifts. This helps you meet the “Ensure images have explicit width and height” recommendation without any manual work. Optimize your entire site, automatically Smush works across your whole site as a powerful image optimizer to optimize images as you upload them and maintain performance over time without manual work. Optimize images automatically on upload Compress images in bulk or individually Works with your existing media library No need to re-upload images Enable image lazy load across your site Convert images to WebP and AVIF Deliver images with an integrated image CDN Automatically resize and serve correctly sized images Optimize images outside the media library with Directory Smush Built for performance Smush improves page speed and overall performance by reducing image weight and improving how images are delivered. Reduce page load times Improve user experience Better performance for image-heavy pages Supports image lazy load and preload images (PRO) for faster perceived performance Works with your existing setup Smush is built to work with your current WordPress setup, including popular themes, page builders, and plugins. Compatible with Gutenberg, Elementor, WPBakery, and more Works with WooCommerce stores No need to change your workflow Easy to enable and configure Designed to be simple You don’t need to be a performance expert to optimize images with Smush image optimizer. Works out of the box Simple settings when you need them No technical knowledge required Safe to use on any site Why choose Smush? There are plenty of image optimization plugins, but Smush focuses on making it easy to optimize images, compress images, and improve performance without complexity. As a leading WordPress image optimizer, Smush gives you powerful optimization tools without the technical hassle. Trusted by over 1 million WordPress users Built specifically for WordPress Regular updates and improvements Backed by the WPMU DEV team Get started in minutes Install Smush, activate it, and start to compress images, optimize images, and enable image lazy load right away. This easy-to-use image optimizer helps most sites see improvements immediately without changing how they upload or manage images. About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you! Contact and Credits Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.