Gist bd978df74840af0f424ab50974f8489a

100%

Gist bd978df74840af0f424ab50974f8489a

✓ Published0🌍 Public

Last edited Apr 15, 2020

Created on Apr 15, 2020

This example demonstrates how to integrate a specific version of jQuery with WordPress and Webpack. It shows two configuration steps: first, deregistering the default WordPress jQuery in `functions.php` via `wp_deregister_script` and an `init` action, and second, excluding jQuery from the bundle using `externals` in `webpack.config` while injecting it with `webpack.ProvidePlugin`. The code also references registering a newer jQuery version through WordPress hooks.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 23705f481029d7e1cb22973540188d19

This snippet demonstrates a WordPress performance optimization technique by filtering the `style_loader_tag` hook to modify how stylesheet links are rendered. It shows the `add_rel_preload` function, which replaces standard `<link>` tags with preload directives that include an `onload` handler to swap `rel='preload'` to `rel='stylesheet'`, enabling asynchronous CSS loading. The code uses WordPress PHP APIs (`add_filter`, `is_admin`) and outputs a heredoc string with the HTML. It explicitly avoids altering output in the admin panel, targeting front-end performance only.

KKopylovVitalik

65% match

Loading thumbnail…

Gist 305339

This example demonstrates a reusable jQuery plugin pattern for encapsulating a custom visualization or interaction, applying it to selected DOM elements with configurable defaults. The code defines a `PluginClass` that initializes on plugin call, using `$.fn.extend` and `$.extend` to merge user options with defaults. It shows the structural scaffolding for a visualization module, though it contains no actual rendering logic or data-binding calls. The implementation relies on jQuery’s event and DOM utilities, with the plugin returning `this` to support method chaining, a common convention for jQuery-based visual components. The source is a single JavaScript file from a gist, focusing on code organization rather than visual output.

DDylanFM

62% match

Loading thumbnail…

Gist e8b9d80ee94b66b0f0841e786da0d172

This visualization demonstrates how to extend WordPress’s MIME type validation to support WebP image uploads. It shows a code snippet that defines a custom function, `webp_upload_mimes`, which adds the `webp` extension with its associated MIME type to the existing allowed upload types. The example relies on WordPress’s `add_filter` function and the `mime_types` filter hook to modify the system’s default behavior. The code is written in PHP and presents a direct, filter-based approach for integrating WebP support into a WordPress media library.

KKopylovVitalik

62% match

Loading thumbnail…

Gist 1b1889baaec2adffe574

This example demonstrates a WordPress theme’s strategy for optimizing CSS delivery by inlining critical styles and asynchronously loading the full stylesheet. It shows how PHP hooks like `wp_head` and `wp_footer` conditionally inject scripts, styles, and a cookie-based cache check. The code uses `file_get_contents` to embed JavaScript files such as `loadCSS.js` and `onloadCSS.js`, alongside a `<style>` block for critical CSS. A `noscript` fallback ensures the full stylesheet loads without JavaScript. The implementation relies on the `Roots\Sage\Assets` namespace and functions like `asset_path()` to resolve file paths.

GGolodhros

61% match

Loading thumbnail…

Gist cf1dfcccebf56e2735ac39eabbac8281

This example demonstrates how to enable WordPress page excerpts by adding post type support for the 'excerpt' feature. The code hooks into the WordPress 'init' action and calls `add_post_type_support` for the 'page' post type, making excerpt fields available on page editing screens. It uses the WordPress Plugin API's `add_action` function to register the callback. The snippet is intended for theme or plugin developers who need to display page summaries without custom fields or additional database queries.

KKopylovVitalik

61% match

Loading thumbnail…

Gist d7d415d1f3401d7b9d482f01706d1b72

This example demonstrates a WordPress code snippet that delays the loading of embedded iframe content on single post pages. The PHP filter modifies the post’s content by replacing standard `iframe` `src` attributes with a custom `data-iframe-src` attribute, while the accompanying JavaScript—executed after a 1.3-second timeout—uses `querySelectorAll` to reassign the original `src` to each element via `frame.dataset.iframeSrc`. This technique postpones third-party widget rendering (such as video embeds) to prioritize initial page load, without relying on any external JavaScript libraries or APIs.

KKopylovVitalik

61% match

Loading thumbnail…

Gist a3008238e5a13ba6b6d46e0c53687342

This example demonstrates WordPress SEO canonical URL handling for paginated pages through a PHP snippet. It shows how to enforce the first page URL as the canonical link for all paginated views, overriding the default per-page canonical generated by Yoast SEO. The implementation uses the `wpseo_canonical` filter with a callback function, while conditionally applying it via `is_paged()` and registering it through `wpseo_head`. The code relies on WordPress core functions like `get_pagenum_link()` and the `add_filter()` API to modify SEO output.

KKopylovVitalik

59% match

Loading thumbnail…

Gist 9a926ef0219e7b50d71a33ceae04c99e

This example demonstrates a WordPress content-cleaning routine that strips inline styling, removes font tags, and deletes empty HTML elements from posts. It shows how the `the_content` filter hook modifies page output for single posts and the homepage. The code uses the `add_filter` API with a custom `clean_post_content` function, applying regular expressions via `preg_replace` and a string translation with `strtr` to sanitize markup before rendering.

KKopylovVitalik

59% match