サイトの記事に
画像を挿入する方法を紹介します。
また、画像サイズを変更するhtmlコードや
画像をクリックするとリンク先を開くようにするhtmlコード、
リンクタグの使い方を紹介します。
WordPressの画像挿入方法
今回は以下の画像を例にして、
WordPressの記事に画像を挿入する方法を紹介します。
※画像に特に意味はありません。
ダッシュボードの「投稿」
→「新規追加」で記事の作成を行います。
画像を挿入したい位置にカーソルを合わせ、
「メディアを追加」をクリックします。
「メディアを挿入」画面が開きますので、
「ファイルをアップロード」タブをクリックします。
「ファイルを選択」をクリックします。
※下の画像に記載してあるように、
画像ファイルをドラッグ&ドロップする
ことによってもアップロードできます。
挿入したい画像を選択し、「開く」をクリックします。
画像がサーバーへアップロードされ、
メディアライブラリに画像が表示されます。
ちなみにメディアライブラリで以下のように
検索窓にキーワードを入力すると、
タイトルにキーワードが
入っている画像が抽出されます。
※過去の画像を検索する場合に便利です。
挿入したい画像を選択し、
画面右の「添付ファイルの詳細」を確認します。
タイトルには「猫」と入力して
代替テキストにも「猫」と入力してください。
上記の入力が終わったら、画面を下へスクロールします。
そうすると、「添付ファイルの表示指定」があります。
添付ファイルの表示指定では
「▼」で指定して
配置は「なし」
サイズは「フルサイズ」を選択して「投稿に挿入」をクリックします。
そうすると以下のように画像挿入コードが記事作成画面に入力されます。
実際の記事でどのように表示されるか確認するために
「プレビュー」をクリックします。
以下のように表示されます。