MD NAJMUS SHADAT

CAP Quote Share is a lightweight WordPress plugin that lets you copy, share, and download content easily — especially designed for Classic Editor users.
You can create beautiful quote/share boxes and automatically add image download buttons to your site without any configuration.
Shortcode example: 
[capqsh]Your quote or caption text here[/capqsh]
Perfect for: 
– Quote & caption websites 
– Status and motivation blogs 
– Image-sharing and content-curation sites 
– Classic Editor users
No setup required. Just install and activate.
<h3>Key Features</h3>
✓ Quote/share boxes with copy-to-clipboard button 
✓ Social sharing (Facebook, WhatsApp, Twitter, Messenger) 
✓ Works with Classic Editor quote (blockquote) 
✓ <code>[capqsh]</code> shortcode support 
✓ Automatic image download buttons 
✓ Zero configuration 
✓ Lightweight & fast 
✓ Mobile responsive 
✓ Gutenberg compatible 
✓ Admin settings panel 
✓ No user data tracking
<h3>Usage</h3>
<h4>Method 1: Using Shortcode (Recommended)</h4>
Use this shortcode in Classic Editor or Gutenberg:
[capqsh]Your quote or caption text here[/capqsh]
This will automatically create: 
– A styled quote box 
– Copy-to-clipboard button 
– Social share buttons
<h4>Method 2: Using Classic Editor Quote Button (❝)</h4>
You can also create quote/share boxes directly from the Classic Editor toolbar.
Steps: 
1. Select any text in Classic Editor 
2. Click the Quote (❝) icon 
3. Publish or update the post
The plugin automatically converts blockquote content into a styled quote/share box on the frontend.
→ No shortcode needed 
→ Works automatically
<h4>Automatic Image Download Buttons</h4>
Add images normally using Classic Editor or Gutenberg.
The plugin automatically displays a Download button below each image on the frontend.
You can disable this feature from: 
Settings → CAP Quote Share
<h3>Settings</h3>
Go to Settings → CAP Quote Share to: 
– Enable or disable quote/share boxes 
– Enable or disable image download buttons
<h3>External Services</h3>
This plugin adds direct share links to third-party services. When a visitor clicks a share button, only the required data (quote text and/or page URL) is sent.
<ul>
<li>
Facebook (facebook.com) 
Data sent: quote text and/or page URL 
Terms: https://www.facebook.com/terms.php 
Privacy: https://www.facebook.com/about/privacy
</li>
<li>
Messenger (facebook.com/dialog/send) 
Data sent: page URL 
Terms: https://www.facebook.com/terms.php 
Privacy: https://www.facebook.com/about/privacy
</li>
<li>
WhatsApp (wa.me / api.whatsapp.com) 
Data sent: quote text and/or page URL 
Terms: https://www.whatsapp.com/legal/ 
Privacy: https://www.whatsapp.com/legal/#privacy-policy
</li>
<li>
Twitter (twitter.com/intent/tweet) 
Data sent: quote text and/or page URL 
Terms: https://twitter.com/en/tos 
Privacy: https://twitter.com/en/privacy
</li>
</ul>
No other external services are contacted. This plugin does not track or store user data.
<h3>Support</h3>
Support Forum: https://wordpress.org/support/plugin/cap-quote-share/ 
GitHub Issues: https://github.com/devnajmus/cap-quote-share/issues
<h3>License</h3>
GPL v2 or later.
<h3>Thank You</h3>
Thank you for using CAP Quote Share.

CAP Quote Share

Lightweight plugin for Classic Editor: automatic image download buttons and styled quote/share boxes with copy and social sharing.

Themeover

NOTE: This plugin was originally created to solve the issue of splitting classic editor content into divs, using shortcodes. On Sept 27th, 2022, I tested to see how this plugin works with Gutenberg and it actually still works fine (because the divs are rendered AFTER Gutenberg does it’s thing). But it’s worth mentioning that there is a Group block in Gutenberg that serves the same purpose, and might be more intuitive than working with shortcodes for some users. That said, if you’ve disabled Gutenberg in favour of the classic editor, this plugin is still useful. And although I’m not adding new features, I will fix any bugs people report.
Now on to how it actually works:
Separate your WordPress post or page content into divs with (optional) custom CSS classes and ids. Adding the shortcode [divup] in between some content will split the content into 2 separate divs.
You can enter as many [divup] shortcodes to a post or page as you like. Great for creating columns of content for magazine style websites while keeping shortcode markup to an absolute minimum. DivUp Content never uses inline styles, but it does automatically give divs fiendishly clever classes like first, last, div-1, div-2, div-3, and div-odd, div-even, mul-3, mul-4 (multiple of 1,2,3,4 etc). You can then create your own style rules for the divs in style.css or with <a href="http://themeover.com/" rel="nofollow ugc">Microthemer</a> (a visual design CSS plugin for customizing WordPress sites).
<h4>3 Column Example CSS</h4>
The CSS for a 3 column layout could be:
.divup-wrap { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
}
<h4>6 Column Example CSS</h4>
For a 6 column layout (with gaps), you would just change the CSS to:
.divup-wrap { 
 display: grid; 
 grid-template-columns: repeat(6, 1fr); 
 gap: 2rem; 
}
For more complex grid layouts with content spanning different numbers of columns and rows, you may find <a href="http://themeover.com/" rel="nofollow ugc">Microthemer</a>‘s visual controls for generating the CSS grid rules quite handy. Just select the .divup-wrap element when editing with Microthemer, and then position the grid items however you like using drag and drop.
<h3>Features added</h3>
NEWEST: 
Added support for adding custom HTML attributes to divs/spans. Use [startwrap custom=’title: read this’] or [divup custom=”data-src:image.jpg”] (the custom attribute can be applied to both [startwrap] and [divup] shortcodes. 
You can also do[startwrap custom=’title: read this|required:some value’] (seperate with a | pipe character for multiple) 
When using [divup], two divs will be created. To apply custom attributes to the first and second divs use a comma e.g.[divup custom=”data-src:image1.jpg, data-src:image2.jpg”]
NEWER: 
Added support for span elements. Use [startwrap type=’span’]. 
Added support for no superfluous child elements. Use [startwrap parent=0] or [startwrap parent=’false’].
NEW: You can also add multiple [startwrap] and [endwrap] shortcodes to control how the divs are wrapped in a wrapper div. This overrides the original auto-wrapper functionality if you choose to use it.**
The best way to understand how DivUp Content works (including the advanced aspects) is to **copy and paste the ONE of the following dummy content examples below into a post or page and then inspect the html with your browser (Right-click > Inpsect) ** – paying attention to the CSS classes it automatically applies to the divs.
<h3>Dummy Content 1</h3>
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’my-class diff ‘]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’my-id’ class=’diff my-class2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’diff’]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
<h3>Dummy Content 2</h3>
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[startwrap class=”my-wrap-class another-wrap-class”]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[endwrap]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[startwrap id=”my-wrap-id” class=”hello-wrap”]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’my-class diff ‘]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’my-id’ class=’diff my-class2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’diff’]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[endwrap]

DivUp Content

Simple and very useful. I initially had a minor issue with WP 4.4.1, but this was immediately fixed. Thanks to the author for being so reactive!



Perfect

Wrap divs around classic editor content using divup shortcodes. Also works for Gutenberg, but you may prefer to use the group block.

CAP Quote Share vs DivUp Content