STUDIO Bloom 大阪・北摂地域を中心としたWebサイト・システム制作 » Wordpress http://www.studio-bloom.net 高槻を拠点に、大阪・北摂を中心としたWebデザイン・システム構築 STUDIO Bloom Sun, 25 Jul 2010 16:14:04 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 Wordpressでページ内に記事一覧サムネイル http://www.studio-bloom.net/archives/2182 http://www.studio-bloom.net/archives/2182#comments Thu, 22 Apr 2010 01:17:23 +0000 板 http://www.studio-bloom.net/?p=2182 久しぶりのWordpressネタです。
次のVer.3からはマルチブログにも対応するなど、このところ進み具合が半端無い感じのWPですが（アップグレードでコケるところ多そうだなぁ…）。

ページ内で記事の一覧とそのサムネイル画像を表示させたい、という要求は往々にしてあると思うのですが、それをなんとか使用者にも使いやすい形で実装できないものか…と。

最初に考えたのはカスタムフィールドを使用して、アップロードしたファイルのURLを入れてもらう。。。は手間が増えるし、おそらくイマイチ分かりにくい操作だなぁ。。。と。
記事内の最初に出てくる画像を正規表現で取得して…矩形のサムネイルだと良いけど、中・大の画像サイズとファイル名が不明…
Ver 2.9から実装されているthe_post_thumbnail()はなにも表示されない…

ということで実装したのがこちら、

PLAIN TEXT
PHP:
  1. $posts = get_posts('numberposts=5&category=3');
  2. foreach($posts as $post) {
  3.     setup_postdata($post);
  4.    
  5.     $dat = get_posts('post_type=attachment&orderby=menu_order&order=ASC&numberposts=1&post_parent='.get_the_ID());
  6.     if (count($dat)> 0) {
  7.         $image = wp_get_attachment_image_src($dat[0]->ID);
  8.         $desc = '<img src="'.$image[0].'" width="'.$image[1].'" height="'.$image[2].'" alt="" />';
  9.     }
  10.  
  11.     // 記事出力
  12.     echo $desc;
  13. }

get_posts()にパラメータ「post_type=attachment」を指定すると、「post_parent」に与えた記事IDに紐付いているデータを取得できます。その他のパラメータは並び順の先頭にある1件のみを取得する指定です。ギャラリーダイアログで1番上に指定している物を取得する仕様にしました。
配列にはそれぞれファイルURL・幅・高さが入っています。

お客さんにはサムネイルに表示したい画像をアップロード、1番上に移動してもらうだけ。記事内にその画像を表示させたくなければ挿入しなければ良いだけで、ギャラリーの1番上にある画像が自動的に表示されるのは分かりやすいかな？と（サムネイルは表示させたくないけど、記事中に何か画像を表示したい、という希望には添えませんが…orz）。

次のネタは「ページ内で記事を表示させたい。そしてページングも表示させたい」です。ネタは小出しでｗ

]]> http://www.studio-bloom.net/archives/2182/feed 2 Wordpressで記事に投稿した画像一覧をProgression用のXMLで出力 http://www.studio-bloom.net/archives/1774 http://www.studio-bloom.net/archives/1774#comments Mon, 03 Aug 2009 15:47:35 +0000 板 http://www.studio-bloom.net/?p=1774 ラーメン屋のネタを華麗にスルーしつつ、タイトルの長すぎるエントリーです。
しかも解説無しという暴挙！読者をなんだと思ってるんだ！

Wordpressで記事に投稿した画像一覧をProgression用のXMLで出力するためのテンプレートです。
（元ネタはこちらを参考にさせて頂きました。深謝）

PLAIN TEXT
PHP:
  1. <?php /*
  2. Template Name: scenedataXML
  3. */ ?>
  4. <?php header('Content-Type: text/xml; charset='.get_option('blog_charset'), true); ?>
  5. <?php echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.'>'; ?>
  6. <?php echo '<prml version="2.0.0" type="text/prml">'; ?>
  7.  
  8. <?php query_posts("order=DESC"); ?>
  9. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  10. <?php
  11.     $d = the_date('Y-m-d', '', '', '', false);
  12.     $attachments = get_children(array('post_parent' => get_the_ID(), 'post_type' => 'attachment', 'post_mime_type' => 'image'));
  13.     if ( is_array($attachments) ){
  14.         foreach ($attachments as $key => $row) {
  15.             $mo[$key]  = $row->menu_order;
  16.             $aid[$key] = $row->ID;
  17.         }
  18.         array_multisort($mo, SORT_ASC,$aid,SORT_DESC,$attachments);
  19.         foreach ($attachments as $row => $data) {
  20.             preg_match('/src="(.*?)"(.*?)title="(.*?)"/ie', wp_get_attachment_image($data->ID, 'thumbnail'), $thumb);
  21.             preg_match('/src="(.*?)"(.*?)title="(.*?)"/ie', wp_get_attachment_image($data->ID, 'full'), $image);
  22. ?>
  23. <scene name="<?php echo the_title(); ?>" cls="myproject.scenes.ImageScene" title="<?php echo $image[3]." | ";the_title(); ?>">
  24. <num><?php echo $image[3]; ?></num>
  25. <cap><?php echo $image[3]; ?></cap>
  26. <thumb><?php echo $thumb[1]; ?></thumb>
  27. <path><?php  echo $image[1]; ?></path>
  28. <date><?php echo $d; ?></date>
  29. <category><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name;} ?></category>
  30. </scene>
  31. <?php
  32.         }
  33.     }
  34. ?>
  35. <?php endwhile; endif; ?>

Progressionはプログラミングの知識がなくても柔軟且つ簡単ににフルフラッシュサイトを作れる工夫が成されてる割に、細かいことをやろうとしたら意外に奥が深いフレームワークです。ちょっと世界観の把握に苦労した。

あとはこの出力されたXMLをProgressionで読んで、Papervision3Dと絡めて…

という実験的勉強を、クライアントからの連絡をずーっと待ちながらイヂけつつやっている梅雨が明けたある暑い夏の日。

]]> http://www.studio-bloom.net/archives/1774/feed 2 【覚え書き】Wordpressのスラッグの扱い http://www.studio-bloom.net/archives/1052 http://www.studio-bloom.net/archives/1052#comments Mon, 02 Mar 2009 09:25:46 +0000 板 http://www.studio-bloom.net/?p=1052 フロントページを“固定”にして、投稿ページを何かに指定した場合、ページスラッグは入力した物じゃなくて投稿のタイトルがエンコードされた物が返ってくる。

ページスラッグを利用してページごとのCSSを読み込むようにしていたので、ここで大はまり。で、ナニをどうやっても投稿ページで指定しているスラッグを引っ張れないので考えた案。

投稿ページを指定すると、そのページはis_page()がfalseになるので、（逆説的に）is_page() === trueの場合のみページスラッグを使ってCSSを指定し、falseの時は投稿ページと判断して、ブログ用のCSSを読み込ませる。

＃Ver2.7.1でのお話です。他にも別の解決策などあるかもしれません。

というかページテンプレートも指定できなくなるのは仕様なのか？

]]> http://www.studio-bloom.net/archives/1052/feed 0