記事に何かしらのリンクを張るときに、はてなブログでブログカードと呼ばれているようなものを使いたい。
「Pz-LinkCard」というプラグインを使うことで実現できるようなので試してみる。
使い方はエディタで次のショートコードを書くだけ。
|
1 |
[blogcard url="URL"] |
普通の記事にリンク
アイキャッチのある記事にリンク
外部リンク
見た目はCSSで変えられるようなのでとりあえずデフォルトの場合を画像で残しておく。
ちょっと見た目に違和感がある。
URL部分とfaviconがうまく表示されていないのも気になるけどとりあえずOK。
プラグインを入れることでエディタに機能が追加されるみたい。
紹介記事でよく出てくるのは以下の２つだった。
というわけでCrayon Syntax Highlighterをインストール＆有効化した。
プログラム言語：default
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="wrapper"> <p><span class="red">TEXT</span>TEST</p> </div> </body> </html> |
プログラム言語：XHTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="wrapper"> <p><span class="red">TEXT</span>TEST</p> </div> </body> </html> |
エディタだと上２つとも同じに見えるので、プレビューで確認する必要がある。
