【ワードプレス】ブログカード用プラグインをゆるく比較してみた。menuホームプロフィールプライバシーポリシーCLOSEホームプロフィールプライバシーポリシーCLOSEキーワードで記事を検索CLOSEHOME技術WordPress【ワードプレス】ブログカード用プラグインをゆるく比較してみた。Bo【ワードプレス】ブログカード用プラグインをゆるく比較してみた。ツイートシェアはてブLINEPocketみなさん、こんばんは。先日、自分が運営している「宛名メーカー」をリニューアルしたので、めちゃくちゃ疲れているBoです。リニューアル2019年10月3日リニューアルされたサイトを見ていて凄く気になった事があったのです。自分は、外部リンクもはてなブログ風のブログカードにする為に、セルティスラボのプラグインを使っているのですが、いつの間にかレイアウト崩れを起こしていたようです。Boテーマのアプデ?で崩れた?少し調べたのですが、リニューアルのダメージが大きすぎて、原因を突き止めるのが面倒になったので、他にブログカードを簡単に利用できるプラグインがないかを調べたので、以下にご紹介したいと思います。内部リンクだけが対象かと思ったら、外部リンクもリンク先のサイトがワードプレスで作らていたらブログカードが生成されるようです。使い方は簡単で、Gutenbergの場合は、段落ブロックにURLをコピペするだけでブログカードが生成されます。外部サイトの記事の場合は、ワードプレスで構築されたサイトである必要がある。若干、上下のPaddingが広い。ワードプレス4.4以降である必要がある。個人的には、公式のデザインが一番好きですが、外部サイトの記事はワードプレスでサイトが構築されているという制限があるので、そこが解消されれば、他のプラグインは必要ないと思います。「セルティスラボ」プラグインのインストールは、サイトからプラグイン用のファイルをダウンロードして手動でインストールします。使い方は簡単で、Gutenbergの場合は、段落ブロックにURLをコピペするだけでブログカードが生成されます。生成されたブログカード問題点OGP設定しているアイキャッチ画像がなぜか表示されない。サイト名が下部に見切れてしまう。上記2点の問題が解消されれば、個人的には一番のおすすめプラグインです。有名な、ブログカード用プラグインだと思います。使った事がないので、使い方は他の方のサイトを御覧ください。感想なぜ、自分がこのプラグインを使わないかというと、デザインはカスマイズすることが前提のプラグインだからです。デフォルトでも良いかもしれませんが、自分好みではないので、カスタマイズが必須だと思うのですが、そこが面倒だなぁと思い使っていません。Cards」ググっていると、海外のプラグインを見つけました。説明が英語なので、とりあえずインスコしてみました。以下のショートコードを使うようです。url="http://yoursite.com/article-1"]BoGutenburgでは出てきませんが、TinyMCEなんかのエディタを使っている場合は、メニューから作成できるようですが、TinyMCEは使っていないので分かりません。導入、使い方は簡単だと思いますが、外国産のプラグインということもあり、日本語しか出来ない自分には不明点が多いです。レイアウトはキレイですが、無駄にデカくて、記事よりもブログカードが目立ってしまうという本末転倒な感じになりそうです。有志の方が、はてぶ風のCSSカスタマイズを公開していますが、自分はキレイなレイアウトにならなかったので、このプラグインの利用は諦めました。」ググってみつけた、日本製のプラグインです。評価をみると、動かないなどのコメントもありましたが、自分の環境では安定して動作しています。以下のショートコードを使うようです。href=""]BoGutenburgでは出てきませんが、TinyMCEなんかのエディタを使っている場合は、メニューから作成できるようですが、TinyMCEは使っていないので分かりません。facebook,twitter,hatenaの3つブログタイプを切り替えるが出来ます。type="hatena"]問題点このプラグイン自体に、特に問題はありませんでした。STORKなどのテーマを使っている場合に、外部リンクの場合は矢印が付くので、なんとなく見た目が悪いので、矢印を出ないようにCSSを書き換えました。目立った問題もなく利用できて、デザインも無難なので、良いプラグインだと思います。有名ではないですが、もっと評価されても良いと思います。cardです!皆さんも、使ってみては如何ですか?RECOMMENDこちらの記事も人気です。ローカ...WordPress2018.12.28【初老が恋する!】Gutenbergが便利だと思ったコトWordPress2019.1.28【STORK極小ネタ】コードを変更して関連コンテンツの場所を移動するWordPressこの記事が気に入ったらいいねしよう!シェアしてくれると励みになります!ツイートシェアはてブLINEPocketfeedly自作サービスやってます【無料】宛名メーカーせどり・メルカリ・ヤフオク・ラクマなどの商品発送の手書きでの宛名書きに疲れた。あなた!宛名メーカーは無料でレターパック、スマートレター、定形外郵便などの宛名を簡単に作成できます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。リニューアルABOUTこの記事をかいた人Boもしかしたら、誰かの役に立つかもしれない情報を記事にしている「初老のBo」です。Hawaiianを彷彿!】札幌で食べられる本場のハワイアン・...プロフィール初老のBo最近は、だいぶ色々と分からなくなってきた初老のBoです。備忘録を兼ねて、もしかしたら皆さんにも役に立つかもしれない情報を掲載していきます。珈琲が好きで、本格的な老人期に突入したら珈琲屋を営みたいと、浅はかな夢を持っています。Cプログラマーで、今はPHPをメインに開発も続けています。