リンクの見た目を格好よくしたい
テキストリンク > 携帯電話サービスにおける通信障害について
やりたいリンク
結論
embed.ly でブログカード用のHTMLを作成し、ブロック = カスタムHTML にコピペ
Embed Code Generator | Embedly
Enter a URL and Embedly will generate HTML you can embed in your site or blog.
解説
自サイト以外でブログカードを使う方法は、WordPressのプラグインを紹介されている方法しか確認できず。
意地でもプラグインは使いたくないのでどうにかならないかと探したものの見つからず。
で、調べたところで一番良さそうだったのが embed.ly を使う方法。
以下の点は気になるが他に方法を見つけられていないのでしょうがないかな、と。
- リンク作る度に embed.ly にアクセスして HTML生成、コピペの作業が発生
- HTML生成した時点の情報で作るので、後日リンク先のサイト タイトル・掲載分が変更されていても 旧情報で表示されてしまう (と思っているのだが HTMLよく見ると script async とあるのでもしかしたら更新されるかもしれない)
- 右下に Powered by embedly が表示される
経緯
ここから先は私が何を勘違いしていたかの経緯を掲載。
ブログカードを作る、という目的は紹介済で、もし私と同じ経緯を辿ってハマってしまった人がいたら 参考になるかもしれない程度の情報。
以下サイトで紹介されているコードを埋め込めば出来る、と思っていたがどうにもブログカードが期待した通りに表示されなかった
【WordPress】コピペで実装ブログカードの作り方【プラグインなし】
こんな要望に応えます。 本記事では、 wordpress環境における内部リンクのブログカード化を誰でも簡単に出来る方法（作り方） で解説しています。「オシャレなブログにしたい」「はてなブログみたいにしたい」なんて方は参考にどうぞ、抜粋文表示も可能でサイトも重たくなりません。 「内部リンクをブログカード化 → クリック率アップ」 目次【知りたい情報をピックアップ】 スポンサードサーチ …
私は上記サイト中の「内部リンク」という文字をすっかり見落としていたのでどっぷりハマってしまうことになった
上記サイトで紹介された nlink に外部サイトのURLを指定するとどうなるか。
■ 参考 softbank障害のURLを指定した場合
[nlink url=”
https://www.softbank.jp/mobile/info/personal/important/20181206-14/”]
何故か本ページのタイトルと先頭数文字でブログカードが生成されている。そしてリンクしようとしてもまともに動かない。
何故か。
紹介されているプログラムを簡単に解説すると、以下のような処理になっている。
- URLより WordPress上の記事ID を取得
- 記事IDを元に タイトル・本文先頭数文字を取得
- ブログカード用のHTML文 生成
最初の記事ID取得時に 自サイト以外のURLを指定すると 記事ID が 0 となり、記事ID = 0 は 自ページのもの、という仕様があって 後続処理が 自ページのものとして動いていたためかと思われる
■ 参考 プログラム中に 処理中の情報を出力してみる
[bcard url=”
https://www.softbank.jp/mobile/info/personal/important/20181206-14/”]
文章は流し読みせず、ちゃんと見ないとダメです。
embedly の存在を知ったサイト様。感謝
【まとめ】WordPressにブログカードを簡単に実装する方法5つ | パソコン生活サポートPasonal
ブログカードというものを知っていますか？記事内で他の記事などを紹介するときに、タイトル・サムネイル・文章の抜粋付きで、デザインチックに表示することができる機能をブログカードと言います。 …
過去掲載分。自分を戒めるために消さないでおく。恥ず..
状況 = 調査中
方法1. ブロックに 埋め込みってのがあるじゃねぇか
方法2. プログラムを実装する
試すにあたり、確認にしたサイト 多数。
functions.php と style.css だけでいけそうなのはいいが 上記ブログカードのURLは 以下を指定。https://www.softbank.jp/mobile/info/personal/important/20181206-14/
表示される title と excerpt は 指定したURLのものはなく、まさかの自サイト。Clickすると 指定したURLへ飛んでいく。
表示されているのは 現在閲覧中のサイトで、リンク先は 指定したURL になっている。
意味がわからない.. 継続調査。