WordPress.com の新しい投稿機能での画像の貼り付け方いろいろ

2015-12-24現在、WordPress.com の標準での記事編集画面は2つあります。

一つは従来からあり、レンタルサーバ等でインストールするタイプの WordPress の記事編集画面とだいたい似ている記事編集画面と

2015-12-24 at 10.16.jpg

2015-12に正式にリリースされた、WordPress.com 独自の新しい記事編集機能。

2015-12-24 at 10.17.jpg

この2つの記事編集機能は、2015-12-24現在では、大雑把に言って、だいたい同じ機能を有していますが、画像の貼り付け方がだいぶ変更されています。

そこで、ここでは新しい方の記事編集機能の画像の貼り付け方について覚え書きしたいと思います。

画像1枚の貼り付け

ビジュアルモードの状態で画像をドラッグ&ドロップさせれば OK です。

 

画像2枚以上の貼り付け

ビジュアルモードの状態で、画像を2枚以上、編集画面上にドラッグ&ドロップさせると

2015-12-24 at 10.34.jpg

まず、メディアライブラリの管理画面が開きます。

2015-12-24 at 10.32

右下にある「続ける」をクリックで、

2015-12-24 at 10.33

以下の画面に移り、

2015-12-24 at 10.33

以下の7種類からレイアウトを選択することができます。

2015-12-24 at 10.35.jpg

個々の画像

通常の画像貼り付けになります。

a0001_014330a0002_010083a0960_000735_m

サムネイルグリッド

画像の縦横比が保存されたまま、順番に表示されます。

最大寸法は以下のところで定義します。

2015-12-24 at 10.52.jpg

タイルモザイク

画像の縦横比がある程度、保存されたままタイル状に敷き詰められて表示されます。

正方形タイル

正方形に切り取られて表示されます。1行あたりの個数は指定できます。

丸型

丸型に切り取られて表示されます。1行あたりの個数は指定できます。

タイルカラム

「タイルモザイク」のコンパクト版といった感じで、個人的には一番好きなレイアウトです。

スライドショー

スライドショーで表示されます。

スライドショーには JavaScript が必要です。

ビジュアルモードの記事編集画面上でも、ブログ上と同じような感じで表示されます。

2015-12-24 at 10.47.jpg

以下の設定をしてあると

2015-12-24 at 11.05.jpg

タイルカラム等の個々の画像をいい感じで表示することができます。

【WordPress】横幅いっぱいに表示でき、iPhone 等からも簡単に投稿できるスライドショー表示サービス「Mesh」

横幅いっぱいに表示でき、また、専用アプリで iPhone 等からも簡単に投稿することができる Automattic 社純正の「Mesh」というスライドショー表示サービスについての覚え書きです。

http://me.sh/zze4qrd/2bh

続きを読む

[WordPress.com] Cloudup の画像やギャラリーを貼る

通常、WordPress.com を含め、いろいろなブログやウェブサイトに画像を貼るとき、その画像の URL アドレスは一義的に決まりますが、Cloudup を使うと、画像へのリンク先はそのままに画像だけを差し替えることができるようになったようです。

画像の貼りつけ

まず、Cloudup の方に任意の画像をアップし、その URL アドレスを WordPress.com に貼りつけてみます。

続きを読む

#2013

[WordPress.com] モザイク状などのギャラリーをサイドバー等に表示できるウィジェット「ギャラリー」

fasdfsd

続きを読む

#2013, #%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ab%e7%94%bb%e5%83%8f

WordPress.com に pdf ファイルを表示する方法 − Scribd を使う

WordPress.com に pdf ファイルを表示する方法のうち、Scribd というサービスを使う方法について検討してみました。

例えば、以下のような感じで表示することができます。

続きを読む

#2013

WordPress.comにSlideShareを貼る方法

WordPress.comにSlideShareを貼る方法についての覚書です。
Radiation Monitoring Data from Fukushima Area 05/06/2011

View more presentations from US Department of Energy

続きを読む

#2011

スライドショーの枠を変更/削除するためのCSS

スライドショーの枠を変更/削除するためのCSSについての覚書です。

続きを読む

#2011