nosuko

<p>‘Embed Link ShortCode’ tries to emulate the functionality that facebook has when a link is pasted to the input status.<br />
But it doesn’t happen when you paste a link in the body of a new post (as when you paste a youtube link in the visual view of a post), it’s done using a shortcode.<br />
The provided link to the shortcode is fetched to get the meta tags, and these meta tags are used to render the new post content. It tries to get an image and put it as<br />
post default thumbnail, and it uses some meta tags to get title text and to add a quote. The order in the post content is: image, quote and link.<br />
If you don’t like the HTML render, you can always edit the code to change format or suggest me some changes.</p>
<p>Usage:</p>
<p>1- Create a new post.</p>
<p>2- Add only the shortcode with the link (in HTML mode, not Visual) in the post body. For example:</p>
<p>[embedlink]http://example.com/example[/embedlink]</p>
<p>3- Push ‘Save Draft’.</p>
<p>If all is ok, the post content will be rewritten with the rendered html code. An image may be uploaded to the media library and added as post default thumbnail.<br />
   If nothing happens, click the preview link and some error message may be displayed. If a blank entry is showed, all is ok, then click Edit and you will see the rendered code.<br />
   Otherwise, it will be a bug: please, report it adding the URL you used and the plugin version (update to last version before report!).</p>
<p>4- Review the generated code.</p>
<h3>Notes</h3>
<ol>
<li>The post format will be set to ‘link’ by default.</li>
<li>The image (if any is found) will be added to the media library and set to post default thumbnail.</li>
<li>The content post is rewritten when you save it.</li>
</ol>


Embed Link ShortCode

This plugin adds a shortcode to get a similar functionality that has facebook when a link is pasted to the input status.

whywaita

<p>WWI Blogcard is a Gutenberg block plugin that creates visually appealing blog cards from any URL. Simply paste a URL, and the plugin automatically fetches OGP (Open Graph Protocol) information to generate a rich preview card.</p>
<h4>Features</h4>
<ul>
<li><strong>Easy to use</strong>: Just paste a URL and the blog card is automatically generated</li>
<li><strong>OGP support</strong>: Fetches title, description, and images from OGP meta tags</li>
<li><strong>Responsive design</strong>: Cards look great on any device</li>
<li><strong>Dark mode support</strong>: Automatic dark mode based on system preferences</li>
<li><strong>Caching</strong>: OGP data is cached for improved performance</li>
<li><strong>Security</strong>: SSRF protection blocks requests to private IP addresses</li>
</ul>
<h4>Usage</h4>
<ol>
<li>Add a new “Blogcard” block in the Gutenberg editor</li>
<li>Paste the URL you want to create a card for</li>
<li>Click “Fetch” to retrieve OGP information</li>
<li>The blog card is automatically generated</li>
</ol>
<h3>Source Code</h3>
<p>The source code for this plugin, including uncompiled JavaScript and CSS files, is available on GitHub:</p>
<p><a href="https://github.com/whywaita/wwi-blogcard" rel="nofollow ugc">https://github.com/whywaita/wwi-blogcard</a></p>
<h4>Building from Source</h4>
<p>To build the plugin from source, you need Node.js and npm installed. Then run the following commands:</p>
<ol>
<li>Clone the repository: <code>git clone https://github.com/whywaita/wwi-blogcard.git</code></li>
<li>Navigate to the plugin directory: <code>cd wwi-blogcard</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Build the plugin: <code>npm run build</code></li>
</ol>
<p>The build process uses <code>@wordpress/scripts</code> to compile and minify the JavaScript and CSS files from the <code>src/</code> directory to the <code>build/</code> directory.</p>


WWI Blogcard

A WordPress block plugin that generates beautiful blog cards from URLs using OGP information.

Embed Link ShortCode vs WWI Blogcard