するぷろーらのカスタムタグで好きなようにHTMLタグを取得するカスタマイズ #ibcafe

するぷろーらでカスタムタグを作る方法

iPhone Blog Cafeで学んだことを実践します!手を動かさないと、覚えられないですからね!

よっひー(@yosiakatsuki)です。

「するぷろーら」のカスタムタグをカスタマイズしてみましたので、やってみたことをご紹介します!

「するぷろーら」カスタムタグをカスタマイズ

先日参加した第3回 iPhone Blog Cafeで「するぷろーらのカスタムタグの作り方」を学びました!

学んだことの実践編として、自分で考えてカスタムタグを作ってみましたので2つ程ご紹介!

コピーした文章でリンクを作る!

見ているページのタイトルとURLからリンクを作るカスタムタグはプリセットで用意されてます。

するぷろーらにはリンク作成のプリセットがあります

「リンク」ボタンからカスタムタグを作っただけではではカスタムした感が薄いので、「タイトル」部分をコピーした文章に置き換えてみようと思います!

まずは、するぷろーらのカスタムタグを新規作成します。

するぷろーらのカスタムタグをタップ

カスタムタグ一覧の右上のボタンを押したあと、「新しいカスタムタグ」を選びます。

するぷろーらの右上のボタンからカスタムタグ編集
するぷろーらの新しいカスタムタグを選ぶ

まずはタイトルをつけます。カスタムタグは、キーボードの上にある「リンク」ボタンを押して、参考元になるタグをセットします。

するぷろーらのタイトルをつけて、リンクプリセットをタップ

続いて、タイトルは今回使わないので、「!title!」は削除します!

するぷろーらで!title!を削除

元々「!title!」があったところに、キーボードの上にあるボタンの中から、「クリップボード 」を選びます!

するぷろーらでクリップボードを押してタグセット

こんなタグが出来上がりました!

<a href=”!url!”>!words!</a>

これでカスタムタグは完成です!

コピーした文章でリンクを作ってみる!

早速、作ったカスタムタグを使ってリンクを作ってみたいと思います!

まずはリンク表示させたい文章を選んでコピーします!

するぷろーらのリンクに変えたい文章をコピー

続いて、リンクをつけたい記事をするぷろーらで開いて、カスタムタグを実行!

するぷろーらでカスタムタグ実行!

カスタムタグを実行して作ったリンクをエディタへ送るか聞かれますが、今回はコピーします。

するぷろーらで実行結果をコピーする

エディタに戻って、リンクを付けたい文章をするぷろーらで作ったタグに置き換えます!

するぷろーらでコピーした文章を置き換えて、リンクタグの完成!

これで、ページタイトル以外をリンクにする時も楽々になりました!

Facebookページ投稿用にページタイトルとURLを取得

ブログを書くとき以外でも使えそうな小ネタを一つ。

僕はいつも、ブログの更新通知をFacebookページにコメントを付けて投稿しています。

その投稿の際に、記事タイトルとURLをコピーする必要があるので、それをカスタムタグで実現したいと思います!

コードは次の2行だけ!

!title!
!url!

たいしたこと無いかもしれませんが、結構気に入ってます!

使い方は、Facebookに投稿したいページを開いて、カスタムタグを実行します!

エディタに送るか聞かれたら、コピーを選びます!

するぷろーらでカスタムタグの実行結果をコピー

Facebookページアプリで投稿を作成してペーストします。

するぷろーらでFacebookページアプリにペースト

あとは、コメントを付けて投稿するだけ!

いちいちURLを全選択してコピーする必要がなくなったので、だいぶ楽になりました!

「 | たらハコ 」が着いてくるのがイマイチですが、タイトルとURLをとってきて、さらに改行までしといてくれるのはありがたいです!

よっしーのひとこと

よっひー

するぷろーらのカスタムタグを改造してみました!

正直なところブックマークレットよりは使用頻度は低いかな?と、いうところです…

ちなみに、Facebookページ投稿用に作ったカスタムタグと同じ事をもっと便利にできるスクリプトを作成中なので、具現化できたら紹介したいと思います。

ではまた。