-->

【QooQカスタマイズ】ブログカードを導入してページの見栄えをよくする

2021/02/16

Blogger QooQ

t f B! P L

ブログカードを表示させる


Bloggerの標準装備では、他サイトの紹介は普通のリンクしか表示できません。でも、他のブログを見ると、見やすいブログカードで見栄えが良くなっている・・・

ということで、QooQテンプレートにブログカードを導入してみました。といっても自作ではありません。全面的に以下のサイトの説明通りに設定しただけです。私自身は何もしていませんので、これ以上の説明はできませんが、所要時間5分程度で美しいブログカードができます。このような感じに。


ブログカードの導入

ブログカード用HTMLを生成するブックマークレットをブラウザに登録する ブログカードのブックマークレットを作成しました - カスタマイズ この通りにします。 ブックマークレットを登録したいブログで ブログカードのブックマークレットを作成しました - カスタマイ...

CSSの置き場所はどこでも良いとの説明になっていますが、私は「ウィジットを追加する」ボタンが出ていたフッターに置いてみました。問題なく動いています。

なお、ウィジットのタイトルはブランクにしておいてください。タイトルに「Blogcard」とか入れると、そのまま該当箇所に表示されてしまいますので。

さらに参照元のこちらのサイトもご紹介。

ブログカードのブックマークレットを作成しました

SSL化後の悩ましい作業のひとつ ブログカード これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。かといって はてなブログカード はSSLに対応できてないですし。 * 2018年現在ではSSL対応しています。...

ブログカードを全体リンクにする【CSSのみ】

下書きのまま放置していました。すみません ^^; 弊ブログ提供の ブログカード、デフォルトでは各タイトルや画像がリンクになっていますが、これを全体リンクに変更する方法です。...

なお、デメリットにも記載されていますが、出典元に毎回アクセスするわけではありませんので、出典元が修正や変更をしても、ブログカードの内容には反映されません。

こんな便利な機能を用意していただき、ありがとうございます!


このブログを検索

最新記事はこちら

【Glideで簡単アプリ作成】ノーコードでかんたんカウンターアプリを作る

 ノーコードアプリの作成は簡単、というけれど実際に作るとアプリ画面の設定やテーブルの定義、イベントの設定など案外手間がかかったりするものです。ここでは、ノーコードツールのGlideを使って、簡単なアプリを簡単に作ってみます。 一日にやってみた回数をカウントするアプリを作る ここで...

ラベル

自己紹介

数学苦手な文系が、そろそろネットで何かやってみるか、という程度。のんびり、てきとーに。