月は魚に日は乙女タイトル画像

livedoorブログ記事のリンクをかっこよく表示したい。(ブログカード作成)[ブログ初心者]

livedoorブログ作業のアイキャッチ画像

権限が怪しいので、これをchrome拡張に入れないか、使用しない時は停止がいいと思う。どのような権限かは「ちょっと気になる権限」の所を見て下さい。

自分のブログ内の記事リンクを

かっこよく写真つきで表示させたい。

方法をネットで検索したいけど名称がわからないので

名称から探すデジャブ感のある作業から始まった。

なんとか語彙力をフル稼働して、ようやく名称をつきとめた。

↓こういう表示の名称は“ブログカード”というらしい。

アイキャッチ画像
パソコン前で「はぁぁああ!?」って叫んだ。 うれしすぎる!! 記念品を作りたいレベル。 流れ 申請したブログはこの月魚ブ...

 

方法はあるの?

仕組みの理解は専門的すぎるのですっ飛ばして、設置できるのかできないのかで探す。

程なく画像つきで詳しく説明してくれているブログ発見。

livedoorブログでも出来る!

“コレは便利!Livedoorブログでブログカードを作成したので、やり方を説明するのだ。 : 大魔王は無職である。”

はてなブログだとデフォルトで機能がついているらしい。

それ以外だと、こういった方法を使って自前でやる感じ。

WordPressでの有料テンプレートぐらいになると、簡単に出来るよう機能がついている。

手順

  1. ブラウザに拡張機能を追加し有効にする。(名前をクリックすると拡張機能のページに行ける)
    chrome用”Create Link“、firefox用”Make Link



    ブラウザの右上はじっこにアイコンが出てるはず。
  2. 拡張機能アイコンクリックし[Configure…]を選ぶ
  3. “Formats”下の表で”HTML”欄にあるコードを別のコードに変える(コピペ)
    ※貼り付けるコードは“大魔王は無職である”さんの所で下の方にあるからコピー
    してね。
    こんな感じになるはず。


    以上で下準備は完了。

使い方

  1. リンクしたいサイト(画面)でアイコンをクリック→[HTML]をクリック。(これでコピーができてる)
  2. livedoorブログの記事画面で、[HTMLタグ編集]ボタンを押してコード画面にしてから、貼り付けたい箇所にペーストする。
  3. 記事画面に戻ってもコードのままだけど、プレビューすればこんな感じに表示されてる。

パッと見ややこしそうだけど、かなり簡単に使える。

ちょっと気になる権限

実は権限の文面がとても気になるんだよね。

これって機能を使わない間も、ずっと動いてるのかな?

よくわからないけど使用しない時はオフにした方がいいのかも。

自分はもう使わないから削除してる。

以下はオフのやり方。

これで拡張機能の一覧画面にいったら、この機能の所をオフにする。

削除は”削除”の所をクリックすればいい。

【結論】簡単かっこいい!!

拡張機能のおかげで、めちゃくちゃ簡単に作れた。

しかもすごく見栄えがよいし、かっこいい。

文中の文字にリンクを貼るより断然分かりやすいから

クリックもしやすくなると思う。

今回の作業はこれをするのにかかった作業時間に比べて

得られた効果がすばらしすぎる。

[追記]Wordプレスに引っ越したら?

これ、表示されない。

コードみたら一応元のコードはあるんだけど、表示は白い枠だけになっていて、全部やり直した。

上で綺麗に表示されてるのは、Wordプレスの有料テンプレート(ATLAS)の機能で、外部へのリンクカードは作れない。

他の有料テンプレートなら作れるかもしれないし、ブログカード作るプラグインがあるとも聞いたけど、なんか複雑にすると後が面倒そうだからやってないんだよね。