読者です 読者をやめる 読者になる 読者になる

はてなブログアプリで、リンクをブログカードで表示したい

その他

ブログカードとは、はてなブックマークのサイトでいう所の

これのことです↓

 

b.hatena.ne.jp

 

タイトルと枠があって、付いたスターの数があって、ブクマ数があって、というはてな特有の指標になり得るデザインとなっています。概要がつかみやすいアイキャッチ画像があるものもあります。すごく見やすいと感じるので、見るときも結構無意識に参考にしているものです。リンクを貼るときにもよく使います。

僕はiPhoneで書いてそのまま公開することもあるのですが、そのときはてなブログのアプリを使います。

 

この鎖のボタンでリンクが貼れますよね

f:id:peacebooks:20150826125123p:plain

 

 

ただそのときは、リンクは貼れるのですが文章でしか貼れません。

      ↓

f:id:peacebooks:20150826125132p:plain

 

    ↓ 表示すると

 

f:id:peacebooks:20160314023306p:plain

このようにタイトルにリンクが貼られるだけの状態です。

 

 

そこで、リンクを貼ったあとの[:title]の部分を[:embed]に変えます。 

f:id:peacebooks:20161030022209p:plain

 

      そうすると↓

 

f:id:peacebooks:20161030022105p:plain

ブログカードが貼れます。

 

ちなみにembedはエンベッドと読み、英語で埋め込むという意味だそうです。

 

※注 リンク先によってブログカードで表示されないページもありますので、その場合はPCにしてもスマホからにしても諦めてください