【WordPress.com】 ギャラリー機能を使ってグリッド・タイル状の記事リストを作成する方法

私自身は、グリッド・タイル状の記事リストを作成するときには、ショートコード「display-posts」を使って、以下のようなデータを抽出し、

WordPress.com 無料テーマ一覧(私家版) | comemo

CSS で以下のような形に整形することで実現していますが、CSS に馴染みのない人にとっては使いづらいのではないかと危惧しています。実際、ショートコード「display-posts」を使っている人はまだあまりいないのではないかと推測しています。

WordPress.com 無料テーマ一覧(私家版) | comemo-1

そこで、ショートコード「display-posts」よりは普及しているであろうショートコード「gallery」を使って、グリッド・タイル状の記事リストを作成する方法について検討してみました。

実際に表示させてみるとこんな感じになります。

続きを読む

WordPress.com で表示されるギャラリーが ie8 でもちゃんと表示されるようになっています

以前、記事「WordPress.com のギャラリー機能の ie8 対応について」において、WordPress.com のギャラリー機能は ie8(インターネットエクスプローラのバージョン8。Windows XP で ie を使うとなるとたぶん、これ。) に対応していないらしいことを申し述べましたが、記事「【正式版】JetpackのタイルギャラリーをIE8で表示させる : wordpress関連【ブログ】 | 相模原市南区のリフォーム専門店 小嶋ライフ」によると、レンタルサーバ等にインストールして使うタイプの WordPress のプラグイン「JetPack by WordPress 」でのギャラリー表示を CSS の追加で ie8 でもちゃんと表示することができたことが報告されていたので、もしかしたら、たぶん、WordPress.com の方はすでに対応しているかも、ということで再確認してみたところ、案の定、すでに ie8 に対応しておりました。

20130208gallery01
2013年2月8日時点での ie8 での WordPress.com のギャラリー表示

rect3015

afgafgsdfgf
2013年4月4日時点での ie8 での WordPress.com のギャラリー表示

続きを読む

#2013

WordPress.com のサイドバーのテキストウィジェットにはスライドショーや VideoPress、YouTube などが貼れるようだ

Unknown Device 2

続きを読む

#2013

WordPress.com のギャラリー機能の ie8 対応について

※ 2013年4月6日現在、WordPress.com のギャラリー機能は ie8 に対応しているようです(記事「WordPress.com で表示されるギャラリーが ie8 でもちゃんと表示されるようになっています」参照)。

続きを読む

#2013, #nodisplay-51804

[WordPress.com] 枠の中にギャラリーを入れてみる

ブログ「comemo 」の方で、記事の中に枠を表示する方法についての記事(記事の中に欄を作るためのCSS | comemo)を書きましたが、その枠の中にギャラリーを入れたらどんな感じになるか、確認してみました。

(音声あり)

続きを読む

#2013

[WordPress.com] iPad や ipod touch でのギャラリー表示

WordPress.com には、複数の画像をおしゃれに表示することのできる「ギャラリー機能」がありますが、iPadipod touch でどのように表示されるのか、確認してみました。

iPad でのギャラリー表示

ipod touch でのギャラリー表示

おそらく、iPhone でも ipod touch と同じような感じで表示されるものと思います。

#2013

記事「貼付け方/装飾:ギャラリー/タイル状の画像 | comemo」のリストを追加(20130102)

記事「ブログ内にあるデフォルトのギャラリーをワンタッチでモザイク状に変更する | comemo」の作成に伴い、記事「貼付け方/装飾:ギャラリー/タイル状の画像 | comemo」のリストを追加しました。

dfhshtherth

#2013