米が好き » PHP http://kome-suki.net http://kome-suki.net Wed, 05 Jan 2011 12:30:23 +0000 ja hourly 1 http://wordpress.org/?v=3.0 【WordPress 3.0】画像挿入をポップアップでする方法 http://kome-suki.net/archives/8956 http://kome-suki.net/archives/8956#comments Wed, 23 Jun 2010 16:40:20 +0000 くーさん http://kome-suki.net/?p=8956 WordPress - メディアライブラリWordPress 3.0 日本語版が6/23にリリースされ、アップデートした方は色々触っている事だと思います。

以前書いた、記事投稿時に画像を挿入する際フラッシュ形式ではなくポップアップにして連続投稿する方法ですが、3.0になって前回の方法では使えなくなってしまいました。
私は画像が1・2枚ならフラッシュ形式、それ以上ならポップアップ形式かFTPに直上げの方法を取っており、私だけではなくこのポップアップ形式を使っている人が少なからずいるので、再度調べてみました。

今回変更箇所多すぎ。

なので、私の変更したファイルを画像込みでZIPにしてアップしてます。
『media-button-image_f.gif』、『media-button-image_p.gif』、『media.php』が中に入っています。
2つの画像は『wp-admin/images/』の中に。
media.php は『wp-admin/includes/』の中に放り込めば一先ず使えます。

投稿画面がこんな感じになります。
WordPress 3.0

左がフラッシュ形式、右がポップアップ形式です。
WordPress 3.0WordPress 3.0

ダウンロードはこちらから。

「いや、俺は自分で変更する！」
ってな方は、以下に変更箇所を全て書いておりますので頑張ってください。

余計な説明は入れていません。
私も深くは分かっておらず、「こうしたから出来た」ってなだけです。＾＾；

ファイルは言わずもがな、『media.php』の変更後は UTF-8 で保存してください。

ファイル（media.php）の上から順に書いています。
行番号は追加していった場合の番号になります。

【変更前】 wp-admin/includes/media.php　（169行目～）（WordPress 3.0）
<?php
  exit;
}
　↓
【変更後】 wp-admin/includes/media.php　（169行目～）（WordPress 3.0）
<?php
  #exit;
}

『#』を追加。


【変更前】 wp-admin/includes/media.php　（353行目～）（WordPress 3.0）
function media_buttons() {
  $do_image = $do_audio = $do_video = true;
  if ( is_multisite() ) {
    $media_buttons = get_site_option( 'mu_media_buttons' );
    if ( empty($media_buttons['image']) )
      $do_image = false;
    if ( empty($media_buttons['audio']) )
      $do_audio = false;
    if ( empty($media_buttons['video']) )
      $do_video = false;
  }
  $out = '';

  if ( $do_image )
    $out .= _media_button(__('Add an Image'), 'images/media-button-image.gif?ver=20100531', 'image');
  if ( $do_video )
    $out .= _media_button(__('Add Video'), 'images/media-button-video.gif?ver=20100531', 'video');
  if ( $do_audio )
    $out .= _media_button(__('Add Audio'), 'images/media-button-music.gif?ver=20100531', 'audio');

  $out .= _media_button(__('Add Media'), 'images/media-button-other.gif?ver=20100531', 'media');

  $context = apply_filters('media_buttons_context', __('Upload/Insert %s'));

  printf($context, $out);
}
add_action( 'media_buttons', 'media_buttons' );

function _media_button($title, $icon, $type) {
  return "<a href='" . esc_url( get_upload_iframe_src($type) ) . "' id='add_$type' class='thickbox' title='$title'><img src='" . esc_url( admin_url( $icon ) ) . "' alt='$title' /></a>";
}
　↓
【変更後】 wp-admin/includes/media.php　（353行目～）（WordPress 3.0）
function media_buttons() {
  $do_image = $do_image2 = $do_audio = $do_video = true;
  if ( is_multisite() ) {
    $media_buttons = get_site_option( 'mu_media_buttons' );
    if ( empty($media_buttons['image']) )
      $do_image = false;
    if ( empty($media_buttons['image2']) )
      $do_image2 = false;
    if ( empty($media_buttons['audio']) )
      $do_audio = false;
    if ( empty($media_buttons['video']) )
      $do_video = false;
  }
  $out = '';

  if ( $do_image )
    $out .= _media_button(__('Add an Image'), 'images/media-button-image_f.gif?ver=20100531', 'image');
  if ( $do_image2 )
    $out .= _media_button(__('Add an Image'), 'images/media-button-image_p.gif?ver=20100531', 'image2');
  if ( $do_video )
    $out .= _media_button(__('Add Video'), 'images/media-button-video.gif?ver=20100531', 'video');
  if ( $do_audio )
    $out .= _media_button(__('Add Audio'), 'images/media-button-music.gif?ver=20100531', 'audio');

  $out .= _media_button(__('Add Media'), 'images/media-button-other.gif?ver=20100531', 'media');

  $context = apply_filters('media_buttons_context', __('Upload/Insert %s'));

  printf($context, $out);
}
add_action( 'media_buttons', 'media_buttons' );

function _media_button($title, $icon, $type) {
  if ($type == "image2") {
    return "<a href=\"javascript:w=window.open('" . esc_url( get_upload_iframe_src($type) ) . "&flash=0','','scrollbars=yes,Width=650,Height=720,top=0,left=0');w.focus();\" id=\"add_image\" title='画像を追加' onclick=\"return true;\"><img src='" . esc_url( admin_url( $icon ) ) . "' alt='画像を追加' /></a>";
  } else {
    return "<a href='" . esc_url( get_upload_iframe_src($type) ) . "' id='add_$type' class='thickbox' title='$title'><img src='" . esc_url( admin_url( $icon ) ) . "' alt='$title' /></a>";
  }
}

赤字のコードを追加。


【変更前】 wp-admin/includes/media.php　（499行目～）（WordPress 3.0）
function media_upload_image() {
  $errors = array();
  $id = 0;
　・
　・
　・
  return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );
}
　↓
【変更後】 wp-admin/includes/media.php　（499行目～）（WordPress 3.0）
function media_upload_image() {
  $errors = array();
  $id = 0;
　・
　・
　・
  return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );
}

function media_upload_image2() {
  $errors = array();
  $id = 0;
　・
　・
　・
  return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );
}

499～549行目を551行目に丸々コピーする。
『media_upload_image2()』 ← 2を付ける。


【変更前】 wp-admin/includes/media.php　（2334行目～）（WordPress 3.0）
add_filter('async_upload_image', 'get_media_item', 10, 2);
add_filter('async_upload_audio', 'get_media_item', 10, 2);
add_filter('async_upload_video', 'get_media_item', 10, 2);
add_filter('async_upload_file', 'get_media_item', 10, 2);

add_action('media_upload_image', 'media_upload_image');
add_action('media_upload_audio', 'media_upload_audio');
add_action('media_upload_video', 'media_upload_video');
add_action('media_upload_file', 'media_upload_file');
　↓
【変更後】 wp-admin/includes/media.php　（2334行目～）（WordPress 3.0）
add_filter('async_upload_image', 'get_media_item', 10, 2);
add_filter('async_upload_image2', 'get_media_item', 10, 2);
add_filter('async_upload_audio', 'get_media_item', 10, 2);
add_filter('async_upload_video', 'get_media_item', 10, 2);
add_filter('async_upload_file', 'get_media_item', 10, 2);

add_action('media_upload_image', 'media_upload_image');
add_action('media_upload_image2', 'media_upload_image2');
add_action('media_upload_audio', 'media_upload_audio');
add_action('media_upload_video', 'media_upload_video');
add_action('media_upload_file', 'media_upload_file');

赤字のコードを追加。


これで以前と同じように使えると思います。
何かあったらコメントください。

]]> http://kome-suki.net/archives/8956/feed 5 【WordPress】3.0でのポップアップ表示（前置き編） http://kome-suki.net/archives/8948 http://kome-suki.net/archives/8948#comments Tue, 22 Jun 2010 21:55:15 +0000 くーさん http://kome-suki.net/?p=8948 WordPress - メディアライブラリ過去記事、
【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法
【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2
ですが、WordPress 3.0 の『wp-admin/includes/media.php』を見ると少々ややこしく・・・と言うか前よりは簡単になっているんでしょうが、以前のやり方では上手くいきません。

しかし、無事解決方法を解読。
その方法とは！

・・・明日書きまーす。ｗ

]]> http://kome-suki.net/archives/8948/feed 4 【WordPress】特定のイメージタグを抽出する方法【PHP】 http://kome-suki.net/archives/8785 http://kome-suki.net/archives/8785#comments Mon, 14 Jun 2010 19:18:31 +0000 くーさん http://kome-suki.net/?p=8785 WordPressちょっと気になって調べたら案外簡単に出来たので、備忘録として書いておこうと思います。
今回行ったのは、特定のクラス（CSS）を加えたイメージタグの抽出方法です。

私が記事を書く時は、必ず頭にイメージを入れています。
（今日のシリーズやニコニコ紹介などは別）

このイメージは以下のように記述しています。
<img src="http://kome-suki.net/・・・" class="entry_thumb" />

他にも画像を入れる時があり、先頭に持ってきた画像（class=”entry_thumb”）だけを抽出したい。
これが出来れば、検索画面や関連記事や最近の記事などでサムネ付きというのが表示できるようになります。
プラグインや他の方法もググったら出てきましたが私的にいまいち合わなく、それらを踏まえていった上でもの凄く簡単に出来ました。
リニューアル後の表示変更を考えていたので、これは覚えておかなくてはいけない方法です。

search.phpなどを開き、記事のループを行っている中に以下のコードを書きます。

<?php
  $cnt = get_the_content();
  if (substr($cnt, 0, 1) == "<") {
    preg_match("/<img(.*?)class=\"entry_thumb\" \/>/", $cnt, $thumb);
    echo $thumb[0];
  } else {
  }
?>

解説
2行目　$cnt に記事内容を代入するんですが、『the_content()』だと記事が全て表示されてしまうので、必ず『get_the_content()』にする。

3行目　記事の1文字目が『<』じゃないと何も無しを返します。
6行目の else を書かないと、『Array』と表示されてしまうので注意。

4行目　PHPの『preg_match』関数で該当するタグ・クラスを書いて、$thumb に代入する。
『”/～～～/”』とダブルクォーテーション・スラッシュで囲むのが一般的らしいので、それ以外のダブルクォーテーション・スラッシュの前には￥（Macはバックスラッシュ）を記述する。

5行目　代入された $thumb[0] を echo ではき出す。

6～7行目　上記の例だと何も書いてませんが、『no image』みたいな画像を書き足してもOK。

画像の大きさを変えたかったら、<div>～～～</div>で囲ってCSSで変えた方が早いかもしれません。


取り合えず私個人用なので、別の方法（a や他のタグ）では試していませんが、応用すれば色々いけると思います。
勿論WordPress以外にも使えると思います。

]]> http://kome-suki.net/archives/8785/feed 1 【WordPress】記事に画像を挿入するのを簡単にする方法 http://kome-suki.net/archives/8453 http://kome-suki.net/archives/8453#comments Mon, 31 May 2010 17:49:12 +0000 くーさん http://kome-suki.net/?p=8453 WordPress - メディアライブラリ@yoidoreoさんからの要望でやってみました。

WordPressで画像を記事内に挿入する際、以前紹介した『【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法』、『【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2』を使っています。

私は画像が大量にある時には、画像に連番付けてFTPで上げてから、記事内にイメージタグをコピペして番号だけ手打ちしています。
@yoidoreoさんはそうではなく、メディアライブラリで全部上げてからポップアップ表示してリストから挿入しているらしいです。
で、挿入する際一々画像の詳細を表示してからじゃないと画像が挿入できません。
詳細の一番下に『投稿に挿入』ボタンがあるんですから。

要は何を行ったかと言うと、
・ 画像のリスト表示部にも挿入ボタンが欲しい。
・ ついでにリストに表示する数も増やしたい。
・ ついでにサムネイル画像の大きさも変えたい。
以上3つをやってみました。

結論から言うと、以下のようになります。
変更前
WordPress - メディアライブラリ

変更後
WordPress - メディアライブラリ

では変更方法です。

1画像のリスト表示部にも挿入ボタンが欲しい
詳細を表示した際にあるボタンをリスト部に持ってくるだけなので簡単なんですが、デザイン的に崩れたりしてしまうので、ちょっとだけ手を加える必要があります。
デザインなんか関係ねぇって人はいいんでしょうけど。

では、『wp-admin/includes/media.php』を開きます。
まずはボタンを設置する方法です。

media.php　1165行目～　（2.9.2の場合）
if ( $toggle ) {
  $class = empty($errors) ? 'startclosed' : 'startopen';
  $toggle_links = "
  <a class='toggle describe-toggle-on' href='#'>$toggle_on</a>
  <a class='toggle describe-toggle-off' href='#'>$toggle_off</a>";
} else {
  $class = 'form-table';
  $toggle_links = '';
}

上記のコード内に、ボタンを表示するコードを付け足します。
ついでにCSSも直接書いてみました。

media.php　1165行目～　（2.9.2の場合）
if ( $toggle ) {
  $class = empty($errors) ? 'startclosed' : 'startopen';
  $toggle_links = "
  <a class='toggle describe-toggle-on' href='#'>$toggle_on</a>
  <a class='toggle describe-toggle-off' href='#'>$toggle_off</a>
  <div style=\"float:right; margin:5px 10px 0 0;\"><input type='submit' class='button' name='send[$attachment_id]' value='" . esc_attr__( 'Insert into Post' ) . "' /></div>";
} else {
  $class = 'form-table';
  $toggle_links = '';
}

青色のコードがCSSなんですが、『float:right;』を入れないと、画像タイトルの上にボタンが来てしまいます。
見栄え悪いし、使いづらいかとも思います。

私はシングルクォーテーションよりダブルクォーテーションの方が好きなので『￥”』の書き方にしています。
Windowsの人は『￥』でいけますが、Macの人はバックシュラッシュになります。
素直にシングルクォーテーション（ ’ ）だけでもOKです。


2ついでにリストに表示する数も増やしたい
同じ『media.php』の 2 3 箇所を変更する必要があります。

media.php　1807行目（ボタンコード未挿入時）　（2.9.2の場合）
add_filter( 'post_limits', $limit_filter = create_function( '$a', "return 'LIMIT $start, 10';" ) );

追記
上記の変更だけでは、ページを送った際10個ダブった表示になるので、もう1箇所変更しなければいけません。

media.php　1801行目（ボタンコード未挿入時）　（2.9.2の場合）
$_GET['paged'] = isset( $_GET['paged'] ) ? intval($_GET['paged']) : 0;
if ( $_GET['paged'] < 1 )
  $_GET['paged'] = 1;
$start = ( $_GET['paged'] - 1 ) * 10;
if ( $start < 1 )
  $start = 0;
add_filter( 'post_limits', $limit_filter = create_function( '$a', "return 'LIMIT $start, 10';" ) );

media.php　1870行目（ボタンコード未挿入時）　（2.9.2の場合）
'total' => ceil($wp_query->found_posts / 10),

上記の『 10 』を20や30にする事で、リストに表示される数が増えます。
同じ数にしないと表示が変になると思うので、同じにしておいた方が良いと思います。


3ついでにサムネイル画像の大きさも変えたい
リストに表示されているサムネイル画像の大きさは、CSSで変更しているらしいです。
サムネイル画像には以下のCSSが使われています。
.media-item .pinkynail {
  float: left;
  margin: 2px;
  max-width: 40px;
  max-height: 32px;
}

『max-width』と『max-height』の大きさを変更すれば良いだけです。
削除すると画像がそのままの大きさで表示されてしまうので、とんでもない事になります。
適度な大きさにしておいた方が良いと思います。（50×50 pxとか）

変更したい方は『wp-admin/wp-admin.css』を開きます。
スペースが入っていない軽量版のCSSなので、『.media-item .pinkynail』で検索すれば該当するCSSクラスが引っかかると思います。

IE版のCSSは別ファイルになります。

wp-admin/css/ie.css　414行目～　（2.9.2の場合）
* html .media-item .pinkynail {
  height: 32px;
  width: 40px;
}

上記の大きさを『wp-admin.css』と同じにしましょう。
IE使ってない人は別に変更しなくても大丈夫だと思います。

100px × 100px とかにした人は分かると思いますが、画像に『float: left;』が入っていてPHPのソース内にはクリアータグが入っていません。
なので、メチャクチャな表示になると思います。
その場合は、『media.php』の以下の箇所にクリアータグを追加します。

media.php　1209行目（ボタンコード未挿入時）～　（2.9.2の場合）
$display_title
<table class='slidetoggle describe $class'>

上記タグの間に以下のクリアータグを追加します。

media.php　1209行目（ボタンコード未挿入時）～　（2.9.2の場合）
$display_title
<div style=\"clear:both;\"></div>
<table class='slidetoggle describe $class'>


簡単に見ただけなので、何か問題があればコメントください。

]]> http://kome-suki.net/archives/8453/feed 16 【WordPress】Twitterをブログ上に表示させるプラグイン『Tweetable』 http://kome-suki.net/archives/7868 http://kome-suki.net/archives/7868#comments Tue, 04 May 2010 20:14:08 +0000 くーさん http://kome-suki.net/?p=7868 WordPress & Twitter2日前からトップページのみにTwitter（@kome__suki）のつぶやきを表示させるようにしていました。
これはいつものRSSフィードを読み込んで表示させる方法を使用していたんですが、Twitterだけは上手く読み込んでくれません。
文字コードが何故か ASCII になってバケたり、30分経っても読み込まなかったりとメチャメチャです。
ブログ用のアカウント取ったってのに、そのブログにちゃんと表示してくれなくては意味がありません。
こちらのサイトも利用して試させてもらいましたが、やっぱりダメでした。
なので、TwitterのRSSだけはプラグインに頼った方が懸命です。

サイドバーにある @kuu_san のつぶやきは『Twitter Tools』というプラグインを使用しています。
多数のアカウント設定は出来ないので、別の『Tweetable』と言うプラグインを使用しました。

これは凄いです。
何が凄いって、Twitterでつぶやいた内容が瞬時に反映されます。
TweetDeck でつぶやき、すぐにブログをリロードしたら反映されていました。
この速さには驚きです。
RSSと言うより Twitterの公式サイトに登録するので、アプリと同じ感覚なんでしょうね。
管理画面上からつぶやいたりフォロワーのTLなんかも見れますが、私は表示させたいだけだったのでこの辺はノータッチです。

バージョンが上がって少々違いますが、登録などの仕方は以下のサイトを参考に。

Ryuzee.com
[wordpress]Twitter連携用プラグインTweetableが便利すぎる！

私がハマった点は『コールバックURL』を入力しなかった為、ドえらい手間が掛かりました。
上記ページ1枚目のスクリーンショットの所に『コールバックURL』が表示されているので、ちゃんと登録画面でコピペしましょう。
設定し直すと、すんなり登録できました。

後は表示させたい場所に以下のコードを加えればOK。
<?php tweetable_latest_tweets(10); ?>
『 10 』の数字は、表示させたい件数です。
他にもフォロワー数を表示させたり出来るみたいです。
詳しくはプラグインページの『Other Notes』に書かれています。（英語）


使えたとなると、後は私の大好きなカスタマイズのお時間です。
いじくるファイルは『tweetable.php』と『main_css.css』の2つです。
CSSファイルは2つあって、『admin_css.css』は管理画面上のCSSなので、これは触らない方が良いと思います。
管理画面なんて自分しか見ませんもんね。

以下のつぶやきを元にしてみます。
2010/5/5 03:00:51　【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 http://bit.ly/ba5ZFj

プラグインをそのまま使うと、以下のように表示されます。
【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 http://bit.ly/ba5ZFj
May 4, 2010 6:00

まずは日付を日本語表記にします。

tweetable.php　60行目　（Version: 1.1.8）
$date = date('F j, Y g:i', strtotime($latest['tweets'][$counter]['created_at']));
　↓
$date = date('Y/n/d H:i', strtotime($latest['tweets'][$counter]['created_at'])+32400);

日付を西暦表示にし、GMT+9時間で日本時間に変更しています。

私は日時を前に持ってきたかったので、以下のように変更しています。

tweetable.php　61～63行目　（Version: 1.1.8）
echo '<span class="twitter_status">';
echo '<span class="status-text">'.make_clickable($latest['tweets'][$counter]['text']).'</span>';
echo '<span class="twitter_meta">'.$date.'</span>';
　↓
echo '<span class="twitter_status">';
echo '<span class="twitter_meta">'.$date.'</span>';
echo '<span class="status-text">'.make_clickable($latest['tweets'][$counter]['text']).'</span>';

只単に62行目と63行目を入れ替えただけです。
170行目からも同じ記載がありますが、こちらは変更しなくても上手くいきました。
不安な人は、どちらも変更してた方が吉かもしれません。

ソースを見ると分かりますが、コードは以下のように出力されます。
（分かりやすいように改行しています）
<li class="tweetable_item">
  <span class="twitter_status">
  <span class="twitter_meta">2010/5/05 03:00</span>
  <span class="status-text">【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 <a href="http://bit.ly/ba5ZFj" rel="nofollow">http://bit.ly/ba5ZFj</a></span>
  </span>
</li>

日付を囲っている『twitter_meta』には『display:block;』が入っているので、SPANであっても改行されてしまいます。
この辺は好みで『main_css.css』ファイルをいじってください。

私はバックに画像を入れているので全てコメントアウトして、テーマ内のCSSファイルに書き込んでいます。
その方が画像を使用した場合、絶対指定しなくて済むので楽です。


なるべくプラグインに頼らずにやろうと思いましたが、最初にも書いた通り TwitterのRSSだけはプラグインに頼った方が懸命です。

]]> http://kome-suki.net/archives/7868/feed 0 【WordPress】TwitterのRSSを表示させる方法 http://kome-suki.net/archives/7755 http://kome-suki.net/archives/7755#comments Sun, 02 May 2010 18:31:17 +0000 くーさん http://kome-suki.net/?p=7755 Twitter昨日作ったブログ用のTwitterアカウントのつぶやきを、トップページのみ表示させました。
RSSをそのまま表示させるのには難があります。

１．Twitterからのフィードは、全文表示しかない。
２．文の頭にアカウント名が入る。
３．リンクはテキストのまま。（非リンク状態）
４．日時表示が日本向きではない。

たった1つのつぶやきに対し、上記の4つもの問題点があります。
その問題を解決させて表示させる方法です。

PHPでの基本的な表示方法は、例によってこちらの方法を使用しています。

１．Twitterからのフィードは、全文表示しかない。
RSSフィードからの情報は以下の通り。
『2010/5/3 00:23:40　【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0』を例にしています。
Array (
      [title] => kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
      [description] => kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
      [pubdate] => Sun, 02 May 2010 15:23:40 +0000
      [guid] => http://twitter.com/kome__suki/statuses/13250913673
      [link] => http://twitter.com/kome__suki/statuses/13250913673
      [summary] => kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
      )

6つになっているにも関わらず、被っている点が多いです。
今回は『description』と『pubdate』のみを使用します。

結果的に表示させたい箇所に書き込むコードは以下。（リスト表示にした場合）
<ul>
<?php
  $rss = fetch_rss('http://twitter.com/statuses/user_timeline/139088868.rss');
  $maxitems = 10;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ($items as $item) :
?>
  <li><?php
    $text = substr($item['description'],12);
    $text = ereg_replace("(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&=_-]+)", "<a href=\"\\1\\2\" target=\"_blank\">\\1\\2</a>", $text);
    echo date("Y/n/j H:i", strtotime($item['pubdate'])+32400) . $text;
  ?></li>
<?php endforeach; ?>
</ul>


２．文の頭にアカウント名が入る。
『$text = substr($item['description'],12);』の部分です。
substrで12文字目からの指定をし、アカウント名を表示させていません。
アカウント名によっては、この『 12 』の数値が変わります。


３．リンクはテキストのまま。（非リンク状態）
『$text = ereg_replace(“(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&=_-]+)”, “<a href=\”\\1\\2\” target=\”_blank\”>\\1\\2</a>”, $text);』の部分です。
テキスト内にURLが含まれると、テキストと同じリンクURLを貼る形になっています。


４．日時表示が日本向きではない。
ただ単に表示させると『Sun, 02 May 2010 15:23:40 +0000』になってしまいます。
これを日本表示向けにするのが『date(“Y/n/j H:i”, strtotime($item['pubdate'])+32400)』の部分です。
日本はGMT+9時間なので、date表示する時に『+32400（+9:00）』にしています。
strtotimeでタイムスタンプに変換した内容を、dateで任意の表示方法に変えています。
最後に３の『$text』と一緒に表示（echo）させています。

Y ＝ 4桁の年
n ＝ 0無しの月（1～12）
j ＝ 0無しの日（1～31）
H ＝ 24時間制0付き（00～23）
i ＝ 0付きの分（00～59）
秒を表示させたい場合は
s ＝ 0付きの秒（00～59）

私は日時を赤で表示させていますが、その場合はこちら。
echo "<span style=color:#ff0000;>" . date("Y/n/j H:i", strtotime($item['pubdate'])+32400) . "</span>　" . $text;
通常は『<span style=”color:#ff0000;”>』と『 ” （ダブルクォーテーション）』を使いますが、上手く表示しなかったので省いています。（結果オーライｗ）


以下は参考になったサイト。
[PHP-users 20308]自動リンク
ｳｪﾌﾞｼｽﾃﾑ開発【Lucen@Wiki】
[PHP] RSSのpubDateを時間に変える方法
そふぃのphp入門
PHPスクリプト講座：GMTの有効利用

]]> http://kome-suki.net/archives/7755/feed 0 【WordPress】iTunesのRSSを表示させる方法 http://kome-suki.net/archives/7663 http://kome-suki.net/archives/7663#comments Tue, 27 Apr 2010 19:11:07 +0000 くーさん http://kome-suki.net/?p=7663 iTunes & RSSiTunes Storeはトップ10やトップ25などのRSS配信をしています。
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。
私がWordPressを使ってるってだけです。

WordPressでのRSS表示方法は以前書いた『【WordPress】外部RSSを取得して表示する方法』の方法を使っています。
この方法を使ってWordPress上に表示させてみます。
『sidebar.php』など、PHPファイルに書くのであれば何の問題もありませんが、ページを使って表示させる場合はPHPで書いていますので、以下のプラグインが必要になります。

Bluesome
Exec-PHP plugin for WordPress

このプラグインを入れると、記事内だろうがページ内だろうが、どこでもPHPを書く事が出来ます。

以下はWordPressのページを使って、無料ゲームアプリ トップ10を表示させています。

米が好き
App Store　無料ゲームアプリ トップ10

説明文の開閉はjQueryを使用しています。
では、サンプルページのように表示させる方法。

まず、以下のサイトでRSSフィードを取得します。
Apple – iTunes – RSS Generator
Apple - iTunes - RSS Generator

今回は『Japan / App / 無料 app / 10 / ゲーム』で取得しています。
ページを作成し、以下のコードを書きます。
<?php
  $rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
  $maxitems = 10;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ($items as $item) :
?>
～～～～～
<?php endforeach; ?>

取得したRSSフィードをコピペし、表示する数を10に設定しています。
『～～～～～』の所に好きなようにデザインします。
RSSからの情報は『$item』に格納されます。
配列に入っているデータは以下のようになります。
名　称表示コード
アップデート日
<?php echo $item['updated']; ?>
ID
<?php echo $item['id']; ?>
タイトル
<?php echo $item['title']; ?>
説明文
<?php echo $item['summary']; ?>
名前
<?php echo $item['im']['name']; ?>
期間
<?php echo $item['im']['duration']; ?>
製作者
<?php echo $item['im']['artist']; ?>
価格
<?php echo $item['im']['price']; ?>
アイコン
<?php echo $item['im']['image']; ?>
リンク
<?php echo $item['link']; ?>
リリース日
<?php echo $item['im']['releasedate']; ?>
1枚目のスクリーンショット
<?php echo $item['link_enclosure']; ?>
コピーライト
<?php echo $item['rights']; ?>
全文
<?php echo $item['atom_content']; ?>

注意点１
アイコンは3つのサイズがあり、『image』の中に3つ分のURLが入っています。
それをそのまま書いても表示されないので、100×100のアイコンを表示させる場合、以下のような文になります。
<img src="<?php echo substr($item['im']['image'],162,245); ?>" />
PHPのsubstrで162（161）文字目～245（244）文字目を出力するようにしています。
数値は0から始まります。

ちなみに175×175の大アイコンもあるようで、その場合はこちら。
<img src="<?php echo substr($item['im']['image'],0,69); ?>175x175-75.jpg" />

注意点２
ジャンルとカテゴリーに関してはRSS内に入っていないので、手書きする必要があります。

最後に、サンプルページの全内容です。
<h2 class="title">AppStore 無料ゲームアプリ トップ10</h2>
<?php
  $rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
  $maxitems = 10;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ($items as $item) :
?>
<div class="entry_title_top"></div>
<h2 class="index_title"><a href="<?php echo $item['id']; ?>" target="_blank" style="font-size:16px;"><?php echo $item['im']['name']; ?></a></h2>
<div class="entry_title_btm"></div>
<div style="float:left; width:250px;">
  <img src="<?php echo substr($item['im']['image'],162,245); ?>" />


  <strong>価格：</strong>　<?php echo $item['im']['price']; ?>

  <strong>カテゴリー：</strong>　ゲーム
  <strong>リリース：</strong>　<?php echo substr($item['im']['releasedate'],0,10); ?>
  
  <strong>アップデート：</strong>　<?php echo substr($item['updated'],0,10); ?>

  <strong>販売業者：</strong>　<?php echo $item['im']['artist']; ?>
  
  <strong>コピーライト：</strong>　<?php echo $item['rights']; ?>
</div>
<div style="float:right; width:330px; text-align:right;">
  <img src="<?php echo $item['link_enclosure']; ?>" class="pict" width="300" />
</div>
<div style="clear:both;"></div>

<div class="entry_box" style="margin-bottom:30px;">
  <div class="title">■原文説明</div>
  <div class="intro"><?php echo $item['summary']; ?></div>
</div>
<?php endforeach; ?>

デザイン部で改行が変になっているのは、『brBrbr』を入れている為です。

注意点３
RSSを表示しているだけなので、LinkShareは使えません。
『Yahoo Pipes』を使えば出来るようですが、そこまで調べていません。

『app-store.org』、『BuzzApp!』、『CatchApp』なんかはシステムでしてそうですけど、どうやってiTunesからのデータを引っ張って来ているのかを知りたい。
そうすればLinkShare貼ってゴニョゴニョ出来るのに。ｗ

]]> http://kome-suki.net/archives/7663/feed 2 今更ながらSmartyのお勉強始めました http://kome-suki.net/archives/6092 http://kome-suki.net/archives/6092#comments Wed, 13 Jan 2010 18:57:24 +0000 くーさん http://kome-suki.net/?p=6092 Smarty今まで覚えたい覚えたいと思いつつも、中々着手しなかったSmarty。

「Smartyって何じゃらほい？」ってな人もいると思います。
「PHPで使えるテンプレートエンジン」と言っても、「何それ、おいしいの？」と返事すると思います。
私もそうでした。
簡単に言うと、ブログみたいに『index』『header』『footer』『side』などを分けて管理できるようになる素晴らしき言語なのです。

WordPressどっぷりな私にとっては要らないって言えば要らないんですが、仕事となるとそうもいかない。
5年以上も前に作られたWEBサイト。
100ページ以上もあるのに、全てHTMLでベタ打ち。
1箇所変更があると、全てのファイルを変更しなければいけません。
DreamWeaver使って一括変換なども出来ますが、一々全てのファイルをアップしなければいけないし手間と労力が掛かりすぎます。
このご時勢、こんな面倒な事はやってられません。
本当はデータベース化したかったんですが、まだ私の力が及ばないので、まずはSmarty導入してから勉強したいと思います。

最初からやりたい事は決まっていたんですが、これが中々思うように行きません。
やりたかったのは、こんな感じ。（簡単に）
<html>
<head>
<title>タイトル</title>
</head>
<body>
{include file="header.tpl"}
メインコンテンツ
{include file="side.tpl"}
{include file="footer.tpl"}
</body>
</html>

細かい＜div＞等は省いています。
『{include file=”○○○”}』ってのが、Smartyのコードで、別の『 .tpl 』ファイルを読み込んで表示してくれます。
これがベタ打ちなHTMLファイルが100以上もあるんです。

アクセスするのはPHPではなくHTML。（× index.php　○ index.html など）
その中にSmartyコード。
言うは易しで、それを行うには裏でPHPファイルやら『.htaccess』などを駆使しなければいけません。

そんな苦戦したプログラムが上手く行った時の快感と言ったらもう！
結局は全てのファイルを書き換えしなければいけないんですが、ファイルの中身が簡略化できて管理しやすくって、そんな苦労はどこへやら。
一クライアントWEBサイトで、私が管理してて頻繁に更新作業があるので、自分が楽したいが為にやりました。
エクセルのマクロ組むのと一緒で、こういった楽の仕方はどんどんしていきたいです。

もちっと理解が出来てきたら、その内まとめるかもです。
データ会社に置いてきたし。

何はともあれ、Smartyバンザイ。ｗ


Smarty : Template Engine

]]> http://kome-suki.net/archives/6092/feed 0 【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2 http://kome-suki.net/archives/5949 http://kome-suki.net/archives/5949#comments Fri, 25 Dec 2009 19:21:07 +0000 くーさん http://kome-suki.net/?p=5949 WordPress - メディアライブラリ昨日書いた記事の続きです。

前回は『フラッシュ形式』と『ポップアップ形式』のボタンを2つ設置する方法で行いましたが、画像が同じだと分かりづらいと思うので表示させる画像を分けてみました。
ソースを見ると一目瞭然ですが、画像ファイルは『wp-admin/images/media-button-image.gif』です。
これを新しく2つ作成し、画像リンクを変えるだけで簡単に表示を変えれます。

元の画像は 14×12 ですので、それに合わせて自作するも良しです。
私は只単に文字を乗せただけで作ってみました。
フラッシュポップアップ
アイコンWordPress - メディアライブラリWordPress - メディアライブラリ
ファイル名media-button-image_f.gifmedia-button-image_p.gif

これをアップロードし、また『wp-admin/includes/media.php』の書き換えを行います。

media.php　366行目～　（2.9の場合）
<a href="{$image_upload_iframe_src}&TB_iframe=true" id="add_image" class="thickbox" title='$image_title (Flash)' onclick="return false;"><img src='images/media-button-image_f.gif' alt='$image_title (Flash)' /></a>
<a href="javascript:w=window.open('{$image_upload_iframe_src}&flash=0','','scrollbars=yes,Width=650,Height=720,top=0,left=0');w.focus();" id="add_image" title='$image_title (Popup)' onclick="return true;"><img src='images/media-button-image_p.gif' alt='$image_title (Popup)' /></a>

結果的に、このような表示になります。
WordPress - メディアライブラリ

ついでに title と alt も変えてみました。
赤の太字で追加したコード（&flash=0）がありますが、これはポップアップ表示した際『Flashアップローダー』ではなく『ブラウザアップローダー』に最初から指定するコードです。
私はFirefoxを使っていて『dragdropupload』のアドオンを入れる事によって、テキストボックスにドラッグ＆ドロップ出来るので多少の時間短縮にはなります。

『動画』『音声』『メディア』は使った事無いので無視してますと書きましたが、この方法で行えば同じような事が出来ると思います。（多分ｗ）

]]> http://kome-suki.net/archives/5949/feed 0 【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法 http://kome-suki.net/archives/5934 http://kome-suki.net/archives/5934#comments Thu, 24 Dec 2009 18:55:30 +0000 くーさん http://kome-suki.net/?p=5934 WordPress - メディアライブラリ以前から各所で声があり、ちょっと調べてやってみました。

その声とは・・・
「WordPressの投稿画面で画像を挿入する時、一々フラッシュが立ち上がり1枚挿入したら消えてしまう。
連続で挿入する時もの凄く面倒だから、ずっと表示していて欲しい」　との事。

機会があったらやってみようと思ってましたのでやってみました。
いやー、4・5時間かかっちゃったよ。ｗ

結果的に何をしたかと言うと、
・画像挿入画面をポップアップで出す。
・1枚挿入しても、そのまま表示させる。
以上2点だけです。
それだけの為に何時間も・・・。
その何時間もかかった結晶（？）は以下より。

基本的に、画像を挿入する場合以下のような画面になります。
画像を1枚挿入する度に、この画面が消えてしまう。
WordPress - メディアライブラリ

別ウィンドウで出しても、結局タブなりウィンドウなりを切り替えなきゃいけないので面倒。
なもんでポップアップ表示にしてみました。

結果から言うとこんな感じになります。
WordPress - メディアライブラリ

画像を挿入しても、ポップアップは残ったまま。
あらステキ。ｗ
やり方は分かってみれば超簡単。
1つのファイルの2箇所を変えるだけです。

では、『wp-admin/includes/media.php』を開きます。
まずはポップアップで表示する方法。

media.php　366行目　（2.9の場合）
<a href="{$image_upload_iframe_src}&TB_iframe=true" id="add_image" class="thickbox" title='$image_title' onclick="return false;"><img src='images/media-button-image.gif' alt='$image_title' /></a>

以上のコードが、フラッシュで表示させるコードになっています。
これを残しても良いし書き換えても良しです。
以下のコードは“残す”パターンで、2種類のボタンが並ぶようにしてます。

media.php　366行目～
<a href="{$image_upload_iframe_src}&TB_iframe=true" id="add_image" class="thickbox" title='$image_title' onclick="return false;"><img src='images/media-button-image.gif' alt='$image_title' /></a>
<a href="javascript:w=window.open('{$image_upload_iframe_src}','','scrollbars=yes,Width=650,Height=700,top=0,left=0');w.focus();" id="add_image" title='$image_title' onclick="return true;"><img src='images/media-button-image.gif' alt='$image_title' /></a>

赤字が追加した文です。
1つずつ説明しますと、
『scrollbars=yes』スクロールを表示するようにしています。
これが no だと、下の方が見えなくなってしまいます。
『Width=650,Height=700』ポップアップ表示した時の横幅（Width）と高さ（Height）です。
横幅は600で横スクロールが出たので、コレぐらいが丁度良いかも。
高さは好みの高さ指定をどうぞ。（ピクセル単位です）
『top=0,left=0』デスクトップにポップアップを表示した時の場所を指定しています。
上（top）、下（bottom）、右（right）、左（left）で指定出来ます。（これもピクセル単位です）

ポップアップ表示した時に、表示するページ指定も出来ます。
タブで『コンピューターから』『URLから』『ギャラリー』『メディアライブラリ』と4つに分かれており、最初は『コンピューターから』になっています。
最初から別のタブで表示させたい場合は、以下のようになります。

『コンピューターから』は変更なし。
<a href="javascript:w=window.open('{$image_upload_iframe_src}','','scrollbars=yes,Width=650,Height=700,top=0,left=0');w.focus();" id="add_image" title='$image_title' onclick="return true;"><img src='images/media-button-image.gif' alt='$image_title' /></a>

『URLから』
<a href="javascript:w=window.open('{$image_upload_iframe_src}&tab=type_url','','scrollbars=yes,Width=650,Height=700,top=0,left=0');w.focus();" id="add_image" title='$image_title' onclick="return true;"><img src='images/media-button-image.gif' alt='$image_title' /></a>

『ギャラリー』
<a href="javascript:w=window.open('{$image_upload_iframe_src}&tab=gallery','','scrollbars=yes,Width=650,Height=700,top=0,left=0');w.focus();" id="add_image" title='$image_title' onclick="return true;"><img src='images/media-button-image.gif' alt='$image_title' /></a>

『メディアライブラリ』
<a href="javascript:w=window.open('{$image_upload_iframe_src}&tab=library','','scrollbars=yes,Width=650,Height=700,top=0,left=0');w.focus();" id="add_image" title='$image_title' onclick="return true;"><img src='images/media-button-image.gif' alt='$image_title' /></a>


後は1番苦労した、ポップアップを閉じない方法。

media.php　169行目～
<?php
  exit;
}
これを
<?php
  #exit;
}

コメントアウトなり削除なりをすれば良いだけです。
こ、こ、これだけに数時間も・・・・・・。orz


当然の事ながらWordPressのバージョンアップがあった場合、毎回書き換えなければいけません。
まぁ、たったコレだけの事なのでプラグインに頼る程でもないですね。

『動画』『音声』『メディア』は使った事無いので無視してます。
では、よきWordPress生活をっ！


追記
表示アイコンを変えたい場合などは、『【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2』に書きましたので、合わせてどうぞ。

]]> http://kome-suki.net/archives/5934/feed 0 【WordPress】2ページ目以降が1ページ目と同じになる現象 http://kome-suki.net/archives/4335 http://kome-suki.net/archives/4335#comments Fri, 08 May 2009 17:10:52 +0000 くーさん http://kome-suki.net/?p=4335 WordPress4/15に書いた『【WordPress】特定のカテゴリーを表示or非表示させる方法2』ですが、今更ながら問題が見つかりました。
それは、2ページ目以降が1ページ目と同じ内容になってる！　って事です。
普段自分ではそこまでチェックしないんですが、昨日偶然発見しました。

特定のカテゴリーを非表示。
ってのが絡んでたみたいです。
解決方法は以下。

以前書いたコードは以下です。

index.php
<?php query_posts('cat=-N') ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

『 N 』は非表示にしたいカテゴリーのIDです。
この1行目に以下のコードを付け足します。

index.php
<?php query_posts('cat=-N&paged='.$paged); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

約1ヵ月後の発見と随分経ってからですが、見つけて解決して良かったです。


WordPress › フォーラム
ページでページングを利用したい

]]> http://kome-suki.net/archives/4335/feed 0 【WordPress】特定のカテゴリーを表示or非表示させる方法2 http://kome-suki.net/archives/4243 http://kome-suki.net/archives/4243#comments Tue, 14 Apr 2009 18:45:51 +0000 くーさん http://kome-suki.net/?p=4243 WordPress4/12に書いた記事の続きです。
以前のコードの書き方だと、非表示に設定したカテゴリーは確かに非表示になるんですが、トップページに表示されていないだけでカウントされています。

要は、トップページに表示する件数（10） ー 非表示しているカテゴリー（2） ＝ 実際の表示件数（8）　になり、少々面白くありません。
なもんで、またPHPファイルを弄ってみました。

以前書いていたコード

index.php
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php if (in_category('N')) continue; ?>

この3行目がそもそも間違いでした。
訂正コードは以下。

index.php
<?php query_posts('cat=-N') ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
『 N 』は非表示にしたいカテゴリーのIDです。
3行目を削除し、変わりに1行目を追加します。
『 N 』のカテゴリーIDの前に『 – （マイナス）』を付ければ、表示されないしカウントもされません。

前回の記事の追記2で書いた、サイドバーの最終コードは以下。

sidebar.php
<?php query_posts('cat=N&showposts=1'); ?>
<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
    <?php if ( ! in_category('N')) continue; ?>
    <?php the_content(__('(more...)')); ?>
  <?php endwhile; ?>
<?php endif; ?>
『 N 』は非表示にしたいカテゴリーのIDです。

ちなみに、サイドバーにあるアーカイブ（最近の記事）に載せない方法は無い・・・のかな？
やり方はあるとは思うんですが、個人的にここだけには載せておきたいのでそのまま放置。


参考書は1冊でもあると、とても役に立ちます。

]]> http://kome-suki.net/archives/4243/feed 0 【WordPress】特定のカテゴリーを表示or非表示させる方法 http://kome-suki.net/archives/4232 http://kome-suki.net/archives/4232#comments Sat, 11 Apr 2009 18:55:20 +0000 くーさん http://kome-suki.net/?p=4232 WordPress今まで2chのまとめブログの一覧をちまちまローカルのHTMLファイルに書き、FTPでそれをアップ。
サイト上は iframe で表示させていました。
何だかそれも面倒になってきたので、このまとめ一覧もWordPressの記事の1つにしました。

しかしそうなると、一覧のページにその記事が載ってしまうのでそれを非表示、且つサイドに持っていった一覧を『2ch』と付けたカテゴリーだけ表示させる方法です。
詳細は以下から。

最初カテゴリーを非表示させる事が出来る『Advanced Category Excluder』というプラグインを試しましたが、何故だか上手くいきませんでした。
他のプラグインとバッティングしてるかもしれません。
なもんで、プラグインには頼らずPHPに直接コードを書き込みます。

※使用テーマはデフォルトです。

『index.php』の以下の部分にコードを追加します。

index.php
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php if (in_category('N')) continue; ?>
『 N 』は非表示にしたいカテゴリーのIDです。
カテゴリーページで調べれます。
これで指定したIDのカテゴリーは投稿一覧に表示されなくなります。

お次にサイドバーのカテゴリー一覧の非表示設定。
ちなみに私はウィジェットではなく、全てコード記入しています。

sidebar.php
<?php wp_list_categories('show_count=1&exclude=N'); ?>
『 N 』は非表示にしたいカテゴリーのIDです。
ちなみに『show_count=1』はカテゴリーに属する記事数表示です。

最後に特定のカテゴリー（2ch）だけを表示させるコードです。
私の場合『sidebar.php』に表示させていますが、勿論どこでも表示させる事は可能です。

sidebar.php
<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
    <?php if ( ! in_category('N')) continue; ?>
    <?php the_content(__('(more...)')); ?>
  <?php endwhile; ?>
<?php endif; ?>
『 N 』は非表示にしたいカテゴリーのIDです。
これで指定したIDのカテゴリーだけを表示させる事が出来ます。


これだけで済むんだから、プラグイン入れる必要もないですね。

参考になったサイトです。
WPカスタマイズ講座
特定のカテゴリのみ除去して表示 or 特定のカテゴリのみ表示する方法


■追記　（4/13 2:15）
表示させるコードの書き方ですが、上記の方法だと記事数がWordPressの設定に左右されてしまいます。
新しい記事を1つだけ表示させたいので、以下のコードを追加しました。

sidebar.php
<?php query_posts('showposts=1'); ?>
<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
    <?php if ( ! in_category('N')) continue; ?>
    <?php the_content(__('(more...)')); ?>
  <?php endwhile; ?>
<?php endif; ?>
『showposts=1』の数値を変えると、その分だけの記事数を表示させる事が出来ます。

■追記2　（4/13 3:40）
さらに改変。ｗ
上記の方法だと、トータルで新しい記事1つだけしか取得しません。
なもんで、取得するカテゴリーを選択する必要があります。
追加したコードは以下。

sidebar.php
<?php query_posts('cat=N&showposts=1'); ?>
<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
    <?php if ( ! in_category('N')) continue; ?>
    <?php the_content(__('(more...)')); ?>
  <?php endwhile; ?>
<?php endif; ?>
『cat=N』を追加してOKです。＾＾；
『 N 』は表示にしたいカテゴリーのIDです。

]]> http://kome-suki.net/archives/4232/feed 0 【PHP】ランダムで画像を表示させリンクも貼る方法 http://kome-suki.net/archives/2628 http://kome-suki.net/archives/2628#comments Sun, 18 Jan 2009 16:38:09 +0000 くーさん http://kome-suki.net/?p=2628 ミックミクかがみ画像をランダムで表示させる方法は、JavaScriptを使えば簡単と言うか検索すれば山ほどヒットされます。
このサイトのヘッダーとサイドの『フォトギャラリー』もJavaScriptを使ってます。

この画像をランダムで表示させる方法をPHPで、しかも1つ1つに異なったリンクを貼る方法を何とか頑張って書いてみました。
（右上の画像で実装済み）

【WordPress】画像ループ表示を自動化にする方法【PHP】と同じ方法で、『画像はフォルダにアップするのみ。かつALTやURLは別ファイルで管理する』と言うのを前提で書いています。
要はループさせた時と同じ方法。

表示させるPHP　（私の場合はsidebar.php）
<?php
  include("style.php");
  $handle = opendir("img/");

  while ($fl = readdir($handle)) {
    if ($fl == "." || $fl == ".." || !preg_match("/(\.)(jpg|jpeg|gif|png)/i", $fl)) continue;
    $fileAry[] = $fl;
  }

  closedir($handle);

  $cnt = count($fileAry);
  $file_name = rand(1, $cnt);
  $alt = $fl_ary[$img_no];
  $url = $fl_url[$img_no];

  echo '<a href="'.$url.'" title="'.$alt.'" target="_blank"><img src="http://kome-suki.net/img/'.$file_name.'.jpg" alt="'.$alt.'"></a>';
?>

別ファイルの『style.php』をincludeで読み込む。
opendirでimgフォルダの中の数を調べます。
上記はjpg、jpeg、gif、png以外はカウントしません。
全部カウントしちゃうと『Thumbs.db』とかももカウントされちゃいますしね。
後は変数などを指定して、別ファイルで書き込みます。

style.php
<?php
$fl_ary = array(
  "1" => "これは1の画像です。",  //1の画像に対するタイトル
  "2" => "これは2の画像です。",  //2の画像に対するタイトル
  "3" => "これは3の画像です。"  //3の画像に対するタイトル
);

$fl_url = array(
  "1" => "http://www.google.co.jp/",  //1の画像に対するURL
  "2" => "http://www.yahoo.co.jp/",  //2の画像に対するURL
  "3" => "http://www.livedoor.com/"  //3の画像に対するURL
);
?>

【WordPress】画像ループ表示を自動化にする方法【PHP】と同時に使う場合、『$』で始まる変数は変更が必要です。
適当でOKです。ｗ

追記：2009/2/6
いらないコードがあった為、修正しました。

]]> http://kome-suki.net/archives/2628/feed 0 【WordPress】画像ループ表示を自動化にする方法【PHP】 http://kome-suki.net/archives/2444 http://kome-suki.net/archives/2444#comments Sun, 11 Jan 2009 19:31:40 +0000 くーさん http://kome-suki.net/?p=2444 拾いもの画像右サイドバーとコンテンツ内にある『拾いもの画像』。
今まではちまちま手作業で追加・更新してたんですが、そろそろ面倒になってきたんでPHPで自動で表示させるようにしました。

そんな自動ループ表示方法は以下から。

表示する画像とサムネだけは自分で用意します。
『img』フォルダに全て入れる。
表示画像：　1.jpg、2.jpg、3.gif、4.png、5.jpg・・・と連番にする。
サムネイル画像：　1_s.jpg、2_s.jpg、3_s.jpg、4_s.jpg、5_s.jpgと、元の画像と同じ番号にして『_s』を付ける。

まずはサイドバーの表示コードから。

sidebar.php
<?php
  include( "style.php" );
  $handle = opendir( "img/" );

  while ( $fl = readdir($handle) ) {
    if ( $fl == "." || $fl == ".." || !preg_match("/(.)(jpg|jpeg|gif|png)/i", $fl) ) continue;
    $fileAry[] = $fl;
  }

  closedir( $handle );
  $cnt = count($fileAry) / 2;

  for ( $i = $cnt; $i > $cnt-10; $i-- ) {
    $file_name = $i;
    $code = "pic_".$i;
    $alt = $ary[$code];

    echo '<a href="http://kome-suki.net/img/'.$file_name.'" rel="lytebox[side_vacation]" title="'.$alt.'"><img src="http://kome-suki.net/img/'.$file_name.'_s" alt="'.$alt.'"></a>';
  }
?>
まずはincludeで『style.php』を読み込む。
（このファイルについては後で記述してます。）

countで『/ 2』（÷2）にしてるのは、同じフォルダ内にファイルを全て入れているから。

新しい画像順に10個だけ表示させたかったので、『for ( $i = $cnt; $i > $cnt-10; $i– ) {』にしていますが、全ての画像を表示させたい場合は『for ( $i = $cnt; $i > 0; $i– ) {』でいけます。
逆に古い順（番号の若い順）にしたい場合は、『for ( $i = 0; $i < $cnt; $i++ ) {』です。

$codeで番号の頭に『pic_』をつけています。
画像にtitleとaltを付けたかったので、別ファイルにて入力しています。
後はechoで出力して終わり。

画像ファイル形式はjpgだったりgifだったりpngだったりするので、拡張子は付けていません。
付けなくても表示されるんですね。
なもんで、これでOKにしました。

『rel="lytebox[side_vacation]"』はLightbox表示させる為のコードです。
必要なければ削除してください。

以下は先に書いていた『style.php』。
ファイルはテーマ内のsidebar.phpと同じ階層に置いています。

style.php　（ファイル名は任意）
<?php
  $ary = array(
    "pic_1" => "あいうえお",
    "pic_2" => "かきくけこ",
    "pic_3" => "さしすせそ"
  );
?>

これで1.jpgのtitle、altに『あいうえお』、2.jpgに『かきくけこ』、3.jpgに『さしすせそ』が表示されます。

後はimgフォルダ内にポンポン画像を入れてUPしていくだけで、新しい画像を勝手に表示してくれます。

要は何がしたかったかと言うと・・・、
(1) 画像をUPするだけで、自動で新しい画像を表示して欲しかった。
(2) title、altを別ファイルで管理（入力）したかった。
　　⇒ sidebar.phpは触りたくなかった。

次に、ページ内のコード。
基本的には変わりありませんが、サイドバーと違ってincludeで読み込む時の記述、全ての画像を表示させると、ちょっと違います。
sidebar.phpと違う箇所は赤字で表記しています。

ページ内
<?php
  include( "wp-content/themes/default/style.php" );
  $handle = opendir( "img/" );

  while ( $fl = readdir($handle) ) {
    if ( $fl == "." || $fl == ".." || !preg_match("/(\.)(jpg|jpeg|gif|png)/i", $fl) ) continue;
    $fileAry[] = $fl;
  }

  closedir( $handle );
  $cnt = count($fileAry) / 2;

  for ( $i = $cnt; $i > 0; $i-- ) {
    $file_name = $i;
    $code = "pic_".$i;
    $alt = $ary[$code];

    echo '<a href="http://kome-suki.net/img/'.$file_name.'" rel="lytebox[picture_vacation]" title="'.$alt.'"><img src="http://kome-suki.net/img/'.$file_name.'_s'.$fl.'" alt="'.$alt.'"></a>';
  }
?>

使わない場合は良いけど、Lightboxのrelをサイドバーと別コードにしなければいけない点。
同じだとページ内＋サイド部の画像数になってしまいます。

私のやりたい事は出来ました。
これで忌まわしい（？）手作業から開放されます。（´ω｀）

最後に、PHP全く分からない私にコードを教えてくれた兄に感謝。
※私が考えたコードじゃないんですねー。ｗｗｗ

]]> http://kome-suki.net/archives/2444/feed 0 【WordPress】コメントURLを「_blank」にする方法 http://kome-suki.net/archives/2233 http://kome-suki.net/archives/2233#comments Mon, 05 Jan 2009 14:35:39 +0000 くーさん http://kome-suki.net/?p=2233 コメントWordPressのフォーラムで、エントリー内のコメントされた際、リンクを別ウィンドウ（タブ）で開きたいと言うのがありまして、それの回答をしたら「自分のリンクは同窓、他人のリンクは別窓が良い」って言われたんで、頑張ってやってみました。

『wp-includes/comment-template.php』を開きます。
145行目以降を、以下の様に変更。（2.7 日本語版の場合）
if ( empty( $url ) || 'http://' == $url )
  $return = $author;
else
  $return = "<a href='$url' rel='external nofollow' class='url'>$author</a>";
return apply_filters('get_comment_author_link', $return);
　↓
if ( empty( $url ) || 'http://' == $url )
  $return = $author;
else
  if ($url == '＊＊＊')
   $return = "<a href='$url' rel='external nofollow' class='url'>$author</a>";
  else
   $return = "<a href='$url' rel='external nofollow' class='url' target='_blank'>$author</a>";
  return apply_filters('get_comment_author_link', $return);
要するに、if文の入れ子です。
元々あるif文の中に、もし（if）このURLだったらターゲット指定なし。
それ以外（else）だったらターゲット指定あり。
ってな具合にしてます。
＊＊＊は該当するURLを入力。
私の場合、『$url == ‘http://kome-suki.net/’』になります。

めちゃくちゃ簡単に記述したけど、間違ってたらどーしよう…。ｗ

]]> http://kome-suki.net/archives/2233/feed 0