画像、動画などメディアのアップロード|WordPress記事の投稿方法

WordPressの記事投稿画面にある、
メディアのアップロード/挿入方法について説明していきます。

WordPressでアップロード出来るファイル容量は30MBまでで、
その範囲内であれば、画像、音声、動画など様々なものがアップロード可能です。

動画マニュアル

こちらの記事は動画マニュアルも用意しています。
合わせて参考にしてください。

 

記事の投稿方法はこちらです。

WordPressの記事の投稿方法については、こちらで解説しています。

ビジュアルエディタの使い方|WordPress記事の投稿方法

HTMLエディタの使い方|WordPress記事の投稿方法

 

記事投稿のメディアの挿入方法

それでは、メディアの挿入方法をご紹介します。

記事投稿画面の上にある「アップロード/挿入」をクリックします。

ab00007818

 

Firefoxやchromeなど、マルチアップローダーに対応しているブラウザーを使っている場合は、
このような画面が表示されます。

ab00007819

 

IEの場合従来型のアップロードになります。

ab00007820

 

マルチアップローダーが対応している場合は、マウスなどでアップロードしたい
ファイルをドラックで張り付けます。

ab00007823

 

 

そうすると、下記のように画像が取り込まれ、
画像の詳細設定が出てきます。

ab00007824

 

①タイトル:
画像のタイトルになります。代替えテキストに入力することで、
HTMLタグでは、alt属性で表示されます。

②キャプション:
ここに入力することで画像の下に注釈を入れることが出来ます。

③説明:
WordPress上で管理しやすいように画像の説明を入力します。

④リンクURLを設定出来ます。
それぞれの設定例をご紹介します。

『なし』:画像をクリックして違うサイトなどにリンクさせたい時にしよう

リンクURL例

『ファイルのURL』:サムネイルなどに使用して画像をポップアップさせる場合

リンクURL例2

『投稿のURL』:その画像が表示されているURLへリンク

リンクURL例3

 

⑤配置:
画像も回り込みを指定出来ます。

画像の回り込み例:

【画像回り込みなしの場合】

回り込みなし

 

【画像回り込み左の場合】

画像回り込み左

 

【画像回り込み中央の場合】

画像回り込み中央

 

【画像回り込み右の場合】

画像回り込み右

 

⑥画像サイズを指定することが出来ます。

サイズ変更については↓をご確認くださ
メディア|WordPressダッシュボードメニュー

 

画像を編集

アップロードした画像を編集することが出来ます。

ab00007825

 

取り込んだ画像をトリミングや回転など、画像加工を行うことが可能です。

ab00007826

 

画像の再設定/詳細設定

一度、設置した画像を再編集する方法ですが、
画像みマウスをあてて「画像編集」ボタンをクリックします。

ab00007827

 

 

画像の再編集画面が表示されます。
「画像の編集」と「詳細設定」が可能です。

ab00007828

サイズ:60%~130%の間で画像の拡大縮小ができます。

①ソース:画像のリンク先です。

②代替テキスト編集:画像が表示されなかった際に表示されるテキストです。

③サイズ:サイズの変更が可能です。元に戻す再は『元サイズ』をクリック

④CSSスタイル:CSSを設定しクラス名をつける場合にしよう

⑤スタイルシートを指定します。

⑥画像のタイトルを入力します。

⑦リンク先との関係を示すrel属性を入力します。

⑧CSSスタイル:CSSを設定しクラス名をつける場合にしよう

⑨スタイルシートを指定します。

⑩リンクターゲット:チェックを入れると新しいウインドで開くようにします。

 

画像、動画、音声などの取り込みが可能

WordPressは、上限30MBまでの間なら、様々なファイルを取り込んで、
記事にアップロード可能です。

 

他のサイトから画像ファイルを挿入する

他のサイトの画像を表示させたり、
複数のサイトで画像を共有して表示させる場合に使用します。

オレンジ枠に画像のURLに直リンクで入力します。
それ以降は、通常の画像アップロードと同じです。

ab00007829

 

一度使用した画像を再利用する

一度使用した画像を再度使用する場合は、『メディアライブラリ』『ギャラリー』から選びます。

ギャラリー:同一記事内で使用した画像
メディアライブラリ:サイトで使用した全画像

ab00007830

無料メルマガにて、私マメボーwの秘密を大公開!

メルマガ登録はこちら

 ブ、ブログじゃ言え無い・・・稼ぎの秘密公開します!
特別な才能は一切なしの私が、なぜ安定して月収200万円稼いで独立出来たのか
アホ話を交えながら包み隠さず伝えていきます。

氏名(H.N可)  姓:名:
メールアドレス 
確認用メールアドレス 

コメントを残す




CAPTCHA