彩 diary

再婚した元シングルファザーの成長日記

【はてなブログ】テキストリンクの作成方法

f:id:ymk111:20200227120950p:plain

私はまだまだ初心者ですので、探り探りで機能を取り入れています。

「1日前の自分が知らなかった事」をテーマに

はてなブログの細々した機能の使い方を綴っていきます。

 

今回は、はてなブログの記事を書くにあたり、よく目にする「詳細記事はこちら」といったテキストリンクの作成方法を確認したいと思います。

 

今回も、文章で書くより実際の画面で見た方がわかりやすいと思うので

ここから先は実際の画面で紹介します。

 

 

 

 

<手順>

 

◆まずは、リンクにしたい文字を確認します。

f:id:ymk111:20200311115914p:plain

 

     f:id:ymk111:20200227115655p:plain

◆続いて、リンク先(リンクをクリックした後にジャンプしたい先のページ)を確認します。 

今回は、こちらの記事をリンク先に設定したいと思います。

f:id:ymk111:20200311120136p:plain

出典:クックパッド

     f:id:ymk111:20200227115655p:plain

◆リンク先のURLをコピーします。

f:id:ymk111:20200311120455p:plain

出典:クックパッド

     f:id:ymk111:20200227115655p:plain

◆リンクにさせたい文字を選択(コピーではありません)し、リンクのアイコン(鎖マーク)をクリック(タップ)します。

f:id:ymk111:20200311121425p:plain

 

     f:id:ymk111:20200227115655p:plain

◆すると、このような画面になります。

f:id:ymk111:20200311121601p:plain

     f:id:ymk111:20200227115655p:plain

◆ここに、先程コピーしたリンク先のURLを貼り付けます。

f:id:ymk111:20200311121633p:plain

     f:id:ymk111:20200227115655p:plain

◆URLを貼り付けたら、プレビューをクリック(タップ)します。

f:id:ymk111:20200311121738p:plain

     f:id:ymk111:20200227115655p:plain

◆すると、どのように記事に表示させたいか求められる(※)為、希望の形式を選択します。

 (※4種類あります。①選択範囲 ②埋め込み ③タイトル ④URL)

f:id:ymk111:20200311121812p:plain

f:id:ymk111:20200311122006p:plain

     f:id:ymk111:20200227115655p:plain

◆今回は、「こちらの記事」をリンクにしたい為

 ①選択範囲 の形式を選択します。

 f:id:ymk111:20200311122058p:plain

     f:id:ymk111:20200227115655p:plain

◆完成

f:id:ymk111:20200311122152p:plain

 

 

 

以上が、一連の手順です。

とても簡単でした(^.^)