Slider

Blog and WordPress

ShareHTMLをiPhoneで使ってみた!他の記事をかっこよくシェアできる!

投稿日:2014/11/21 更新日:

 ブログを書く上で、他の記事をシェアしたり、他の方の記事を紹介するという機会は結構あるかと思いますが、そんな時ShareHTMLを使えば、かっこよく他のページを自分の記事に貼ることができます。今回はこのShareHTMLをiPhoneで使えるように設定してみました。これでiPhoneでブログを書くいわゆるモブログがはかどりますね。

 試しにShareHTMLを使ってみるとこんなかんじですね。

世界一でかい露天風呂「ブルーラグーン」行ってきた。温泉の国アイスランド! | 俺だって情報発信!!

 サムネイル付きで見やすく便利です!

shareHTMLのブックマークレットの生成

 shareHTMLはブックマークレットという仕組みで動かします。ここでブックマークレットの詳しい説明は避けますが、簡単に言うとブックマークに登録してそれをクリックすると、webサイトに飛ぶのではなく、何かの機能が動くというものです。

 まずは、iPhoneからshareHTMLのブックマークレットを登録するために、こちらのshareHTMLの作成者様のサイトに行きましょう。ShareHTMLでググれば、すぐに出てくるかと思います。

201411sharehtml1

 ShareHTMLメーカーと書かれたページにたどり着けばOKです。今回は、するぷろに連携するタイプで作ってみます。色々入力するところがありますが、私はこんな感じでやりました。最初の名前は自分がわかればなんでもよいですね。次の選択テキストの文字数もデフォルトの100字でいいかな。任意のところもそのままで…

201411sharehtml4

 出力方法について、今回はするぷろに連携を選択です。後は書式テンプレートですね。色々ありますが、私は「左サムネイル大 – alignleft」にします。

201411sharehtml5

 ここまで、入力したら、一番下の「Bookmarkletを生成する」をタップして完了です。さらに下にブックマークレットが生成されます。

201411sharehtml7

ブックマークレットの登録

 ここで、iPhone登録用という方のリンクを長押し(長タップ)して、リンクのURLをコピーしましょう。

201411sharehtml8

 このやたら長い英数字の文字列がブックマークレットです。これをブックマークに登録して使うのですが、少しばかり削除してやらなくてはならない文字が入ってしまっています。なので、メモ帳か何かにこの文字列をペーストして、編集してあげます。

201411sharehtml9

 デフォルトのメモ帳にペーストしてあげれば十分です。もちろんテキストエディタなら何でも構わないかと。ペーストしたら、文字列の最初の部分に移動して「http://iphone-diary.com?」という部分を削除します。

201411sharehtml11

 不要な文字列を削除したら、また全文字列をコピーします。これをブックマークのURLとして登録する訳です。

201411sharehtml12

 また、ブラウザに戻って、適当なページをブックマークします。先ほどのShareHTMLメーカーのページが開きっぱなしになっていると思いますので、このページをブックマークすればよいですね。サファリだと下の画像みたいな感じです。

201411sharehtml13

 この時点でブックマークのURLを変更できればいいのですが、できないのでとりあえず、そのまま保存します。

201411sharehtml14

 そのあとにブックマークメニューから編集をタップして、いま登録したブックマークの編集に入ります。

201411sharehtml16

 ここで、表示されているURLを全て削除して、

201411sharehtml17

 先ほどコピーした文字列をペーストします。

201411sharehtml18

 ここまでやったら、もう完成です。

201411sharehtml19

 今作ったブックマークをタップすれば、その時に開いているページをShareできるHTMLをするぷろに送ってくれます。もちろんプレビュー表示の場合は、shareのプレビューとHTMLのコードが表示されます。

終わりに

 ブックマークレットって最初はよくわからないですよね。私もよくわかりませんでした(今も細かい仕組みはわかってません(汗)とりあえず、ShareHTMLを導入したい使いたいという方には参考になったのではないでしょうか。


 記事はいかがでしたでしょうか?当ブログの管理人うらまつです。海外旅行とジャグリングが好きでこんなことやっております。ご覧になっていただければ嬉しいです。

広告

広告

-Blog and WordPress
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

hatebueyecatch

はてなブログProで独自ドメインの設定してみた。設定の方法を解説!!

 先日、私ははてなブログProを申し込みましたが、はてなブログProでは独自ドメインでブログを運営できるということで私も独自ドメインの設定をしてみました。はてなブログで独自ドメインの設定をしようとして …

wordpress-logo

今話題のWordPressテーマ「Stinger」を試してみた。素晴らしいSEO対策付きでアクセスアップ!!

 みなさんこんにちは。  最近、話題となっている高性能WordPressテーマの「Stinger」を私も試してみました。SEO対策や広告の表示場所などが最適化されており、アクセス数や収益の上昇が望める …

wapuueyecatch

WordPressの管理者変更したぞ。デフォ設定の場合はセキュリティ的に大問題!

 最近、WordPressで作られたサイトの改ざんや不正アクセスの話を良く聞くようになってきていますね。特にWordPressの管理者の設定がデフォルトの「admin」になってると不正アクセスを受けや …

oridomaineycatch

お名前ドットコムで独自ドメインとってみた。意外とあっさり取れました。

 みなさんこんにちは。  今回は、お名前.comを利用してオリジナルのドメインを取得してみました。このブログはすでに独自ドメインで運営しているのですが、今回は「はてなブログ」に新たにブログを開設しよう …

sharehtmlikon

記事をかっこよくシェアできるブックマークレット「ShareHtml」を導入したぞ!

 こんにちは、今回はShareHtmlを導入しましたので、その方法について書いていこうと思います。ShareHtmlといえば、自分のブログに他の記事を貼り付けることができるブックマークレットで、サムネ …

検索

管理人の動画「海外旅行しながらジャグリングしてきた」