ぽぽろん＠ぽぽづれ。

<p>This plug-in to display a link in the article by using the “Hatena blog card”.</p>
<p>In the case of internal links to view the card that is similar to “Hatena blog card”.</p>
<p>Displays using the “Hatena :: Favicon” (http://favicon.hatena.ne.jp) to get the favicon.</p>
<p>Displays using the “bookmark number of Hatena blog API” (http://b.hatena.ne.jp/entry/image/) to get the bookmark number of hatena.</p>
<p>CSS file are stored in a custom folder under <code>/wp-content/Uploads</code>.</p>
<ul>
<li>Released a plugin ” Pz-LinkCard ” that can external-links and internal-links also  change the appearance.<br />
https://wordpress.org/plugins/pz-linkcard/</li>
</ul>
<p>このプラグインは、ショートコード [blogcard] で指定したURLをカード形式で表示させるものです。</p>
<p>外部リンクの場合には「はてなブログカード」に置き換えて表示します。</p>
<p>内部リンクもしくはtitleパラメータを指定した場合、オリジナルのリンクカード形式で表示します。<br />
このとき、「Hatena::Favicon」を利用してファビコンを表示します。使用するWebAPIは設定画面にて変更できます。サムネイル画像を取得するWebAPIに設定することができます。「はてなブックマーク件数取得API」を利用してはてなブックマーク数を表示します。</p>
<p>また、書式を保持するために、/wp-content/Uploads フォルダ配下にスタイルシートを保存します。</p>
<p>後継として、「はてブカード」の置き換えでは無く、外部リンクも内部リンクもオリジナル形式で表示できる「Pz-LinkCard」を公開しました。</p>
<p>興味のある方は、そちらもお試しいただけると幸いです。</p>
<p>https://wordpress.org/plugins/pz-linkcard/</p>


Pz-HatenaBlogCard

This plug-in to display a link in the article by using the "Hatena blog card".

Katsushi Kawamori

ishitaka

<h4>Blog card</h4>
<ul>
<li>Generated with shortcode</li>
<li>Generated with block</li>
<li>Can specify the number of characters displayed in the description.</li>
<li>Displays an ogp image.</li>
<li>Can specify the size of the displayed ogp image.</li>
<li>Can change the title and description.</li>
</ul>
<h4>Warning</h4>
<p>A redirect loop occurs when all three of the following factors are met:<br />
* When two sites with different domains embed “Siｍple Blog Card” for each other on their top pages.<br />
* When two sites with different domains are on the same server (same IP address).<br />
* When the ”Simple Blog Card” caches of two sites on different domains are empty.</p>
<h4>How it works</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/xTicX7DiGjU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Customize</h4>
<ul>
<li>Template files allow for flexible <a href="https://github.com/katsushi-kawamori/Simple-Blog-Card-Templates" rel="nofollow ugc">customization</a>.</li>
<li>The default template file is template/simpleblogcard-template.php. Using this as a reference, you can specify a separate template file using the filters below.</li>
</ul>
<pre><code>/** ==================================================
 * Filter for template file.
 *
 */
add_filter(
    'simple_blog_card_generate_template_file',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
        $upload_dir = untrailingslashit( $upload_dir );
        return $upload_dir . '/tmp/simpleblogcard-template.php';
    },
    10,
    1
);
</code></pre>
<ul>
<li>CSS files can be set separately. Please see the filters below.</li>
</ul>
<pre><code>/** ==================================================
 * Filter for CSS file.
 *
 */
add_filter(
    'simple_blog_card_css_url',
    function () {
        $wp_uploads = wp_upload_dir();
        $upload_url = $wp_uploads['baseurl'];
        if ( is_ssl() ) {
            $upload_url = str_replace( 'http:', 'https:', $upload_url );
        }
        $upload_url = untrailingslashit( $upload_url );
        return $upload_url . '/tmp/simpleblogcard.css';
    },
    10,
    1
);
</code></pre>


Pz-HatenaBlogCard vs Simple Blog Card