わたしのブログパーツを紹介します、第2段!!!
今回は、ブログカードです。
それでは詳しくご紹介していきます。
そもそもブログカードとは??
そもそもブログカードってなんだって方はこちらを参照してください。
ブログカード - はてなブログ ヘルプ
「ブログカード」とは、ブログに掲載する記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。
っていうこれが「ブログカード」です。笑
ただリンクを貼り付けるより、画像とタイトルと概要が表示されるので、
読者としてはリンク先がどんなページか分かるので安心してクリックできたり、
読みやすくなったり、なにより見栄えがいいですよね♫
WordPressにはプラグインで用意されていたり、
はてなブログには標準で用意されているんですが、
Bloggerには、残念ながら標準でこのような機能はありません。。
標準以外では、ぐぐってみると、様々なブログカードが用意されています。
わたしはそのなかから、こちらを選びました〜〜!
Embed Code Generator | Embedly
Enter a URL and Embedly will generate HTML you can embed in your site or blog.
完全に見た目重視。
SNSボタンも表示されるし、サイズも指定できるので
コレを使用しています。
使い方はこちら
それでは簡単に使い方をご説明します。
Embed Code Generator | Embedly
Enter a URL and Embedly will generate HTML you can embed in your site or blog.
まずはこちらのページにアクセスして、
テキストボックスにカードにしたいページのURLを入力します。
上記ページは毎回使用するので、ブックマークしておくのがおすすめです。
URLを入力すると、ブログカードが自動生成されます。
生成されたブログカードの右側では
細かい設定が可能です。
①Display
SNS共有ボタンの有り無し・テーマ(色)の切り替え・SEO Embed(よくわからん)が指定できます。SEO Embedはよくわからないですが、SEO対策になるのかな〜〜
と思って毎回チェック入れています。
②Sizing・Width
ブログカードのサイズを調整できます。デフォルトはautoです。わたしはいつも500で作成しています。
- サイズを500に設定した場合はこちら。
Embed Code Generator | Embedly
Enter a URL and Embedly will generate HTML you can embed in your site or blog.
- 250に設定した場合はこちら。
Embed Code Generator | Embedly
Enter a URL and Embedly will generate HTML you can embed in your site or blog.
②Sizing・Card Align
文字を左揃え、中央、右揃えに指定できます。あとは、下部のテキストボックスをコピーして、
記事内に貼り付ければ、ブログカードの完成です!!!
まとめ
ブログカードは結構使う頻度が多いと思います。
WordPressのプラグインと比べれば、
少し手間がかかる部分がありますが、記事内に1つあるだけで
情報量も倍違ってくると思うので、
まだ使用していない方、ぜひ使ってみてください(/ω・\)チラッ
記事のプレビュー時はうまく表示されないことがありますが、
公開後確認するときちんと表示されているので、ご安心くださいね!
コレ以外にももっといいブログカードを知っている方がいれば
教えていただきたいです!!!
今回の記事はどうでしたか・・・?
現在、仕事と両立しながらブログ運営しています。
そのため、更新は不定期ですが、
読者登録、応援ポチポチして頂けると
更新の励みとなります!!!ぜひよろしくお願いしますm(_ _)m
TwitterFollow @58shiooo、インスタグラムも更新中です。
よかったら合わせてチェックお願いします♫
自作LINEスタンプも販売中です!
figarokun's stamps - LINE stickers | LINE STORE
figaro's stamps
コメント