次は、記事の画像にURLリンクを入れる方法をします。

記事の画像にURLリンクを入れる方法

ワードプレスの管理画面を開きます。

左上の「投稿」を押します。

左上の「新規追加」を押します。

左上の「タイトルを追加」「記事の画像にURLリンクを入れる方法」と入力します。

右側の「テキスト」を押します。

左上の「メディアを追加」を押します。

左上の「メディアライブラリ」を押します。

「サンプル画像1」を選択します。

「配置:なし」、「リンク先:なし」、「サイズ:フルサイズ」を選択します。

③右下の「投稿に挿入」を押します。

画像が挿入されました。

「画像のHTMLコード」を左クリックをしながら、すべてを選択します。

「画像のHTMLコード」の文字が青色になります。

この状態で、左上の「link」ボタンを押します。

URLのところに「https://www.yahoo.co.jp/」と入力します。

「リンクを新しいタブで開く」にチェックを入れます。

右下の「リンク追加」を押します。

「画像のHTMLコード」の文字にHTMLコードが追加されました。

右側の「公開」を押します。

「OK」を押します。

右上の「変更をプレビュー」を押します。

「サンプル画像1」をクリックしてみてください。

ヤフーのページが開きます。

↑じょうまさふみに学習状況を報告すると喜びます(^^)/
講座1の関連記事
  • アイコンを光らせるHTMLとCSSを使ってする方法
  • ボタンの色を変えるCSSコードを追加する方法
  • アイコンの色を変えるCSSコードを追加する方法
  • 記事にアイキャッチ画像を設定する方法2
  • Brainを使ってお金を稼ぐ方法(紹介記事の書き方)
  • ブログタイトル名と説明文の変更2
おすすめの記事
講座1
次は、記事にURLリンクを入れる方法をします。 記事にURLリンクを入れる方法 ワードプレスの管理画面を開きます。 左上の「投稿」を押します...
講座1
作業目安時間3分 次は、パーマリンク設定をします。 パーマリンク設定 作業手順 ワードプレスの管理画面を開きます。 左下の「設定」を押します...
講座1
次は、ブログ全体のデザイン変更をします。 ブログ全体のデザイン変更 作業手順 ワードプレスの管理画面を開きます。 左下の「Cocoon設定」...