ブログカードって見た目いいけど、記事化するまでがめんどくさい…

※PCでブログ書く人には全然為にならないのでスルー案件です。

スマホでブログ記事を書く人で、ブログカードを多用する方には朗報かも知れません。

最近よく見るサービスは「embed.ly」のブログカードですよね。

SATOWEB（佐藤雄樹）/ B-THREE BLD.

こういうやつです。

これ、Wordpressにプラグインをインストールしてる方はURL貼り付けるだけで勝手にやってくれるのですが、ファビコンが読み込まなかったり、タイトルで変なタグを読み込んだりしてちょっと残念だったりします。

【oggiottoプロケア連載vol.2】普通毛・多毛・混合ダメージ毛へのアプローチ

こんな感じになります。

なので、ほとんどの皆様は、コード作成画面で、該当リンクをブラウザで開いてURLコピペしてコード作成してエディタ画面に戻ってくる、みたいな結構手間のかかることをされてると思うし、私もそうしてたのですが、これがマジでめんどくさいのです。

でも、PCにはオフィシャルのブックマークレットがあるんです。

なので、スマホでも出来ないか試行錯誤したら、ちょっとバグはありますが何か出来たので記事にしてます。

「Chrome」をインストールする

ちょっと色々試してないので詳しくは分かりませんがChromeだと何とかコードコピペまで出来たのでそれで説明してみます。

とりあえずChromeをインストールしたら、何でもいいのでまずWEBページをブックマークします。

ブックマークが終わったら、ブックマークの編集。

タイトルは適当に自分が分かりやすいのに変えて、URLの部分に、以下を貼り付けます。

javascript:!function(a)%7Bvar%20b=%22embedly-platform%22,c=%22script%22;if(a.getElementById(b))embedly.modal();else%7Bvar%20d=a.createElement(c),e=!1,f=function()%7Be%7C%7C(embedly.modal(),e=!0)%7D,g=function()%7B%22complete%22===d.readyState&&f()%7D;d.onload=f,d.onreadystatechange=g,d.id=b,d.src=(%22https:%22===document.location.protocol?%22https%22:%22http%22)+%22://cdn.embedly.com/widgets/platform.js%22;var%20h=document.getElementsByTagName(c)%5B0%5D;h.parentNode.insertBefore(d,h)%7D%7D(document);

完了

あとはブログカード化したいWEBページで、そのブックマークレットを開くだけです。

そしたら

こんな感じに勝手に作ってくれます。

あとは下の方のコードをコピペするだけです。

バグがある

ただ、コードをコピペする時に、スクロールが上手くいかなかったりするので、ランドスケープモードで一旦画面を横にして、再度縦に戻したりしたら、何とかコピー出来ます。

自分で適当にやってみたので、詳しくは全然分からないので質問とかは絶対にしないでください。猛爆

ご参考までに！