カウントWordPress画像挿入方法!サイズ変更やリンクタグの使い方は?WordPressサイトの記事に画像を挿入する方法を紹介します。画像サイズを変更するhtmlコードや画像をクリックするとリンク先を開くようにするhtmlコード、リンクタグの使い方を紹介します。今回は以下の画像を例にして、WordPressの記事に画像を挿入する方法を紹介します。記事の作成を行います。「メディアを追加」をクリックします。「ファイルをアップロード」タブをクリックします。「ファイルを選択」をクリックします。画像ファイルをドラッグ&ドロップすることによってもアップロードできます。挿入したい画像を選択し、「開く」をクリックします。画像がサーバーへアップロードされ、メディアライブラリに画像が表示されます。メディアライブラリで以下のように検索窓にキーワードを入力すると、タイトルにキーワードが入っている画像が抽出されます。※過去の画像を検索する場合に便利です。画面右の「添付ファイルの詳細」を確認します。タイトル:画像のtitle属性。ファイル名の拡張子の前の文字が自動的に入力されます。使用するのは画像検索時くらいです。キャプション:画像の説明文(HTMLに表現される)。代替テキスト:画像のalt属性。検索エンジンに何の画像を表示しているのか伝える役割があります。入力する文字は「記事のメインキーワード」と「メインキーワードの関連キーワード」を使って画像を表現します。するとSEO効果も期待できます。説明:画像の説明文(HTMLに表現されない)。次に「添付ファイルの表示設定」です。配置:以下の4つの選択肢があります。左:画像を左に配置し、文字は画像の右側に回り込む。中央:画像を中央に配置し、文字の回り込みはなし。右:画像を右に配置し、文字は画像の左側に回り込む。なし:画像を左に配置し、文字の回り込みはなし。リンク先:以下の4つの選択肢があります。「なし」メディアファイル:画像ファイルを開きます添付ファイルのページ:添付ファイルのみの記事ページを開きます。カスタムURL:画像をクリックした時にどのURLを開くか指定できます。なし:画像をクリック出来ない状態にします。画像挿入時は基本的に「なし」にします。広告のクリック率が下がってしまうからです。サイズ:添付画像のサイズを選択できます。「投稿に挿入」をクリックします。すると、以下のように画像挿入タグが入力されます。実際の記事でどのように表示されるか確認するために「プレビュー」をクリックします。以下のように表示されます。以上が、WordPressサイトの記事に画像を挿入する基本的な方法です。基本的な画像挿入方法は上で紹介しましたが、ここからはWordPressに限らず、どのサイトでも使えるHTMLを使った画像挿入方法を紹介します。WordPressサイトでも使える方法です。HTMLのお勉強ということで確認しておいてください。画像を挿入するHTMLタグはです。「画像URL」は上の説明で出てきた「添付ファイルの詳細」画面で確認することができます。画像サイズの変更方法では、サイズ変更方法を紹介します。WordPressでは画像をアップロードした際、サイズが異なる画像が自動的に生成されます。そのおかげでサイズを「サムネイル」「中」「大」「フルサイズ」など選択できるようになっています。サイズ「中」の画像を挿入した時は「画像URL」が「・・・-300×300.jpg」などになっているはずです。別の方法としてHTMLタグでサイズを以下のように指定することができます。これで、画像ファイルのサイズを自由に指定することができます。※ただし、元画像のサイズが大きいものを表示上小さくする場合はデータ容量は大きいままになります。次に画像をクリックした時にどのようなアクションを起こすのかを指定するHTMLタグを紹介します。画像挿入タグ画像を拡大したページを開きたい場合は「URL」に「画像URL」を入力します。これが先程上で説明した「リンク先」を「メディアファイル」に設定した状態です。指定のページを開くようにしたい場合は「URL」に「そのページのURL」を入力します。これが先程上で説明した「リンク先」を「カスタムURL」に設定した状態です。リンクの貼り方に関しては以下の記事で詳細を説明していますので参考にしてください。リンクの貼り方!HTMLタグやアンカー?新しいタブ(別ウィンドウ)で開きたい!以上、WordPressでの画像挿入方法と画像挿入に関するHTMLタグに関して紹介しました。詳しい説明が書かれているサイトがたくさんありますので非常に便利です。初心者の方は少しずつHTMLタグの使い方に慣れていってください。~~~画像に関しては以下の記事も確認しておいてください。WordPress画像貼り付け時に自動挿入されるclass・width・heighの削除方法![ワードプレス]最後まで読んで頂いてありがとうございました。下のボタンからシェアをして頂けると嬉しいです。(漢字で)メールアドレス※私からお送りする全てのメールに解除リンクを付けていますので、いつでもメルマガ解除をすることが可能です。コメントを残す返信をキャンセルする。名前コメントはサイト管理者が確認するまで表示されません。他の読者さんにも有益だと判断した場合のみコメント対応を致します。個別の問い合わせは【こちら】からお願いします。運営者プロフィール富山一史と申します。私は妻と2人の娘がいる4人家族のパパです。詳しいプロフィールはこちらちょっと前までは普通のサラリーマンでしたが、給料以上の副収入をブログから稼ぎ続け、2018年12月に独立しました!ブログを使って稼ぐ方法を、このAFFIKATSUサイト内で詳しく紹介していますので見てみてください。副業でもできるブログを使った稼ぎ方を知らないのは損です!!(「もっと早く知りたかった」と後悔させてしまうと思います。アドセンス収益公開(月収入)※初心者から月収40万円までの8ヶ月の記録とその後を紹介しています。↓アドセンス報酬だけでも合計2000万円以上(更新中)また、今ではブログだけじゃなく、リアルビジネスも含め様々なビジネスを手掛け、月収1000万円以上稼ぐ月もあります。記事閲覧中に疑問点や不明点などありましたらご連絡ください。多くの方にわかりやすいサイトになるよう心がけています。(お問い合わせフォーム)また、真面目に頑張る方には最大限のサポートをしていきますので、どんどん私を頼ってください!※楽して稼ごうと考えている方や礼儀のない方は連絡しないでください。※メルマガ内である条件を満たした方には、無料でPDF版をプレゼントしています。