HTMLタグがわからないママさんブロガーにおすすめ!簡単に他のホームページへのリンクを貼る方法

Takashi Fujisakiのアバター
2200文字

こんばんは。こんにちは。もしくはおはようございます。

近頃、周りにママさんブロガーが増えてきました!お子さんの写真など観るのが楽しいです。ウチの姉もそんなママさんブロガーの一人ですはい。

そこで、よく聞く話では、「自分のブログの文章の中から他のページを表示させるためのやり方がよく分からない!」というのがありますので、簡単にできる方法をお教えします。はい。ちなみに、MacのSafari、Chromeのみの説明とさせていただきます。ご了承ください。(iPhoneのSafariについては、少しだけ後述します。)

ブックマークバーを表示させる

まず、ブックマークバーなるものを表示させときます。

Safariを起動して、画面の一番上にあるメニューバーの「表示」→「ブックマークバーを表示」を押す。

スクリーンショット 2012-10-11 20.11.25.png

Chromeの場合は、Chromeを起動して、メニューバーの「表示」→「ブックマークバーを常に表示」を押してください。

こんなの↓が出てればOK。

スクリーンショット 2012-10-11 20.13.25.png

秘密のボタンを設置する

俗に言うブックマークレットとかいうやつですが、そんなこたーどうでもいいんです。下の「リンクを貼る!」の文字をドラッグ&ドロップで、ブックマークバーの一番左(本マークとかがあるとこのすぐ右)に入れます
Chromeも同じです。

スクリーンショット 2012-10-11 20.29.02-2.png

↓これですこれをドラッグするのです

リンクを貼る!

こうなったらOK。秘密のボタン設置完了です。

スクリーンショット 2012-10-11 20.36.15.png

リンクの貼り方

リンクを貼りたい、リンク先のページを表示させます。

今は、例でGoogleのページで試してみます。

http://www.google.co.jpを開いて、そしたら先ほど設置した秘密のボタンを押す。

すると、画面の真ん中になんか出ます。

スクリーンショット 2012-10-11 20.45.29.png

この窓の中に表示されてるのが、リンク用のタグなので、これをコピーします。

コピーはcommand + C です。

次に、ブログの編集してるページを開き、貼り付けたい場所にカーソルを合わせて貼り付けます。

貼り付けはcommand + V です。

すると、こんな感じに↓

Google

ページのタイトルが表示されて、それをクリックするとリンク先へ飛べます。簡単にできました!

疑問にお答えします

てゆーか自分のブログ編集しながら他のページ開けないんですけど

メニューバーの「ファイル」→「新規タブ」または command + Tを押すと、新しい「タブ」なるものが開き、タブをクリックすることでページを切り替えて、ひとつのウィンドウで複数のページを見ることができます。
ブログ編集画面でcommand + T を押して、ブログ編集画面を残したまま新しくできた方のページで別のホームページを開けます。

スクリーンショット 2012-10-11 20.59.30.png

ブログに表示されるリンク文字を、ホームページのタイトルじゃなくて、別の文字に変えたい

タグを貼り付けしてから、タイトルが書いてある部分の文字を変えればOKです。

この例だと、Googleの文字を別の文字に変えます。

<a href="http://www.google.co.jp/" target="_blank">Google</a>

<a href="http://www.google.co.jp/" target="_blank">18歳未満はこちら</a>

18歳未満はこちら

iPhoneでもできますか

できます。ただ、秘密ボタンの登録は少しややこしく、この記事でもiPhoneの登録用のものは作ってません←

MacのSafari、もしくはWindows Internet ExplorerかSafariで登録してブックマークをiCloudでiPhoneと同期するのが一番簡単だと思います←
申し訳ないですがその辺の手順は割愛させていただきます。

iCloudで同期した場合、Safariのブックマークの中の「ブックマークバー」の中に秘密ボタンがいますので、それをクリックすると同様にHTMLタグをゲットできます。

なんというか、ママさんブロガーはきっとスマートフォンからの投稿がほとんどなんだろうなーとここに来て思ってます。しくしく。

もうちょっとだけ素早くタグをゲットする方法

ボタンを登録する際に、一番左にドロップしてもらいましたが、理由はこれです。
command + 数字キーで、ブックマークバー上にあるブックマークを素早く参照できます。

左から順に command + 1, command + 2, 〜といったあんばい。

一番左にあるブックマークならcommand + 1なので、ページを開いてcommand + 1で、HTMLタグが表示されます。

そして間髪入れずにcommand + C でコピー!

ブログ編集画面に戻って command + V です。

以上です。少しでも素敵なママブロガーライフのお役に立てたら幸いです。それでは。