WordPress.com に画像を貼る方法いろいろ(その1)

ウェブサイトやブログの構成要素は、ものすごく大雑把な分類をすれば、「テキスト」と「画像」と「HTML/CSS/JavaScript」から成っています。「画像」を貼る作業というのはテキストに比べて面倒なものですが、画像を抜くと、例えば、以下のように表示のイメージががらっと変わってしまうようなケースもあります。

afafdasd
Delicious Magazine | An elegant and versatile magazine-style WordPress.com theme

rect3015

dsfgsgsdfg

また、ランキングの上位に行くことが目的ではありませんが、記事「[WordPress.com] トップページをサムネイル画像付きの記事リストにすることができるテーマをピックアップしてみました」で調査・検討したように画像がひと目を惹きつけるための有力な手段のひとつになっていることはたしかなようです。つまり、画像を貼るのは面倒だけれども、それに見合うだけの意味や価値があるということです。

sfvsfasdfsd

そういうわけで、ここでは、「WordPress.com に画像を貼る」という観点から、思いつく限り、その方法・手段について列挙してみたいと思います。

記事に画像を貼る

一番オーソドックスだと思われる、記事に画像を貼る、という方法。

WordPress.com のデモサイトのメニューに「image alignment and styles」などといった項目がよくありますが、

gasdfsfsd

こういったページのレイアウトを参考にしながら、記事に貼る画像の配置を変更してみてもいいかもしれません。

sfasfasdfas
Image Alignment and Styles | Forefront

なお、画像に対して文章の量が少ないと、文字の回りこみを解除したくなるケースがありますが、その場合は「

」というタグを使えばいいのではないか、というのが私の考えですが、ビジュアルモードだとうまくいかないところもあり、この辺が悩ましいところです。

記事へ画像を貼るツールですが、私の場合ですと、Windows Live Writer で貼るか、

WordPress.com の記事編集画面で貼るか、

になりますが、mac をお使いの方ですと、MarsEdit が主流かと想像します。

ヘッダーに画像を貼る

ヘッダー画像を追加するとブログのイメージががらっと変わります。

agfsfvsad
Vintage Camera

「外観」→「ヘッダー」から

agfvafads

ヘッダー画像を追加することができます。

adfasfasd-1

Twitter タイムライン、Facebook Like ボックス、「人気の投稿とページ」ウィジェット、Flickr ウィジェットなど、画像がいっぱい使われているウィジェットを貼る

WordPress.com にはさまざまなウィジェットが準備されています。

sdfvasfasd-1

以下、画像が使われていて、使用頻度の高そうなものをピックアップしてみます。

Twitter タイムラインウィジェット

Twitter の設定画面の方で、「画像を自動的に開く」にチェックを入れておくと、

ウィジェットの設定

Twitter タイムラインウィジェットに画像が表示されます。

afdafcasd

Facebook Like ボックスウィジェット

「顔写真を表示」にチェックを入れておくと、

adfvafasd

Facebook の方へ「いいね」ボタンをクリックしている人のアイコンが表示されます。

adfadfsad

マイコミュニティウィジェット

「多数」にチェックを入れておくと、

adfasdfads-1

WordPress.com にコメントしたり、「いいね」したり、フォローしたりしている人のアイコンがたくさん表示されます。

sdfafasd

rect3015

fsfdds

「人気の投稿とページ」ウィジェット

「画像グリッド」にチェックを入れておくと、

sgfvafadsf

アクセスの多い記事のアイキャッチ画像がタイル状に表示されます。

rgwsfgvgsgfvd

Flickr ウィジェット

10 枚まで表示されます。

afafasfd

まだまだたくさんあるのですが長くなりそうなので、この記事はこの辺で一旦切りたいと思います。

以上、WordPress.com へ画像を貼る方法いろいろ、の第一弾でした。

 

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中

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