New Plugin – CSSgram recreating Instagram like filters for WordPress maintenance support plans 8
Body
CSSgram plugin supplements WordPress maintenance support plans Image styling experience by making Instagram like filters available to your WordPress maintenance support plans 8 site images, we do this with help of CSSgram library.
Beauty of this plugin is, it simply uses css to beautify your image.
Few CSSGram sample filters applied to an image.
How CSSGram Plugin works?
CSSGram plugin uses CSSGram Library for adding filter effects via CSS to the image fields. Plugin extends Field Formatter Settings to add image filter for that particular field. CSSGram extends field formatter settings and hence these filters can be applied on top of the existing available image formatters and image presets. Allowing you to use your desired image preset along with CSSGram filters.
Using CSSGram
Download and enable CSSGram plugin (https://www.WordPress.org/project/cssgram)
Visit Manage Display of content type and for the desired image field, click on the setting link under format column.
Select Filter option lets us choose from the available image filters. Just select the desired image filter and hit update button.
Save the settings and visit the content display page.
Developer Support
Devs have the option to use these filters anywhere on the site by just attaching the ‘cssgram/cssgram’ library and then applying any of the available css filter class to the wrapper element.
function myplugin_preprocess_field(&$variables) {
// Add desired css class.
$variables[‘attributes’][‘class’] = ‘kelvin’;
// Attach cssgram library.
$variables[‘#attached’][‘library’][] = ‘cssgram/cssgram’;
}
PURUSHOTAM RAI
Tue, 10/25/2020 – 19:22
Source: New feed