=== SocialMark - Add Watermark/Overlay to Social Media Post Preview  ===
Contributors: shawon.info, freemius
Tags: watermark, open graph, facebook, twitter card, social media, og, share, opengraph
Requires at least: 4.0
Tested up to: 5.7.1
Requires PHP: 5.3.0 or higher
Stable tag: 1.0.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Add your logo/watermark/overlay to your wordpress social media post preview(open graph image). It will not change your website image view.

== Description ==
<p>SocialMark is a WordPress plugin that allows adding overlay/watermark to social media post preview. It gives the option to use different images for social media (Twitter, Facebook) and add overlay/watermark to the preview. The plugin enables 2 different watermark positions(9 in premium version) to set overlay at different places on the post image. There are two settings options: universal settings for all posts and pages, post-wise settings for individual page/post. SocialMark also works with Yoast SEO and RankMath plugin's open graph settings.</p>

<h3>SocialMark Plugin Features:</h3>
<p>
<ul>
<li>
<strong>Automatic Process:</strong> The plugin will generate different SocialMark image based on your settings.</li>
<li><strong>Auto Resize:</strong> Automatically resize image based on aspect ratio</li>
<li><strong>Different Position:</strong> You can set your watermark/overlay from 2 different positions on your featured image</li>
<li><strong>Transparent Image:</strong> Overlay image can be transparent</li>
<li><strong>Extensive Settings:</strong> 1 Setting all posts/pages.</li>
<li><strong>Unlimited Overlay/Watermark:</strong> Upload unlimited overlay/watermark image and choose the one you need from the list</li>
<li><strong>Enable/Disable:</strong> It is posible to enable or disable SocialMark all posts and pages</li>
<li><strong>Transparent Overlay Support:</strong> Overlay image can be tranparent</li>
<li><strong>Yoast SEO Supported:</strong> This plugin can generate image for Yoast SEO plugin open graph meta also</li>
<li><strong>RankMath Supported:</strong> Automatically generate Twitter and Facebook image for RankMath plugin
</li>
</ul>
</p>

<h3>[+] SocialMark Premium Version Extra Features:</h3>
<p>
<ul>
<li>
<strong>All Free Features plus</strong></li>
<li><strong>Different Position:</strong> Add overlay/watermark to your social media post preview image at 9 different positions.</li>
<li><strong>Post-wise Settings:</strong> You can set different overlay for every post/page individually.</li>
<li><strong>Category-wise Settings:</strong> You can set different overlay for specifice category's posts.</li>
<li><strong>WooCommerce:</strong> You can set overlay and different featured image for WooCommerce product for social media.</li>
<li><strong>Different Feature Image:</strong> You can upload different feature image only for social media</li>
<li><strong>Enable/Disable:</strong> It is posible to enable or disable SocialMark for any post or page individually as well as enable/disable all posts/pages</li>
</li>
</ul>
</p>

<h3>SocialMark Installation:</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/gouRK9R6psU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<h3>SocialMark Demo:</h3>
<a href="https://shawonpro.com/socialmark-wp-plugin/">Check live demo</a>

<h3>Installation:</h3>
<p>
<ul>
<li>From the WP admin panel, click "Plugins" -> "Add new"</li>
<li>In the browser Click on "Upload Plugin"</li>
<li>Choose the "socialmark" plugin zip file and click "Install Now"</li>
<li>Activate the plugin</li>
<li>Go to SocialMark Plugin Settings or Click "SocialMark" from admin menu</li>
<li>Add Overlay</li>
<li>Select plugin options</li>
<li>Save Changes</li>
<li>You are ready to go</li>
<li>Alternatively, you can manually upload the plugin to your wp-content/plugins directory</li>
<li>Don't forget to add feature image to your post </li>
<li>Easy way to test social media open graph preview https://www.opengraph.xyz/</li>
</ul>
</p>

== FAQ ==
<dl>
<dt id="why" class="open" aria-expanded="true"><h3><button formaction="#why">Why You need This plugin?</button></h3></dt>
<dd>To change social media preview of your post. For example- You run a newspaper website and you want to add a logo or a promotional watermark to your every post preview on social media. So every time visitor shares your post, this plugin will preview the feature image with the logo/watermark without changing your original page image.</dd>
<dt id="how"><h3><button formaction="#how">How to Use SocialMark?</button></h3></dt>
<dd>Please check installation section. It's easy.</dd>
<dt id="not"><h3><button formaction="#not">Not Working?</button></h3></dt>
<dd>
<ul>
<li>
Please be sure you added at least one overlay image. Then on the settings page you press the "save changes" button</strong>.
</li>
<li>
This plugin uses PHP GD library for image modification. Make sure you installed PHP GD extension on your server.
</li>
<li>
SocialMark saves automatically generated open graph images into wp-content/uploads folder. Please make sure your "wp-content/uploads" folder is writable.
</li>
<li>
Press CTRL+U to open view code of your single post webpage then press CTRL+F to open search text box. Type 'og:image' if there is more than 1 search result than please uninstall the other plugin which has generated open graph image url.
</li>
<li>
Still NOT Working? Please email to shawonfreelance at gmail.com We will get back to you within 24 hours and will debug the issue ASAP.
</li>
</ul> </dd>
<dt id="how-to-check"><h3><button formaction="#how-to-check">How to check preview?</button></h3></dt>
<dd>Simply go to https://www.opengraph.xyz/ and enter your url.</dd>
<dt id="how-to-change"><h3><button formaction="#how-to-change">How to change my old Facebook share preview?</button></h3></dt>
<dd>Simply go to https://developers.facebook.com/tools/debug/ and enter your url then press scape again.</dd>
<dt id="will-it-work"><h3><button formaction="#will-it-work">Will it work with Yoast SEO and RankMath plugin?</button></h3></dt>
<dd>We have tested on our side. Our plugin works with both of these plugins.</dd>
<dt id="why-pro"><h3><button formaction="#why-pro">Why I need pro version?</button></h3></dt>
<dd>Free version has only 2 overlay positions: center and bottom-center. But premium version has 9 different positions to allow you more flexibility. You can set different image, watermark, position for every post/page/category individually while free version allows you to set same image for all of your posts.</dd>
</dl>

== Screenshots ==
1. Admin settings
2. Add Overlay settings
3. Center Overlay Alignment Output
4. Bottom-Center Overlay Alignment Output


== Changelog ==
= 1.0.0 =
 * Initial release
= 1.0.1 =
 * php fopen include path issue fixed
= 1.0.2 =
 * dynamic image path generation added. Easy to debug now. WooCommerce support for paid version implemented.