音楽と映像で人生を変えるブログ。2016/04/05WordPressでブログをやっている方はやっぱりブログに画像を載っけたくなることでしょう。投稿した記事に一つも画像がないと取っ付きにくい感じになってしまいます。ジョナサンのメニューに一つも画像がなかったら頼みにくいのと同じようなことです。記事の一番最初にはアイキャッチ画像といって、大きい写真を貼るのがブログの通例。それがないとなかなか寂しいものです。(超文章力勝負ならそれもありですが、普通の人が最初からやることではなさそうです)そこで、この記事ではWordPressの記事投稿時に画像を挿入・貼り付けする方法を説明したいと思います。基本的な初心者向けの内容となっているので、玄人さんは自主制作映画でも見ていってください。あとがきWordPressの投稿記事に画像を挿入・貼り付けする方法さて、まずは画像を貼るための記事を作成しましょう。記事は納豆、画像は納豆のたれのようなもの。納豆がなくては納豆のたれも意味がありません。選択してクリックして、新規記事を作成します。記事タイトル(件名)と本文を入力し、画像を入れたい箇所をクリックしてカーソルを入れます。今回は下記の赤丸の箇所に画像を挿入します。画像のアップロードここまで来たら、まずは貼り付けたい画像をアップロードします。いうわけで、「メディアを追加」というボタンをクリックします。下記のような感じの画面(「メディアライブラリ」画面)になります。これはどっちになっても特に問題ありません。ここに、貼り付けたい画像をドラッグ&ドロップします。今回貼り付ける画像はこれにします。-BAPPON-』のクライマックスシーンのワンカットです。いうわけで、この画像をこんな感じでドラッグ&ドロップします。すると下記のように、ドラッグ&ドロップした画像がメディアライブラリというところに追加されます。こんな感じになります。...実はここで謝罪することがあります。実は、貼り付けたい画像をブログの本文部分にドラッグ&ドロップでも同じことができるのです!ですが、正式な方法はこのような方法なので、今回は初心者向け記事ということで遠回りな方法を解説しております...。メディアライブラリの開き方の説明にもなりますからね。次は、貼り付ける画像の細かい設定です。画像をアップロードすると、メディアライブラリの右側に下記画像のような設定部分が出てきますので、これを設定していきます。一つ一つ説明していきます。●タイトル:「画像にマウスを合わせた際に、ここに入力したテキストが表示される」...という効果がありましたが、WordPressバージョン3.5以降は意味がなくなっているようです。●キャプション:挿入した画像の下部に、ここに入力したテキストが表示されます。画像の補足説明として使えます。●代替テキスト:これは「alt要素」というもので、Googleにこの画像がどういう画像かを伝えるのに役立ちます。具体的には、Googleでの検索結果や検索順位(SEO)に影響があると言われています。●説明:自分用のメモ書き欄です。自由に使ってください。上記の通りなので、「タイトル」と「説明」は基本的にほっといてOKということになります。「キャプション」は必要時に使えばOKです。入れたほうが良いのは「代替テキスト」ということになります。(代替テキストは、検索に影響があると言われているほか、目が見えない人のためのウェブサイト読み上げソフトなんかでも使われるので入力推奨です。)以上を踏まえ、今回はこのように入力します。ここまでできたら、次は表示設定をします。こちらも一つ一つ説明していきます。●配置:画像の配置を設定できます。「左寄せ」「中央揃い」「右寄せ」「なし」の4つから選択できます。基本は「なし」でOKです。●リンク先:画像をクリックした際のリンク先を設定できます。「なし」「メディアファイル」「添付ファイルのページ」「カスタムURL」の4つから選択できます。拡大する必要のない画像であれば「なし」、クリックでフルサイズの画像を表示させたい場合は「メディアファイル」、バナーのように画像をクリックで違うページに飛ばしたいのであれば「カスタムURL」となります。「添付ファイルのページ」は使い道がほぼないと思います。●サイズ:画像サイズを選択できます。詳細にサイズを変更することもできますが、ここで選択できるのはフルサイズのほか、大サイズ・中サイズなどの自動生成されたサイズとなります。いうわけで、今回はこのように設定します。これで設定は完了です!一回覚えてしまえば、この一連の作業は10秒くらいで終わるので安心してください。今回は超丁寧に説明してるので逆にめんどくさそうですが、実際にかかる時間はかなり短いはずです。画像を挿入・貼り付けするやっとここまで来ましたね!後はボタンを一つ押すだけで完了です。「投稿に挿入」ボタンをおもむろに押しましょう。ボタンの位置は赤丸部分です。すると...記事に画像が挿入されます!先ほどの例でいくと、こうなります。「キャプション」が反映されて、画像の下に説明が書かれていますね。これで投稿記事に画像を挿入・貼り付けは完了です!画像サイズを手っ取り早く変える方法おまけです。画像を貼り付けたはいいけど、あとからサイズを変えたくなった時の方法です。細かい数値で指定する方法もあるのですが、今回は手っ取り早い方法を説明します。その方法とは...「画像をクリックして、四隅のいずれかをクリックしてビヨンビヨン動かして拡大縮小する」という方法です。こんな感じにサイズを変えられます。点線のサイズに変わるわけですね。小さくすることもできます。本当はもっと小さくもできます。そんなに小さくしても意味ないですが。...というわけで、画像サイズの簡単変更方法でした。あとがき今回は初心者向け記事ということではありましたが、「代替テキスト(alt要素)」は上級者的な人でも結構知らなかったり、忘れがちな項目なので、今後は気にしてみてください。画像検索とかにも影響する...という話があります。Googleの方針がどう変わるかは不明ということもあって、「代替テキスト」が本当に意味のあるものなのかは議論が起きている部分のようです。...まあ、そんな小難しい話は置いとくとして、これで画像の貼り方が分かったと思うので、バンバン画像を貼っていきましょう!ちなみにWordPressの操作方法全般を学びたいということであれば、こんな書籍もあります。SERIES)WordPressは奥が深いのです...。UpYouTube頻繁更新中!【フリーBGM・オリジナル曲】【自主映画】をメインに、2日に1回19:30更新しています。秀秀逸プロフィール▼記事を書いた人:もみじば毎日AM3時まで活動するサウンドコンポーザー&自主映画監督の副業リーマンクリエイター。最近のおすすめムービーは『リアル自宅警備員』。これを聞けば全日本人の70%は一瞬でなんのことかわかるだろう。上の中二病的な画像は、私が撮っている自主映画のワンシーンです。コメントをキャンセルメールアドレスが公開されることはありません。秀秀逸)どうも、20代でブログ月間18万PVまで行き、ブログ経由で海外で受賞した映画に楽曲提供をし、漫画原作の映画のCG制作にも携わった新進気鋭のクリエイターとは私のことです。20代も終わる今、更なるステップを目指し活動中。ドラクエとラーメンが好き。YouTubeに、2日1回19:30に新曲やムービーUP中。人気ランキング♪正義のヒーローここに参上!ヒーローもの、戦隊もののパロディ。若干スパロボ風な感じも。怪しい緊張感、不穏な空気感が漂うBGMです。徐々に高まる緊迫感が爆発し、狂気の空間となるような曲。暗く、緊迫感のある中にたまに力強さを感じる曲です。Ramen』ラーメンを巡る、友情と謎の事件の物語。「すれ違う二人、意図せぬ決着」15分の短編。自主映画・ムービーWeb。