集め検索CLOSEProfileARIEL数々のプロモーションを企画し5億を売上てきましたが修業期間を終え、現在WEBコンサルなどをやっています。このブログではありとあらゆるWEBマーケティングの情報をお届けし個人が自由な人生を創造できるようになれるコンテンツをお届けします。取扱説明書Wordpress投稿記事や固定ページなどに画像を挿入する事自体は、ワードプレスならば数クリックで簡単にできます。普通に挿入をしてしまうと・記事やサイトの表示が重くなったり・サーバーのデータ容量が多くなったり・SEO的に効果がなくなったり・表示をされない・横並びやテキストと並列に挿入できない。・勝手にリンクが挿入される・挿入できない。そこでここでは、Wordpressの画像の挿入の仕方から設定方法などを網羅的に解説していきます。下記に目次を用意しているので必要なものだけを閲覧してください。Wordpress初心者だ!という方は全部見ておくことをオススメします。・編集をする・SEOの設定をする・挿入の仕方1.アップロードする前に必要な3つの設定WordPressをインストールしテンプレートを入れたから、さっそくロゴとかアップしてデザインを作っていこう!記事をさっそく書いて画像をアップしてという前にまずは以下の設定は必ずしておいてください。これをしておかないとサイトが重くなったり画像が綺麗に表示されなくなってしまったり後々またやり直さなくてはならなくなってしまう事態になってしまうので必ず設定していきましょう。1-1.画像を圧縮するプラグインを挿入SEO効果を高めるためにワードプレスの高速化はある程度必要になってくることは、[厳選]あなたのサイトに最も適したSEO対策プラグイン9選でも解説していますが、その中でも画像のファイルサイズを軽量化する必要があります。画像はテキストよりも圧倒的にファイル容量が大きいので表示速度やクローラー巡回速度にかかわってくるので圧縮するプラグインを導入することをオススメします。以下の2つのどちらかを導入しておくといいでしょう。imagesの設定方法1-2.画像をリサイズの設定をする画像のファイルサイズを軽量化する方法は先ほどの圧縮をする方法のほかに画像のサイズを小さくする方法の2つがありますが、もしあなたが画像サイズを自分で編集するのならいいのですが画像サイトの大きな画像をアップロードするのならば自動的にリサイズをする設定をしておくことをオススメします。imagesのプラグインで設定することができます。1-3,メディア設定また、同時に管理画面のメディアで画像サイズの設定もしておいてください。デフォルトの設定でもいいのですが、あれは画像をアップロードする際に各種サイズの画像を自動的にアップロードする設定なのでよく使う画像サイズでわけておくといいです。リサイズ系のプラグインを使わない場合でも使う場合でもこの設定はしておいたほうがいいでしょう。詳しくは下記の記事で解説しているのでそちらをご覧になってください。以上を踏まえた上で画像のアップロードの方法について解説をしていきます。2.画像のアップロード・設定・挿入方法それでは、基本中の基本である画像のアップロードから挿入までの流れを図解でわかりやすく解説していきますが、画像をアップロードする方法は主に2種類あってメディアからアップロードする方法と投稿画面からアップロードする方法の2つがあります。言ってもやり方自体は一緒なので今回は投稿画面からアップロードする方法を例にして解説していきます。2-1.画像のアップロードということで管理画面の左メニューから投稿をクリックし新規投稿をクリックして新規投稿を追加画面に移動しましょう。新規投稿を追加の画面を表示するこれは普段から記事を投稿する際にやっているはずですが、ここから画像をアップロードしていきます。それでは先ほどの新規投稿を追加画面の【メディアを追加】をクリックしていきましょう。ACTION・投稿画面の【メディアを追加】ボタンをクリックしてください。※メディアを追加ボタンがクリックできない場合がありますが、その際には大体の場合プラグインのアップデートをしていない場合が多いのでプラグインを更新して最新版にしてからもう一度やってみてください。クリックをすると下記のようにメディアを追加画面が表示されますので、そのままデスクトップ上の画像ファイルをドラッグ&ドロップでアップロードすることができます。メディアを追加画面にそのままドロップするたったこれだけで画像をアップロードすることができますが、ここから画像の設定をしていきます。SEOを考えた場合はそのまま画像を投稿に挿入するのではなく「一体何の画像なのか?」の設定をしておいがほうがいいです。2-2.画像の詳細設定ということで下記のように設定したい画像をクリックすると添付ファイルの詳細を設定ができるようになります。添付ファイルの詳細エリアを表示するでは、それぞれの項目について特に設定をしておきたいのがタイトルと代替えテキストです。タイトルは、記事でいうところのタイトルタグ。代替えテキスト=タイトルをキーワードにというのが基本になります。考慮にいれているのならば必ず設定をしておきましょう。・キャプションに入力したテキストは自動的に画像の下に表示されます。・説明は何の設定でもなく表示もされなくメモ程度に使える設定です。必要に応じて設定をすることをオススメします。この5つの項目の設定が終わったら次は実際に投稿に挿入をしていきましょう。2-3.画像の挿入それでは最後に画像を投稿画面に挿入するための設定の方法を解説していきます。先ほどの添付ファイルの詳細画面の下部の添付ファイルの表示設定をして投稿に挿入ボタンをクリックすれば画像を挿入することができます。上の画像のように挿入をするのが基本的な画像の挿入方法になります。設定をしたら投稿に挿入ボタンをクリックするすると下記のようにビジュアルエディターに設定した画像が挿入されます。具体的に各種設定項目を解説していきましょう。配置は上の画像のように投稿画面のどこら辺に配置をするのかを設定することができます。画像にテキストを回り込んで表示をさせたい場合は「右・左」を設定してください。画像を中央添えにしたい場合は「中央」を選択しましょう。2-3-2.リンク先リンク先では画像をクリックしたらどのサイトにリンクをするのかの設定をすることができます。基本的には「なし」でいいですが、使う場合はボタンの画像を挿入する際に「カスタムリンク」を設定するのが最も使うかなと思います。添付ファイルのページ:最初に画像を挿入した投稿ページのURLメディアファイル:画像のURL(クリックすると画像だけが表示される)カスタムリンク:リンク先を自分で指定することができるので、用途に合わせて設定をしていきましょう。2-3-3.サイズサイズは言うまでもなく画像のサイズです。これはメディア設定した画像サイズを選択することができるのでお好きな大きさの画像を選択していきましょう。・大サイズ・フルサイズの4つを選択することができます。画像の用途によって設定をして完了したら投稿に挿入ボタンをクリックして画像を挿入していきましょう。3.Wordpress上で画像を編集するWordPressのメディアでは画像の編集もすることができますが、編集できる!といってもできることは、トリミング・回転・反転しかできませんがトリミングは特に非常に便利なので覚えておいたほうがいいでしょう。※プラグインを使えばワードプレスの管理画面上で画像を加工することが可能です。colorbox(テキスト・影・枠などを挿入できる高機能プラグイン)ここではデフォルトでついている主な画像編集機能について解説していきます。画像編集は添付ファイルの詳細の「画像を編集」をクリックすると表示されます。添付ファイルの詳細の画像を編集のリンクをクリックするすると下記の画面が表示され編集を行うことができます。右上の5つの項目について解説していきます。画像を縦に反転させる。画像を横に反転させる。戻るボタンになります。この機能は基本的には使わないと思いますが縦長の画像を横長にしたいときなど、画像を回転させたいときなどに利用してください。次に画像縮尺の変更です。これは画像を綺麗にサイズ変更できる機能で縦か横のサイズを大きくしたり小さくしたりサイズを変えると比率をそのままに縮小・拡大してくれます。800×313の画像の横幅を780に変更すると縦を自動的に305にしてくれます。綺麗に縮小・拡大をすることができるわけです。トリミングですが画像をカットすることができます。これは説明が難しいので下記の動く画像を見てください。範囲を指定して一番左上のボタンをクリックするだけです。これは正方形の画像を長方形に変えたいときなどに使えるので非常に便利です。これら編集ができたら、変更を適用する画像を選択して戻るボタンをクリックすれば編集をすることができます。イメージで訴えかけよう。ここでは画像のアップロードから設定・投稿の仕方・編集までを図解で解説をしてきました。画像は記事などをよりイメージで訴えかけるために必ず使ったほうがいいのでこのやり方でやれば適切に効率よく画像をアップロードから設定まですることができますのでまずはこのまま挿入してみてください。Canvas」のプラグインを導入しましょう。このプラグインを挿入するば画像を横に2枚・3枚と並べることができたりするので思い通りに画像を挿入をしたいのならば是非導入を検討してみてください。ウェブ-.ホームシェアメニュープロフTOPへ。