HOME   »   webサービス  »  記事紹介のリンクをサムネイル付きで表示出来るShareHtml
RSSフィード
ブログを書いていると、他のサイトを紹介したい場面が出てきます。そんなときにShareHtmlを利用すると、リンク先の全体像をサムネイルとして以下のように紹介することが出来ます。画像付きなので分かりやすいですね。僕もブログの中で利用しています。
Evernote スマートノートブック by Moleskine



大変便利なブックマークレットShareHtmlは、普通のサラリーマンのiPhone日記の@hiro45jpさんが作成されたものです。
ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記



ShareHtmlはブックマークレットを利用するのでやや取っ付きにくい感じがあったので、今回はこのShareHtmlを出来るだけ分かりやすく紹介したいと思います。

スポンサーリンク

ShareHtml導入手順

ここでは僕が使用している形式のShareHtmlのスタイルを紹介しようと思います。まずShareHtmlメーカーへといったら、以下の図のように、①ポップアップのみ、②左サムネイル大-alignleft、③Bookmarkletを生成するの順にクリックします。

ShareHtml 1212222207

③を押すと、画面下部に以下のような画面が出てくるので、以下のShareHtmlをブックマークバーにドラッグ&ドロップすれば導入完了です。
ShareHtml 1212222218

ShareHtml使用方法

さて、実際にShareHtmlを利用してみます。まずはリンクを貼りたいページを開きます。そして、先ほど作ったShareHtmlをタップします。
ShareHtml 1212222229

このとき、コメントを入力するように促されますが、空欄のままでも構いません。そしてOKをタップすると、
ShareHtml 1212222230

タグが生成されました。あとはこれをコピーしてエディタに貼れば完了です。コピーはwindowsならctrl+c、Macならcommand+c、ペーストはwindowsならctrl+v、Macならcommand+vです。ショートカットキーを使うことで、コピー&ペーストもそれほど面倒になりません。
ShareHtml 1212222233

先ほど生成されたタグでの見た目は以下のようになります。(サムネイルが上手く取得出来ないサイトもあるようです。)
Dueの通知内容をURLスキームにして、アプリを起動する活用例!



先ほどの手順②では、他のスタイルも選択出来ます。上で紹介した左サムネイル大-alignleftの他に、
  • 左サムネイル小-alignleft
  • 左サムネイル大-table
  • 右サムネイル大-table
  • サムネイル無し
があるので、ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記

で自分のスタイルを見つけてみると良いでしょう。登録の仕方は上と同じ手順で出来ます。

まとめ

ShareHtmlを使えば記事紹介も簡単に行えますし、見栄えも良くなるので、利用してみてはいかがでしょうか。

関連記事

iPhoneのSafariで見ているページタイトルとURLをTweetbotでつぶやくブックマークレットを作ってみた

ShareHtmlで指定した画像をサムネイルにする方法

Chrome拡張機能「Keyconfig」ショートカットでブックマークレット起動できるのが便利!

長いページも読みやすく!ページ内の指定した場所にジャンプさせる方法

毎日ブログを書いている際に気をつけていることについてまとめてみた

スポンサーリンク

過去記事セレクション

当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。もしも興味がありましたら、是非一度ご覧ください。
公開記事が500を超えたので、過去記事の中からオススメを25個セレクトしてみました



▼このカテゴリの最新記事
Relate Entry
Entry TAG
ShareHtml   ブログ   サムネイル  
Comment
Trackback
Comment form
スポンサードリンク
楽天
2014年7月現在使用しているブログ用iPhoneアプリ16個
iPhoneホーム画面
人気エントリー
先月の人気記事
第1位(→0)
iPhoneにある写真(画像)をセブンイレブンで現像する方法

第2位(→4)
総計290個以上掲載!iPhoneアプリのURLスキーム一覧

第3位(↗︎2)
【iPhone】秘密の質問を忘れたのでAppleのサポートに電話してリセットしてもらった

第4位(↘︎2)
理系大学生なら絶対覚えておくべきWordの数式のショートカット

第5位(↘︎1)
iPhoneのパスコードを10回間違えると再入力までに60分必要

第6位(↘︎1)
SoftbankのiPhone4s→iPhone5sへ機種変更した時の料金試算

第7位(↗︎3)
iPhoneの画面を録画できるMac・Windowsアプリ「Reflector」のインストール方法・使い方

第8位(↘︎4)
iPhone/iPadのパスコードロックを10回間違えた時のデータ消去機能を実行してみた

第9位(↗︎4)
xRecというiPhone画面を録画できるアプリが再び登場!

第10位(↘︎2)
【iPhone】秘密の質問を忘れて間違えすぎるとApple IDが8時間ロックされる

第11位(→0)
iPhoneの写真を1枚5円で現像出来るネットプリントジャパン!

第12位(→0)
パラメータ有りiPhoneアプリのURLスキーム一覧

第13位(↗︎30)
青春18切符で東京から大阪へ~東海道線を突っ走る旅(1日目)

第14位(↗︎55)
青春18切符を利用した旅行時に活躍したiPhoneアプリのまとめ

第15位(↗︎16)
セリアでiPhoneの防水ケースを購入!風呂場で使うときに便利!

全記事表示リンク
サイト内検索
プロフィール

nasimeya

Author:nasimeya
Twitterアカウント→@nasimeya
iPhone5S/iPad3/iPad mini/MacBookAir13inch/Nexus5を現在所持しており、アプリとか紹介を主にしています。LAMYなど文房具もちょくちょく。ブログは楽しく書くことを心掛けております。

日にの観察ブログの更新は停止しています。

新しいブログはこちら⇒なしめやブログ(http://nasimeyablog.com

2013年5月現在利用している主力iPhoneアプリ26個
iPhoneホーム画面
2013年5月現在利用しているブログ用iPhoneアプリ13個
iPhoneホーム画面
iPad mini用おすすめアプリ8選

PAGE TOP