WordPressで画像を表示する方法


  1. ブロックエディタを使用する方法:

    • WordPressのブロックエディタを開きます。
    • 画像を表示したい場所にカーソルを置き、"画像"ブロックを追加します。
    • ブロック内で画像をアップロードするか、既存の画像を選択します。
    • 画像のサイズや配置を調整し、必要に応じてキャプションやリンクを追加します。
    • 投稿を保存または公開します。
  2. メディアライブラリーを使用する方法:

    • WordPressの管理画面から「メディア」->「新規追加」を選択します。
    • 画像をアップロードするか、既存の画像を選択します。
    • アップロードが完了したら、画像をクリックして詳細を表示します。
    • 「ファイルのURL」をコピーします。
    • ブログ投稿の編集画面に戻り、画像を表示したい場所に以下のコードを挿入します:
      <img src="画像のURL" alt="代替テキスト">

      ここで、"画像のURL"部分を先ほどコピーしたURLに置き換えます。また、"代替テキスト"には画像の説明やキーワードを指定します。

  3. テーマファイルを編集する方法:

    • WordPressのテーマフォルダ内にある適切なテンプレートファイル(例: single.php、page.php)を編集します。
    • 画像を表示したい場所に以下のコードを挿入します:
      <img src="<?php echo get_template_directory_uri(); ?>/path/to/image.jpg" alt="代替テキスト">

      ここで、"path/to/image.jpg"部分を表示したい画像のパスに置き換えます。

これらはWordPressで画像を表示するための基本的な方法です。ブロックエディタを利用すると直感的に画像を追加できますが、テーマファイルを編集する方法はより柔軟性があります。必要に応じて、プラグインやカスタムフィールドを使用する方法もあります。