Daniel Bachhuber

fusionengineering

goldenapples

<p>When images are inserted into posts from the media library or media uploader, only the html of the <code><img></code> tag and the link around it (if any) are preserved. This means that themes which want to change the way images are marked up in content don’t have an easy way of doing this.</p>
<p>Image Shortcake is an attempt to solve this problem, by saving images in post content as <em>shortcodes</em> rather than HTML. The output of shortcodes can be easily filtered in themes, plugins and templates, and since the original attachment data is preseved as attributes on the shortcode, it becomes much easier for modify the way images are marked up in themes.</p>
<p>For best results, use this with the <a href="https://github.com/fusioneng/Shortcake" rel="nofollow ugc">Shortcake (Shortcode UI)</a> plugin. Shortcake offers an easy to use interface to manage shortcodes in post content.</p>
<p>What could you use this for? Well, at <a href="http://fusion.net" rel="nofollow ugc">Fusion</a> we use this shortcode for:</p>
<ul>
<li>
<p><strong>Responsive Images</strong>. By filtering the output of the <code>[img]</code> shortcode image tag, we’re able to insert the <code>srcset</code> attribute, so that all of<br />
the images on our site are served responsively to browsers that support that.</p>
</li>
<li>
<p><strong>Inline sharing buttons</strong>. We’ve added share links to each of the images on our site. Because these are inserted through a filter on a shortcode and not in the post content, it’s easy to modify them on the fly. And having this logic in template files rather in on-page javascript that runs after page load makes it quicker for users.</p>
</li>
<li>
<p><strong>Photo credits</strong>. We’ve added “credit” as an image meta field, and we use a filter on ‘img_shortcode_output_after_linkify’ to display it on all images.</p>
</li>
</ul>
<p>See the <a href="#Installation" rel="nofollow ugc">Installation</a> section for more ideas and tips for custom image templates. <a href="https://github.com/fusioneng/image-shortcake" rel="nofollow ugc">Get involved with the project</a> on Github.</p>


Image Shortcake

Works great with ShortCake. Love the filters! Please update this code so it doesn't scare people away. Thanks!

Works terrifically!

When images are inserted into posts from the media library or media uploader, only the html of the `` tag and the link around it (if any) are preserve …

FuturioWP

<p>Futurio Extra add extra features and options to <a href="https://futuriowp.com/" rel="nofollow ugc">Futurio</a> and <a href="https://wordpress.org/themes/futurio-storefront/" rel="ugc">Futurio Storefront</a> theme.<br />
This plugin require the free WP theme – <a href="https://wordpress.org/themes/futurio/" rel="ugc">Futurio</a> or <a href="https://wordpress.org/themes/futurio-storefront/" rel="ugc">Futurio Storefront</a> – to be installed.</p>
<p>Futurio Extra brings new widgets to be used in Elementor and allows you to import beautiful page templates for Elementor page builder. It also comes with 100% WooCommerce support and custom options. With the one click demo import feature you can import all our 10+ demo sites.</p>
<p><strong>Features:</strong><br />
– One click demo import – import starter sites with one click. <a href="https://futuriowp.com/demos/" rel="nofollow ugc">Demos here</a><br />
– Customizer options (Color presets, Google fonts, Layout desings…)<br />
– Page/post custom options and features<br />
– Custom Elementor widgets and addons<br />
– Custom widgets (social icons, about me, recent & popular posts)<br />
– 100% WooCommerce support and custom WooCommerce options and features<br />
– Custom Elementor 404 page <a href="https://futuriowp.com/docs/futurio/customizer-settings/footer-credits/#custom-footer-with-elementor" rel="nofollow ugc">How to?</a><br />
– Custom Elementor header <a href="https://futuriowp.com/docs/futurio/customizer-settings/custom-header/" rel="nofollow ugc">How to?</a><br />
– Custom Elementor footer credits <a href="https://futuriowp.com/docs/futurio/customizer-settings/custom-404-error-page/" rel="nofollow ugc">How to?</a><br />
– Custom Elementor blog feed builder <a href="https://futuriowp.com/docs/futurio/customizer-settings/custom-404-error-page/" rel="nofollow ugc">How to?</a><br />
– And much more….</p>
<p><a href="https://futuriowp.com/docs/futurio/" rel="nofollow ugc">Documentation</a></p>
<h4>Page Builders Friend</h4>
<p>Futurio & Futurio Extra is best friend with the popular pagebuilders like Elementor, Beaver Builder, King Composer, Brizy, Visual Composer, SiteOrigin, Divi or Gutenberg.</p>
<h4>Custom look with Elementor</h4>
<p>With Elementor you can design your header, footer, 404 error page or the blog page look</p>
<h4>20+ free demos sites</h4>
<p>20+ free demo websites ready to import are included. Importing is easy with a few clicks.</p>
<h4>100% WooCommerce support</h4>
<p>Extend the WooCommerce with new options and features. Import full WooCommerce demo websites with few clicks and be ready to start your new store in few minutes.</p>
<h3>Credits & Copyright</h3>
<h4>Typed.js, Copyright 2014 Matt Bold</h4>
<p>Licenses: MIT<br />
Source: https://github.com/mattboldt/typed.js</p>
<h4>Kirki, Copyright (c) 2017, Aristeides Stathopoulos</h4>
<p>Licenses: MIT<br />
Source: https://github.com/aristath/kirki</p>
<h4>Dilaz Metabox, by WebDilaz Team</h4>
<p>Licenses: GPL-2.0+<br />
Source: https://github.com/Rodgath/Dilaz-Metaboxes-Plugin</p>


Futurio Extra

Futurio Extra add extra features to Futurio theme like widgets, WooCommerce options, Elementor widgets, one click demo import and much more.

Image Shortcake vs Futurio Extra