標準機能での WordPress.com への画像の貼付け方 🔵

最終更新日:2016-01-20

!

改訂版を作成しました。

WordPress.com の標準的な画像の貼付け方についての覚書です。作業環境は、mac OS X (Yosemite)、Safari です。2015-08-27 at 11.13

なお、画像の貼り付け手順等は、いわゆるクラシックモードでもほぼ同様です。2015-08-27 at 12.08

まず、新しい記事を作成するところから。ブログ投稿の「追加」をクリック。

2015-08-27 at 11.03

すると、以下のような記事編集画面が表示されます。

2015-08-27 at 11.04

新規に画像を貼り付ける

適当な画像を以下の枠内にドラッグ&ドロップすると、

2015-08-27 at 11.13

以下のような画面に切り替わり、画像がアップロードされます。

2015-08-27 at 11.14

ここでは、とりあえず「投稿に挿入」をクリック。

2015-08-27 at 11.15

すると、編集画面に画像が表示されるようになります。もし、このような画面になっていない場合には「ビジュアル」モードに切り替えると、このような感じで表示されるようになります。

2015-08-27 at 11.16

なお、私自身は 2015-08-27現在、「DropShelf」というアプリを使って、画像を一時保存しておいて、そこからドラッグ&ドロップ操作で画像をアップロードすることが多いです。

スクリーンショット 2015-08-27 11.24.06

画像にキャプション(画像の下のほうに表示される説明文)を入れる場合には、画像を一度クリックすると以下のようなボタンが現れるので、鉛筆のアイコンをクリックし、

2015-08-27 at 11.17

キャプション」という項目の入力欄に適宜、説明文等を入力し、

2015-08-27 at 11.18

更新」ボタンを押すと、

2015-08-27 at 11.19

画像の下にキャプションが入ります。

2015-08-27 at 11.20

すでにアップロードしている画像を貼り付ける

一方、すでに WordPress.com の方にアップロードしている画像は、左上の方にある「メディアを追加」ボタンより貼り付けます。

2015-08-27 at 11.30

comemoarrow

2015-08-27 at 11.32

comemoarrow

2015-08-27 at 11.32

画像のサイズを調整する

あらかじめ画像のサイズを調整しておく

私自身は、2015-08-27現在、「Annotate」というアプリを使って、あらかじめ画像の大きさを調整してから、WordPress.com へ貼り付けることがほとんどです。

2015-08-27 at 11.41

WordPress.com の画像表示サイズの調整機能を使う

WordPress.com には、あらかじめ画像表示のサイズの規定値がいくつかあり、画像のアップロードの際に指定することができるようになっています。

通常、大きめの画像の場合はこんな感じ、

2015-08-27 at 11.44

小さめの画像の場合はその画像の大きさのままで貼り付けることができます。

2015-08-27 at 11.43

何回か画像の貼り付けテストをしてみたところ、前回の画像の貼り付け設定を記憶しているようで、例えば、前回、「中− 500 ✕ 394」で貼り付けた場合、それ以降は、そのサイズ以下の画像を貼り付ける場合は、画像そのままのサイズで、一方、 横幅が 500 px 以上、かつ、高さが 394 px 以上のサイズの画像を貼り付ける場合には「中− 500 ✕ 394」が自動的に選択される、というアルゴリズムのようです。

画像サイズの変更は、貼り付けた後からでも可能です。

2015-08-27 at 12.01

画像サイズの規定値の設定は「設定 → メディア → 画像サイズ」のところで行います。

2015-08-27 at 12.15

なお、おそらく、表示速度やレイアウトのバランス等との兼ね合いから、テーマ個別に CSS で画像サイズの上限値が定められており、それ以上のサイズのものは貼り付けることができないようになっています。

もし、その制限値を外したい場合には、プレミアムプラン等に WordPress.com をアップグレードし、「カスタマイズ → CSS → メディア幅」のところで、その制限値を大きくしてやれば、たぶん OK です。

2015-08-27 at 11.51

貼り付けたあとに画像サイズを微調整する

画像を貼り付けた後にマウスを使って、画像の大きさを微調整することもできます。

2015-08-27 at 12.03

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。