rssにカスタムフィールドの値も入れたい!

要は出力されるRSSをカスタマイズしたい!
調べてみたけどサッパリわかりませんでした、勉強不足です!

先ずはfeedを出力させる側のwpにカスタマイズ

フォーラムの方ではどちらも解決されていたようですが頭の悪い僕にはサッパリでしたので
つまりテンプレートを用意すればいいんじゃね?と思い
http://wordpress.org/extend/plugins/feed-template-customize/
↑のプラグインをインストール
wp-include内のfeed-rss2.phpをテーマフォルダにコピー
コピーしたファイルをwpのカスタマイズ時と同じように変更
下記のようにphpファイルの中身はループ分のみ、というか表示させたい部分のみで構いません
カスタムフィールドも入れられるし、柔軟性高いね!

<table class="parent1">
  <tr>
    <th scope="col" class="child1">セミナー名・詳細</th>
    <th scope="col" class="child2">日 時</th>
    <th scope="col" class="child3">開 場</th>
    <th scope="col" class="child4">備 考</th>
  </tr>
  <?php
  $posts = get_posts('numberposts=0');
      global $post;
  ?>
  <?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
  <tr>
    <td class="child1" id="post<?php the_ID(); ?>">
      <dl>
        <dt><?php the_title(); ?></dt>
        <dd><?php the_content(); ?></dd>
      </dl>
    </td>
    <td class="child2"><?php echo nl2br(post_custom('date')); ?></td>
    <td class="child3"><?php echo nl2br(post_custom('hall')); ?></td>
    <td class="child4"><?php echo nl2br(post_custom('remarks')); ?></td>
  </tr>
  <?php endforeach; endif;?>
</table>

あたりまえだけど文字コードはちゃんとUTF-8で保存しないと全力で文字化けします

フィードにアクセスしたらちゃんと表示されてるっ!

次に読み込み

別ドメインへのアクセスはjQueryではできないのでphpで
埋め込みたい場所に下記を記述

<?php
  $feed = file_get_contents("表示させたいページのURL");
  print $feed;
?>

今回は「表示させたいページのURL」はwpのfeedになるから
「http://ドメイン/wp/category/カテゴリー名/feed」とかになるよね!
ページをphpにて保存!もちろんutf-8で!

無事に表示されました

なんかfeedとかrssっぽくないけど・・・。

ちゃんと理解してfunction.phpなんかを編集できる人は本当にすごいな、と。
僕はまだまだ勉強不足だなーと実感しました。

参考にさせて頂いたフォーラムの記事

http://ja.forums.wordpress.org/topic/3563?replies=5
http://ja.forums.wordpress.org/topic/7957

使用させて頂いたプラグイン

Feed Template Customize

参考にさせて頂いたプラグイン実装方法

Feed Template Customize | dogmap.jp

条件分岐コメント

メモメモ

<!--[ほええ]> HTML <![endif]-->

[ほええ]の箇所に条件を指定します。

  • [if IE] Internet Explorer のみ
  • [if IE 7] Internet Explorer 7 のみ
  • [if !IE] Internet Explorer 以外
  • [if lt IE 7] Internet Explorer 7 より下
  • [if lte IE 7] Internet Explorer 7 以下
  • [if gt IE 7] Internet Explorer 7 より上
  • [if gte IE 7] Internet Explorer 7 以上
  • [if !(IE 7)] Internet Explorer 7 以外
  • [if (gt IE 5)&(lt IE 7)]
    Internet Explorer 5 より上 かつ Internet Explorer 7 より下
  • [if (IE 5)|(IE 7)]
    Internet Explorer 5 もしくは Internet Explorer 7

Wilq32.RotateImage

Canvas機能を使用し、画像を回転表示させるスクリプト
jqueryrotate
なんでか動かない!ので、こっち使います。

$(function(){
	$('#rotate1').rotate(-25);
	var rotImage = $("#rotate2").rotate({
		bind :[
			{"mouseover":function(){rotImage[0].rotateAnimation(85);}},
			{"mouseout":function(){rotImage[0].rotateAnimation(-85);}}
		]
	});
});
<img src="images/common/sNav1.png" id="rotate1">
<img src="images/common/sNav1.png" id="rotate2">

1つ目(L2)が初めから傾いた状態で表示、
2つ目(L3~L8)がアニメーションで表示しています。

ロールオーバーに使うとおされ_( :3」∠)_