テキストリンクのかけ方【新しい記事編集ボタン使用】 | 超初心者のためのアメブロ作成講座

超初心者のためのアメブロ作成講座

これからブログを始めてみようという人のために

アメブロの基本操作をわかりやすく説明します☆

 

 

記事の編集画面の編集ボタンのデザインが

 

 

今日のお昼前くらいに、新しくなったようです☆

 

日本語の文字表記で、わかりやすくリニューアル。

 

 

テキストリンクってゆーのは、

 

クリックすると、飛びたいページに

ジャンプしてくれる文字列のこと。

 

新編集ボタンを使って

 

テキストリンクを作成する方法は、下記の通り。

 

 

(1)「リンクの追加」ボタンをクリック
超初心者のためのアメブロ作成講座-1.リンクを追加

 

 

 

(2)リンクをかける文字とURLを入力。

超初心者のためのアメブロ作成講座-2.リンクをかける文字とURLを入力

 

 

(3)リンク先の表示方法を選択。

超初心者のためのアメブロ作成講座-3.リンク先の表示方法を選択

 

「新しいウインドウ」=別窓が開いて、リンク先のページが表示

「同じウインドウ」=エクスプローラで開いてる画面が、そのまま変わる


超初心者のためのアメブロ作成講座-4.リンクボタンクリック

 

必要事項を入力・選択したら、「リンク」ボタンをクリックすると、

 

文字にテキストリンクがかかります。

(下線が入って、色文字に変わります)

超初心者のためのアメブロ作成講座-5.テキストリンク

 

記事編集画面の下の方にある

 

「HTMLタグを表示」タブをクリックすると。。

超初心者のためのアメブロ作成講座-6.HTMLタグを表示

テキストリンクのHTMLタグが、表示されます。


超初心者のためのアメブロ作成講座-7.HTMLタグが表示される

(これが、テキストリンクがかかっている部分のHTML表示)

<a href="http://ameblo.jp/muryo-blog/ " target="_blank">超初心者のためのアメブロ作成講座</a>

 

 

また、文字を入力した後、必要な部分を選択して、

 

 

その部分にテキストリンクをかけることもできます。


超初心者のためのアメブロ作成講座-8.文字を選択

 

テキストリンクをかけたい文字を選択して、

「リンクの追加」ボタンをクリックした後、

URLを入力・リンク先の表示方法を選択して、

「リンク」ボタンをクリックすれば、同様に

テキストリンクを作成することができます☆

 


超初心者のためのアメブロ作成講座-9.URLを入力

 

 

(追記)

 

今日の昼間見た時は、記事本文の編集エリアにあった

「画像の追加」「リンク追加」の新しいボタン、

さっき見たら、記事本文編集エリアの外側に☆

(この記事の一番上の画像と、比較してみてください)


超初心者のためのアメブロ作成講座-画像・リンクの追加ボタン

 

最初は、中途半端な位置にボタンがあって、

 

「外側に出せばいいのに…作りかけ??」って思ってたんですが(笑)

 

 

【関連記事】

 

【スタッフブログ】記事投稿画面のボタンが変わります

文字の色を変える方法(1)基本色12色

文字の色を変える方法(2)216色の中間色バリエーション

文字の大きさ(フォントサイズ変更)とHTML

太字・斜体・下線・打消線で、文字を装飾する方法

超カンタンに目次作成&文字色・太さ変更

テキストリンクをかける方法(アメブロ編)

ブログ記事は長尺でつながっている(トップページのURL)

個別ページ・テキストリンクのURL確認方法

目次をトップページ上部(メッセージボード)に、作成する方法

 

しもまゆのメルマガ

まぐまぐ『ブログ×SNS活用術

 

無料メール講座【月間10万PV超ブログ作成の秘訣7ステップ】

 

 

超初心者のためのアメブロ作成講座

ブログにバナーを貼り付ける方法

目次【アメブロ関連記事一覧】

初心者向けブログ関連本・書籍一覧


「超初心者のためのアメブロ作成講座」トップページ