新しい投稿機能での WordPress.com への画像の貼付け方 🔵 (改)

🍸

以前、以下のような記事を書きましたが、

仕様がいくつか変更されたようなので、改めて記事を作成してみました。

WordPress.com の新しい投稿機能での画像の貼付け方についての覚書です。作業環境は、mac OS X (El Capitan)、Firefox です。

スクリーンショット 2016-01-20 14.17.45.png

まず、新しい記事を作成するところから。記事を新規作成する画面へのアクセス方法はいくつかありますが、私自身は 2016-01-20現在、以下のところからアクセスすることが多いです。

2016-01-20 at 14.19.png

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

スクリーンショット 2016-01-20 14.20.40.png

新規に画像を貼り付ける

画像を1枚だけ貼り付ける

画像を1枚だけ貼る場合には、画面上に画像をドラッグ&ドロップさせれば、そのまま画像を貼り付けることができます。

2016-01-20 at 14.25.png

ただし、2016-01-20現在、以下のようにちゃんと表示されない場合があります。

2016-01-20 at 14.26.png

こういう場合は一旦、HTML モードに切り替えるなどすれば OK かと思います。

2016-01-20 at 14.23.png

画像を2枚以上、貼り付ける

2枚以上の画像を画面上にドラッグ&ドロップさせると

2016-01-20 at 14.28.png

以下のような画面に切り替わりるとともに、画像がアップロードしているようすが表示されます。

2016-01-20 at 14.27.png

次に「続ける」ボタンをクリック。

2016-01-20 at 14.29.png

するとギャラリー編集画面が表示されます。

2016-01-20 at 14.29.png

レイアウトメニューの中の「個々の画像」という項目をクリックすると

2016-01-20 at 14.29.png

画像を貼れるモードに切り替わります。

2016-01-20 at 14.30.png

適宜、画像の順番を変更し、

2016-01-20 at 14.30.png

挿入」ボタンをクリックすると

2016-01-20 at 14.31.png

こんな感じで画像を複数枚、まとめて貼ることができます。

2016-01-20 at 14.31.png

 

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

すでにアップロードしている画像を貼る場合には、以下のアイコンをクリック。

2016-01-20 at 14.39.png

すると以下のような画面が表示されるので、以降は前項の手順の通りで OK です。

2016-01-20 at 14.39.png

ただし、2016-01-20現在、新しい記事編集画面の方には、いわゆるクラシックモードの、「この投稿へのアップロード」というメニューはありませんので、もし、このメニューを使った作業が必要となる場合には、改めて、クラシックモードの方に切り替える必要があります。

2016-01-20 at 14.40.png

新しい記事編集画面からクラシックモードに切り替える方法等については以下の記事をご参照ください。

画像のサイズを調整する

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

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

2015-08-27 at 11.41

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

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

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

2015-08-27 at 12.15

サイズの切り替えは以下のところで行います。

2016-01-20 at 14.56.png

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

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

2015-08-27 at 11.51

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

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

2016-01-20 at 14.59.gif

 

キャプションを入れる

画像へキャプションを追加する方法については、以下の記事をご参照ください。

 

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

WordPress.com ロゴ

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

Google フォト

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

Twitter 画像

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

Facebook の写真

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

%s と連携中

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