Gist e8b9d80ee94b66b0f0841e786da0d172

100%

Gist e8b9d80ee94b66b0f0841e786da0d172

✓ Published0🌍 Public

Last edited Sep 2, 2020

Created on Sep 2, 2020

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 47b05c7f60a5f52c48bd1c97aa3b7a62

This example presents a custom data visualization centered on a WordPress post thumbnail, extracting its ID, alt text, and title through PHP functions. The display likely focuses on the image's metadata presentation, using the WordPress API to retrieve and showcase these details. The code relies on standard WordPress functions like `get_post_thumbnail_id()`, `get_post_meta()`, and `get_the_title()` to fetch and render the information. The visualization appears to be a straightforward metadata viewer, likely displaying the image’s alternative text and title alongside its identifier, without incorporating any advanced JavaScript libraries or rendering frameworks.

KKopylovVitalik

67% 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

66% match

Loading thumbnail…

Gist 07ca6cc26c417f58a0e493bf3033a731

This visualization demonstrates the process of migrating WordPress media files by comparing two directory structures in a network graph. The code uses D3.js to render nodes and edges, with a force-directed layout that shows the relationship between the old `uploads/2020/05/01` path and the new `img` folder location. Using `d3.forceSimulation` and color-coded connections, it illustrates the conversion workflow, including the creation of the `img` folder and the search-and-replace operations that update file references in the database. Data is sourced from the gist’s own code snippet.

KKopylovVitalik

65% match

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

64% match

Loading thumbnail…

Gist d1ce1ab648a5dc4f38686ee05426ff2c

This example demonstrates a WordPress content filter that cleans up post output by removing empty paragraph tags. It shows the difference between raw content with superfluous `<p></p>` elements and the sanitized version after processing. The code uses the `add_filter` and `the_content` hooks from the WordPress API, along with the `force_balance_tags` function to ensure HTML tag balance, and a regular expression with `preg_replace` to strip any empty paragraphs containing only whitespace or non-breaking spaces. The visualization likely contrasts these before-and-after states.

KKopylovVitalik

63% 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

62% match

Loading thumbnail…

Gist bd978df74840af0f424ab50974f8489a

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.

KKopylovVitalik

62% 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

61% match