Simplicity2の「ブログカード」なる機能を利用してみた。

girl-1339682_960_720

ついさっきまで知らなかったのだが「はてなブログ」でよく見かける、

以下のようなリンク先の「画像」と「文章の一部」が表示される表示スタイルを「ブログカード」というらしい。

「ブログカード」なる呼称は全然知らなかったが、前々から気になってて、どんなふうにするんだろう?とは思っていた。

できることなら、自分のブログでも使いたいなあって。

2017-03-09_16h32_35

(出典:http://www.keikubi.com/entry/2017/03/01/082134

この度、新米おじさんブロガーとして100記事投稿を達成し(アクセスは全然だけど)

これからWordPress自体も、少しずついじりながら勉強しようと思っている。

それで、あの「はてな」みたいな画像と文章が表示されるリンクにするには、どうすれば?

と本格的に考えだしたのだが、

なんと、Simplicity2には「ブログカード」機能がすでに実装されているとのこと。

知らなかった・・・

しばらく前からSimpliciy2を使用させてもらっているから、私はいつでも「ブログカード」を利用しようと思えば、利用できたわけだ。

なんか、もったいないことをしていた気分がする。

知らないと損をするとは良くいうが、本当だな。

ま、100記事書くまでも、とりあえず、ブログのデザインや機能はいじらないって決めていて、その手の情報はあえて入手しようとしてなかったので、自業自得。

ともかく、早速「ブログカード」機能を有効にしてみよう。

「外観」からSimlicity2のカスタマイズに。

2017-03-09_15h54_36

そして、「ブログカード」

2017-03-09_15h57_38

あれ?すでに有効化されている。

2017-03-09_15h59_10

なんだ、知らなかった。

いつでも、ブログカードで表示できるようになってたんだ。

下の記事で、実際にブログカードの表示ができるかどうか試してみた。2017-03-09_16h02_34

普段はブログエディタで更新してるけれども、今回はWordPressの管理画面のエディタで久しぶりに更新してみる。

ビジュアルモードで、リンクするページのURLをそのまま入力してみる。

2017-03-09_16h26_06

すると、確かにリンク先の画像と文章の一部が表示されたものの、画像がでかすぎる。

2017-03-09_16h08_52

これはおかしい、ということで、

こんどはエディタのテキストモードでリンク先のURLだけでなく、URLを<a >タグで囲んでみる。

2017-03-09_16h22_32

今度は上手くいった。

リンク先のURLを挿入するだけでも上手くいく時は上手くいくらしいが、私の環境ではダメなようだ。

2017-03-09_16h24_07

それにしても、ブログカードがこんなにお手軽に利用できるなんて、ありがたい。

Simplicityの作者さんには本当に感謝だ。

この機能を最大限に活かしつつ、魅力的なブログを作成するためにも、もっともっと勉強しなければならない。

~追記~

最終的に「日付を表示する」と「画像を右にする」の変更を加えて、今はこんな感じ。

2017-03-09_16h55_53

こっちのほうが、落ち着くかな?

広告

シェアする

広告