超簡単。3ステップで画像付きリンクタグを作る方法

ShareHtml

ブログを書くときに、他のサイトをリンクを画像付きで紹介したい時に、3アクションでできてしまう方法をご紹介します。

手動でやろうと思うと、スクリーンショットを取って画像のサイズを調整して、URLをコピーしてテキストを入力して・・・とやることは凄く多い。

面倒なので、画像付けるのやめておこうか、、、なんて思うことも多いのですが、この方法だとあっという間。

sponsored link

まずはうえせいが、とのようにやっているかを解説

1.「ShareHtml」をクリック

シェアしたいサイトを開いて、ブックマークしてある「ShareHtml」をクリックします。
ShareHtml

するとメモを記述するかどうかを聞いてきますが、なにもなければそのまま「OK」
ShareHtml

2.タグとプレビューが表示

表示されたタグを全選択してコピーをします。
ShareHtml

3.表示したい場所に貼り付けるだけ

たとえば、いま書いているこのブログに貼り付けると
▼ちゃんと表示されているでしょ?
WordPressとSNS & 前向きになれるお話|うえせいWP.net





ちなみに、タグを貼り付けたところ。
ShareHtml

チョー簡単、3アクションで完成です。

では、設定はどうすればいいの?

Sharehtml
ShareHtmlメーカー」というサイトを開きます。

このサイトでブックマークレット(ブックマークしておく簡単なプログラム)を作成して、ブックマークバーに置いておくのです。

ほぼ、そのままでOKなのですが、一箇所「書式テンプレートを選択して下さい」という箇所は
「左サムネイル大 alignleft」を選択
ShareHtml

ブックマークレット作成ボタンを押すと、下に出来上がっているので「ShareHtml」をブックマークバーまでドラッグアンドドロップするだけです。
ShareHtml

 

うえせいは、超便利に使っています

うえせいイラスト
これを入れていると、紹介しようというサイトへ行ってポチッとするだけで簡単でにできてしまいます。
そして、よく見ると「するぷろに連携」という表示があったと思いますが、iPhoneでブログを書くときに使うアプリ「するぷろ」に連携ができるので、同じことがiPhoneで出来てしまうんですよね。

iPhoneでの設定方法はちょっとややこしいので、今回は解説しません。
知りたい方は、この本を読んでくださいね。

sponsored link

ShareHtml
lineat
「この記事が気に入ったらLINE@で友だち追加をしよう!
合同会社うえせいやの最新情報をお知らせします。

友だち追加
うえせいイラスト

「合同会社うえせいや」代表の「うえせい」こと上原誠司です。
 
弊社では、WordPressを専門で扱うホームページの制作を承っております。
月額管理料は0円な上、納品後のサボート費用は質問の回答だけであれば永年0円です。
 
お問合せは無料です。お気軽にご連絡ください。

コメントを残す

メールアドレスが公開されることはありません。