badasswp

<p>This plugin offers a powerful solution for <strong>importing</strong> and <strong>exporting</strong> WordPress <strong>blocks</strong> in JSON format, making it easy to move posts across different WP websites. It is also beneficial for WP engineers who are adopting a <strong>Headless CMS</strong> approach and would like a way to be able to fetch data from the front-end using tools like <strong>React</strong>, Vue & so on.</p>
<p>It’s <strong>simple</strong>, yet very <strong>powerful</strong>!</p>
<h4>✔️ Features</h4>
<p>Our plugin comes with everything you need for your WP blocks.</p>
<p>✔️ <strong>Import & Export WP blocks</strong> across multiple WordPress websites.<br />
✔️ <strong>Convert WP blocks to JSON</strong> easily & quickly.<br />
✔️ Useful for <strong>Headless CMS websites</strong> or front-end projects working with React, Vue & so on.<br />
✔️ Available in <strong>mutiple langauges</strong> such as Arabic, Chinese, Hebrew, Hindi, Russian, German, Italian, Croatian, Spanish & French languages.<br />
✔️ <strong>Backward compatible</strong>, works with most WP versions.</p>
<h4>✨ Getting Started</h4>
<p>Create a new Post or open an existing Post. Locate the <strong>Convert Blocks to JSON</strong> icon at the <strong>top right</strong> corner of the Block Editor and click on it. From here you can do the following actions:</p>
<ol>
<li><strong>View JSON</strong> – Generate JSON data of the post you are working on.</li>
<li><strong>Import JSON</strong> – Import JSON data from a JSON file to the post you are working on.</li>
<li><strong>Export JSON</strong> – Export JSON data of the post to a JSON file.</li>
</ol>
<p>You can get a taste of how this works, by using the <a href="https://tastewp.com/create/NMS/8.0/6.7.0/convert-blocks-to-json/twentytwentythree?ni=true&origin=wp" rel="nofollow ugc">demo</a> link.</p>
<h4>⚡ Why Convert Blocks to JSON</h4>
<ol>
<li>
<p>This plugin is useful for users who want to be able to <strong>import</strong> and <strong>export</strong> articles or posts between different WordPress sites easily.</p>
</li>
<li>
<p>This plugin is beneficial for WP engineers who are adopting a <strong>Headless CMS</strong> approach and would like a way to be able to fetch data from the front-end using tools like <strong>React</strong>, Vue & so on.</p>
</li>
</ol>
<h4>🔌🎨 Plug and Play or Customize</h4>
<p>The <strong>Convert Blocks to JSON</strong> plugin is built to work right out of the box. Simply install, activate and start using in your Block Editor.</p>
<p>Want to add your personal touch? All of our documentation can be found <a href="https://github.com/badasswp/convert-blocks-to-json" rel="nofollow ugc">here</a>. You can override the plugin’s behaviour with custom logic of your own using <a href="https://github.com/badasswp/convert-blocks-to-json?tab=readme-ov-file#hooks" rel="nofollow ugc">hooks</a>.</p>
<h3>Contribute</h3>
<p>If you’d like to contribute to the development of this plugin, you can find it on <a href="https://github.com/badasswp/convert-blocks-to-json" rel="nofollow ugc">GitHub</a>.</p>
<p>To build, clone repo and run <code>yarn install && yarn build</code></p>


Convert Blocks to JSON

Convert your WP blocks to JSON. Import & Export blocks across multiple WordPress websites. Generate JSON for your Headless CMS websites.

kubiq

<p>Statistics say that WebP format can save over a half of the page weight without losing images quality.<br />
Convert PNG, JPG and GIF images to WebP and speed up your web, save visitors download data, make your Google ranking better.</p>
<ul>
<li><strong>automated test after plugin activation to make sure it will work on your server</strong></li>
<li><strong>works with all types of WordPress installations: domain, subdomain, subdirectory, multisite/network</strong></li>
<li><strong>works on Apache and NGiNX</strong></li>
<li><strong>image URL will be not changed</strong> so it works everywhere, in <img> src, srcset, <picture>, even in CSS backgrounds and there is no problem with cache</li>
<li><strong>original files will be not touched</strong></li>
<li>set quality of converted images</li>
<li>auto convert on upload</li>
<li>only convert image if WebP filesize is lower than original image filesize</li>
<li>bulk convert existing images to WebP ( you can choose folders )</li>
<li>bulk convert only missing images</li>
<li>works with `Fly Dynamic Image Resizer` plugin</li>
</ul>
<h3>Hooks for developers</h3>
<h4>itw_extensions</h4>
<p>Maybe you want to support also less famous JPEG extension like jpe, jfif or jif</p>
<pre><code>add_filter( 'itw_extensions', 'extra_itw_extensions', 10, 1 );
function extra_itw_extensions( $extensions ){
    $extensions[] = 'jpe';
    $extensions[] = 'jfif';
    $extensions[] = 'jif';
    return $extensions;
}
</code></pre>
<h4>itw_sizes</h4>
<p>Maybe you want to disable WebP for thumbnails</p>
<pre><code>add_filter( 'itw_sizes', 'disable_itw_sizes', 10, 2 );
function disable_itw_sizes( $sizes, $attachmentId ){
    unset( $sizes['thumbnail'] );
    return $sizes;
}
</code></pre>
<h4>itw_htaccess</h4>
<p>Maybe you want to modify htaccess rules somehow</p>
<pre><code>add_filter( 'itw_htaccess', 'modify_itw_htaccess', 10, 2 );
function modify_itw_htaccess( $rewrite_rules ){
    // do some magic here
    return $rewrite_rules;
}
</code></pre>
<h4>itw_abspath</h4>
<p>Maybe you use roots.io/bedrock or other custom folder structure</p>
<pre><code>add_filter( 'itw_abspath', 'modify_itw_abspath', 10, 2 );
function modify_itw_abspath( $abspath ){
    return trailingslashit( WP_CONTENT_DIR );
}
</code></pre>
<h4>$images_to_webp->convert_image()</h4>
<p>Maybe you want to automatically generate WebP for other plugins</p>
<pre><code>add_action( 'XXPLUGIN_image_created', 'XX_images_to_webp', 10, 2 );
function XX_images_to_webp( $image_path ){
    global $images_to_webp;
    $images_to_webp->convert_image( $image_path );
}
</code></pre>


Images to WebP

Great

Convert PNG, JPG and GIF images to WebP and speed up your web

Convert Blocks to JSON vs Images to WebP