| BBS | COMMENT | TRACKBACK | CATEGORY | LINKS | ARCHIVE | GALLERY |
TOTAL PV
ブログカード導入
あとで読むはてなブックマーク - ブログカード導入 | 2018年03月21日(水) | 0 | 0 | 記事編集
ブログカード導入

ブログカード…ですか?

今まで当ブログでは
記事内に自ブログの記事や他サイト(参照ブログ記事)へのリンクを貼る際に
油温計取付け | ひいろんBLOG
こんな感じでテキストリンクを貼り付けしていました。。

当ブログからパズドラコンテンツをWordpressに分離移行した時に
初めてブログカードの存在を知るんですが…

Wordpress(Simplicity)のブログカード

Wordpressのブログカード
ひいろんBLOGはマイナーな(ぉぃ)「Serene Bach」で記事を書いてるので
そんな機能があるハズもなく。。
(おそらく今後も機能追加されないでしょう…)

Embedly ブログカード

んで、色々調べてみると「Embedly」というサービスがあるのを知り
早速試してみたんですけど。。
油温計取付け | ひいろんBLOG
こんな感じで…
悪くはないんですけど不要なモノが付いていたり
ちょっと主張しすぎな感があったりして
カスタマイズしようにも自由度がかなり低いみたいなんで
(一応CSSで制御も可能みたいですけど…)
その存在を知りつつも使用を見送っていました。。

自由度の高いブログカード

そんな中でふと見つけたサイトさんにて
Embedlyと同じ様に閲覧中のブログ記事からブックマークレットを使って
ブログカードを作成できる方法を発見[icon:ハート]

ブログカードのブックマークレットを作成しました - カスタマイズ

SSL化後の悩ましい作業のひとつ。 ブログカード これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。 かといって はてなブログカード はSSLに対応できてないですし。 私のブログの特定ページでEmbedlyがどうしてもOGP画像を出してくんない(笑) そしてEmbedlyは非常にカスタマイズし辛いんですね。 ほとんどできないと言っ...

こちらのブックマークを使うと
ブログカードのコード作成時に画像URLや記事概要等が含まれたHTMLを吐き出してくれるので
軽い上にCSSを使って表示カスタマイズが簡単且つ自由に出来るのがいいですね[icon:音符]

っつ〜事で

油温計取付け

エイトにオートゲージの油温計を取付けしました。

こんな感じにブログカードを表示させる事が出来ました[icon顔:エヘ]
(Wordpressのブログカードとほぼ同じスタイルですね♪)
とりあえずは満足してますが、今後CSSを使ってカスタマイズなんかもしてみたいですね[icon顔:エヘ]
(アレンジすればはてブ数の表示も可能かな???)

2018/03/26追記

ブログカードカスタマイズ記事UPしました。

ブログカードに[users]を表示させてみた

先日導入したブログカードにはてなブックマーク数「○○users」を表示させてみました。

2018年03月21日(水) 14:35 | ネット > 改造メモ | 0 | 0 | 記事編集
  • コメント[0]
  • Facebookコメント
  • はてブコメント
  • blogcircleコメント

まだこの記事へのコメントはありません。

コメントする

icons:

 
トラックバック

まだこの記事へのトラックバックはありません。

ランキング参加中:応援(クリック)よろしくお願いします
  ブログランキング・にほんブログ村へ ブログ王ランキングに参加中! .*:゚(・ω・人)゚:*.
【ネット > 改造メモ】の最新記事
FaceBookページ応援よろしくおねがいします〜(^▽^
ひいろん
  • 【ひいろん】
  • 性別:おっさん
  • 住所:静岡県
  • 愛車:400R