MENU
HOME
TOP
WhiteTiger Ver 1.2.1に更新しました。確認よろしくお願いします。

WordPressで外部URLのブログカードはブックマークレット使うのが一番やで!!な使い方

先日自作テーマWhiteTigerに外部リンクのブログカードをエディタで使えるようにしました。

↓ブログカードってこんなやつね。

こんな使い方しますが、どうでしょう?

プレビューすれば表示確認できます。

プラグインなしで使えるのはいいと思うんです。

でもなんだかなぁ~これだと実際の投稿イメージがイマイチくんなんですね(;^_^A

それで、おいらはブックマークレットを使った方が良いと思ったわけです。

さて、ここから本題です。

ブックマークレットの使い方

ブックマークレットを登録する

まず、簡単なjavaスクリプトをブラウザのブックマークバーにもっていくだけです。 以下のコードを全選択してください。トリプルクリックすれば全選択になります。

javascript:prompt("HTMLをコピー(Ctrl+C)して、エディタでペースト(Ctrl+V)してください (OKをクリックでプレビュー)",'<iframe class="hatenablogcard" style="width:100%;height:150px;max-width:500px;margin: 10px 0;" title="'+document.title+'" src="https://hatenablog-parts.com/embed?url='+location.href+'" frameborder="0" scrolling="no"></iframe>');

こんな感じで、うぃ~ん♪っと持っていってくださいな。

 

んで、名前は分かりやすいように編集しておきましょう。

編集で名前を「ブログカード」にしました。右クリックで「編集」を選択。

 

そこで名前を「ブログカード」と入力、保存しただけです。

ブックマークレットの使い方

そいで、肝心な使い方です。さっき登録したブックマークレットをカードにしたいページでクリックして、コードをコピーします。

 

それをエディタで貼り付けるだけです。ビジュアルでHTMLを貼り付ける機能がない場合はテキストエディタで貼り付ければOKざんす。

こんな感じでエディタで確認できるから良いかと思います。

 

あ、ちなみにさっき「キャンセル」をクリックしたけどOKクリックするとこうなります。

 

組長!!以上であります!(`・ω・´)ゞ

スポンサーリンク

この記事をかいた人

閲覧どうもありがとうございます。当サイトキャンディースタイルとWordPressテーマのWhite Tigerというサイトを運営しています。まだまだ初心者なので、お見苦しいとこがありますがどうぞよろしく。

コメントを閉じる

コメントを残す

メールアドレスが公開される事はございませんが*の付いている欄は必須項目となります。
なおコメントの反映にお時間がかかる場合があります事をご了承ください。


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください