【するぷろーら】ShareHtmlメーカーの登録、使い方

      2016/03/21

するぷろーら使い方

ShareHtmlメーカーの登録、使い方を書きます。Webページのリンクを作成する際にととても重宝しますので、するぷろーらにブックマークレットとして登録しておくと便利です。

 

Sponsored Links

 

  

するぷろーらでShareHtmlメーカー

 

するぷろーらを起動し、ブックマークレットを登録します

ShareHtmlメーカーは下記のページからカスタマイズ、登録します。

 

ShareHtmlメーカー

 

するぷろーらで開いた画面 

ここで作成するリンクのカスタマイズができます。

DropShadow ~ IMG 1890 

 

基本的に下記の項目は変更しなくても大丈夫です。

DropShadow ~ IMG 1890

 

【出力方法】

ここは【するぷろに連携】を選びます。

DropShadow ~ IMG 1890 1 

 

【書式テンプレート】

ここでは表示されるサムネイルの設定になります。

僕の場合、【左サムネイル大-alignleft】にしています。

DropShadow ~ IMG 1891

 

ここまで選択したあと、【Bookmarkletを生成する】ボタンをタップします。

DropShadow IMG 1892

 

すると、2つのリンクと登録用のスクリプトが表示されます。

このスクリプトを全コピーしておきます。

DropShadow ~ IMG 1894

 

このように全コピー>>

DropShadow IMG 1895

 

次に、iPhone登録用のリンク(ShareHtml)をタップします。

DropShadow IMG 1894

 

【開く】をタップ。

DropShadow IMG 1896

 

普通にブログが表示されますが、このページをブックマークに登録します。

DropShadow IMG 1897

 

【Bookmarklet】のフォルダに入れておくと後で分かりやすいです。

DropShadow IMG 1911

 

【新しいブックマークレット】をタップ。

DropShadow IMG 1899

 

ここで名前とURLを修正します。

【?】以前を削除するのですが、選択で先頭まで移動すると時間がかかるので、全選択し、先ほどコピーしたスクリプトをペーストします。

DropShadow IMG 1902

 

【保存】をします。

これで準備完了です。ブックマークレットの登録ができました。

DropShadow IMG 1903

 

 

実際にサムネイル付きのリンクを作成する

 

あとは作成したいWebページを開き、先ほど登録したブックマークレットを実行すれば自動でリンクを作成してくれます。

 

作成したいWebページを開きます。

ここではサンプルとして、当ブログのTopページのリンクを作成してみます。

【ブックマークボタン】をタップ。

DropShadow IMG 1904

 

【ShareHtmlメーカー】をタップ。

DropShadow IMG 1905

 

ポップアップでメモを入力できます。

DropShadow IMG 1907

 

先ほどのカスタマイズで【するぷろに連携】を選択していたので、自動でするぷろが起動します。

はり付ける場所を選択します。

DropShadow IMG 1908

 

これで完了です。

自動で連携してくれるのはうれしい機能!!

DropShadow ~ IMG 1909

 

プレビュー画面で見てみるといい感じにリンクが作成されています。

DropShadow ~ IMG 1910

 

 

 

まとめ

 

するぷろーらとするぷろの連携はものすごく楽!

これでiPhoneでブログを書くのがものすごく捗ります。

是非参考にしてみてください。

 

 

 

 

 

Sponsored Links

 - iPhoneアプリ紹介, Webサービス(WP)
 -