サムネイル付カテゴリーリストを配置

<h3>見出し</h3>
<ul class="entry_list clearfix">
<?php $posts = get_posts('numberposts=表示件数&category=カテゴリID');
foreach($posts as $post) :
setup_postdata($post); ?>
<?php $thumbnail = getThumbnail() ?>
<?php $title = the_title('','',0);
$titlenum = mb_strlen( $title , 'UTF8' ) ;
if($titlenum > 32){
$title = mb_substr( $title, 0, 32 , 'UTF8'). "…";
}
?>
<li class="image"><a href="<?php the_permalink(); ?>"><img src="<?php echo $thumbnail; ?>" alt="<?php the_title(); ?>" width="72" height="54" /></a></li>
<li class="date"><?php the_time(__('Y年m月d日')); ?> at <?php the_time('G時i分'); ?></li>
<li class="title clearfix"><a href="<?php the_permalink(); ?>"><?php echo $title ; ?></a></li>
<?php endforeach; ?>
</ul>

上記に入れ替え

floatで左右にボックスを配置

左にfloat

<div class="box_left cleafix">
左に回り込ませたい要素
</div>

class="box_left"からclass="box_left cleafix"に変更

右にfloat

<div class="box_right cleafix">
左に回り込ませたい要素
</div>

class="box_right"からclass="box_right"に変更

これでニコニコプレス Ver2.3 (夏)での表示も問題なくなるはず？(。・ω・。)

関連記事の出力方法をニコニコプレスに置き換えよう

・Output templateの内容

<li class="image"><a href="{url}"><img src="{php: $thumbnail=get_post_meta($result->ID, 'thumbnail',true); if ($thumbnail)echo $thumbnail; if ($thumbnail=='') echo get_bloginfo('template_directory') .'/images/spacer.jpg';}" width="72" height="54" alt="{title}" /></a></li>
<li class="title">{link}</li>
<li class="excerpt clearfix">{excerpt}</li>

・Text and codes before the listの内容

<ul class="entry_list kanren clearfix">

・Text and codes after the listの内容

</ul>

上記に入れ替え

CSSを追加しよう

下記に差し替え

/* 関連記事 */
.kanren li.image {
	background: url(../images/spacer_kanren.jpg) no-repeat center!important;
}
.kanren li.title {
	border: none;
	margin: 0px!important;
	padding: 0px!important;
}
.kanren li.excerpt {
	margin-bottom: 5px;
	border-bottom: 2px dashed #ccc;
}
.kanren a {
	color: #0f8fcf!important;
}

これでニコニコプレス Ver2.3 (夏)での表示も問題なくなるはず？(。・ω・。)

カスタマイズをした場所だけメモしたけど長くなりそうなので個別に書きます(^_^;

変な箇所があればコメントで教えてくれると嬉しいです<(_ _)>

適用後、こんな感じになります。

新規投稿・投稿編集・新規ページ・ページ編集で現在の日時ボタンが表示されます。
押すと公開時間が押した日時になります。

jsファイルの作成

jQuery(document).ready( function($) {
  if ( $('#submitdiv').length ) {
    stamp = $('#timestamp').html();
    $('#timestampdiv')
      .before('<p><a class="update-timestamp hide-if-no-js button" href="#update_timestamp">現在の日時</a></p>')
      .prev().click(function(){
        date = new Date();
        var aa = date.getFullYear(), mm = date.getMonth() + 1, jj = date.getDate(), hh = date.getHours(), mn = date.getMinutes();
        mm = '' + mm;
        if(mm.length == 1) mm = '0' + mm;
        $('#aa').val(aa);
        $('#mm').val(mm);
        $('#jj').val(jj);
        $('#hh').val(hh);
        $('#mn').val(mn);
        $('#timestamp').html(
          postL10n.publishOnPast + ' <b>' +
          aa + '年' +
          mm + '月' +
          jj + '日 @ ' +
          hh + ':' +
          mn + '</b> '
        );
	return false;
      });
  }
});

上記をファイル名：timestamp-set.jsで保存

functions.phpの編集

※テーマによってはfunctions.phpがない場合があるので新規作成してください。

・functions.phpがある場合

/* 投稿のタイムスタンプに「現在の日時」ボタンを表示 */
function my_scripts(){
  wp_enqueue_script('my-admin-script', get_bloginfo('template_url') . '/js/timestamp-set.js', array('jquery'), false, true);
}
add_action('admin_print_scripts', 'my_scripts');

上記をfunctions.phpに追加

・functions.phpがない場合

<?php

/* 投稿のタイムスタンプに「現在の日時」ボタンを表示 */
function my_scripts(){
  wp_enqueue_script('my-admin-script', get_bloginfo('template_url') . '/js/timestamp-set.js', array('jquery'), false, true);
}
add_action('admin_print_scripts', 'my_scripts');

?>

上記をファイル名：functions.phpで保存(UTF-8 BOM無し)

サーバーへファイルをアップロード

timestamp-set.jsを使用中テーマフォルダ内にjsフォルダを作成しアップロード
functions.phpを使用中テーマフォルダ内アップロード

ニコニコプレス(夏)場合は下記になります。
niconico_press_20\js\timestamp-set.js
niconico_press_20\functions.php

これでWordPressのバージョンアップ時にコアファイル編集がなくなりました。
まぁテーマ変更時に再度実施しないと駄目になりましたけどね≧(´▽｀)≦アハハハ

これでええや版はWindowsMobile携帯のT-01AとX02Tをスルーさせるようにしました。
※他はUserAgentが不明だったので未対応

T-01AとX02T搭載IEのUserAgent

・T-01A WindowsMobile 6.1 IE UserAgent

"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; T-01A)"

・T-01A WindowsMobile 6.5 IE UserAgent

"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; T-01A_6.5; Windows Phone 6.5)"

・X02T WindowsMobile 6.5 IE UserAgent

"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; Toshiba/X02T; Windows Phone 6.5)"

共通点ないっすねぇ・・・(苦笑)

jsファイルの修正

niconico_press_20\js\ie6_blocker\jquery.ie6blocker.jsになります。
jquery.ie6blocker.jsの上から3行を下記と入れ替え。

変更前(オリジナル)

var IE6 = (navigator.userAgent.indexOf("MSIE 6") >= 0) ? true : false;

if(IE6){

変更後

var IE6 = ((navigator.userAgent.indexOf("MSIE 6") >= 0)&&(navigator.userAgent.indexOf("Windows Phone") == -1)&&(navigator.userAgent.indexOf("T-01A")) == -1) ? true : false;

if(IE6 == true){

UserAgentに”MSIE 6″があり、かつUserAgentに”Windows Phone”か”T-01A”がない場合に
IE6ブロックが動作するようになります。

その他

FirefoxでT-01A WM6.1/T-01A WM6.5/X02TのUserAgentを設定し
アクセスして問題ないことを確認しています。
#テスト中にちゃんとブロックとかもされてたので大丈夫と信じたい(^-^;

手元のT-01A WindowsMobile 6.5 IEで確認しましたが問題なさそうです。

T-01AとX02T利用の方で実機でアクセスして見れない場合は
コメントを頂けると嬉しいです(^^♪

コメント欄のバックにミク画像を表示

春のときにコメント欄のバックにミク画像が表示されてたのですが、
夏になったら無くなってました(´・ω・`)
CSSで指定してたので追記してみたのですがうまくいかなかったので
他力本願でヒロカワズさんに方法を教えていただきました<(_ _)>

完成イメージ：



niconico_press_20\style.cssの#comments textareaの箇所を下記に変更

#comments textarea {
background: #f9f9f9 url(images/comments_bg.png) no-repeat right top;
margin: 0px;
margin-top: 3px;
height: 200px;
width: 600px;
border: 2px dashed #ccc;
}

niconico_press_20\imagesにcomments_bg.pngをアップロード
これだけで変更が可能です(゜-゜)

IE6ブロックの定義変更

標準でIE6をブロックするJavaScriptが導入されていますが、判定方法が良くなかったので
修正しました。（個人的な使用条件での話です。）

実はT-01A(WindowsMobile)に搭載されているIEのUserAgentが下記になってます。

・T-01A WindowsMobile 6.1 IE UserAgent

"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; T-01A)"

・T-01A WindowsMobile 6.5 IE UserAgent

"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; T-01A_6.5; Windows Phone 6.5)"

・PC版 IE UserAgent(一例です。)

"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)"

IE6ブロックのJavaScriptの判定箇所は下記です。

var IE6 = (navigator.userAgent.indexOf("MSIE 6") >= 0) ? true : false;

if(IE6){

UserAgentに”MSIE 6″が含まれる場合、処理を実行するってなってます。
上のIE UserAgentを見てもらえばわかるように全てに”MSIE 6″が含まれてます(￣Д￣;;

WindowsMobile携帯のIEでアクセスしようがPCのIE6でアクセスしようが
全てIE6ブロックが動作してしまいます。
WindowsMobile携帯のIEの場合はIE6ブロックを動作させないように変更しました。
これはT-01AのIEだけ有効です。
WindowsMobileのIE UserAgentってキャリア毎に違うんですよね・・・。
WindowsMobileのIE UserAgentにあってPC版IE UserAgentにないってのが
絞りきれませんでした(^-^;
※T-01Aしかつかってないので良しとします（ぁ

変更ファイルは・・・
niconico_press_20\js\ie6_blocker\jquery.ie6blocker.jsになります。
jquery.ie6blocker.jsの上から3行を下記と入れ替え。

var IE6 = ((navigator.userAgent.indexOf("MSIE 6") >= 0)&&(navigator.userAgent.indexOf("T-01A")) == -1) ? true : false;

if(IE6 == true){

UserAgentに”MSIE 6″があり、かつUserAgentに”T-01A”がない場合に
IE6ブロックが動作するようになります。

変更前のキャプチャー
IE6ブロックが動作 T-0１A


IE6ブロックが動作 PC版IE6

変更後のキャプチャー
IE6ブロックが非動作 T-0１A
でもPC版IE6は動作


う～ん。本当はPC版IE6だけブロックしてWindowsMobile版IEはスルーさせたいのですが、
ええ方法が思い浮かびません・・・。
下記だとPC版IE6の一部がスルーされる可能性が・・・

var IE6 = ((navigator.userAgent.indexOf("MSIE 6") >= 0)&&(navigator.userAgent.indexOf(".NET")) >= 0) ? true : false;

if(IE6 == true){

UserAgentに”MSIE 6″と”.NET”がある場合にIE6ブロックが動作するようになります。
ただし、IEのUserAgentで”.NET”が無いのがあるっぽいので抜けが出ます。

情報お待ちしておりますm(_ _)m

■Commented entry list Ver.1.2
コメントとトラックバックをわけて表示するためのプラグイン
サイドバーにコメントとトラックバックを表示させてみました。
コメント・トラバが皆無なので寂しい状態に・・・やっぱ外そうかな(苦笑)

■Comment Form Quicktags Ver.1.2.1
コメント欄にクイックタグを追加できるプラグイン
オプション画面からクイックタグを追加・変更できるみたいですが、
WordPress 2.9.1だと編集画面がでませんでした(￣Д￣;;



うちだけの問題なのかな・・・？
まぁ追加する予定無かったのでそのまま使用中です(笑)

■Post-Plugin Library Ver.2.6.2.1/Similar Posts Ver.2.6.2.0
関連記事の表示をするプラグイン
Post-Plugin Libraryを有効後に、Similar Postsを有効にする
結構アホな感じがするプラグイン(笑)
学習とかあるのかは不明ですが、ある程度の精度で関連記事表示できないようであれば外す予定。
設定はヒロカワズさんとこに丸投げ(゜-゜)

ニコニコプレス(春)では導入しなかったので、戻すときは外すか設定しないと駄目だな・・・。
他にも面白そうなのがあれば追加したいと思います～(^^♪

個人的にはニコニコプレス(春)のほうがいいかなと思ったり(゜-゜)

コメント欄でどっちがいいか受け付けます(笑)


頑張って？最近のコメントやトラックバックの表示・関連記事の表示をさせてみました。



ニコニコプレス(夏)にしたら、プラグインのContent with show/hide javascript for “more”が動かなくなりました(￣Д￣;;
ニコニコプレス(春)だと動いてたのですけどねぇ・・・。
ヘッダを見比べてみたけど違いがわからず断念(´・ω・`)
情報お待ちしておりますm(__)m （他力本願だなぁ(笑)

殆どコードはいぢらないでいけるので楽です(゜-゜)

	<div class="box_left">
		<h3>リディストリビュ～ション更新履歴</h3>
			<?php
				include_once(ABSPATH . WPINC . '/rss.php');
				date_default_timezone_set('Asia/Tokyo');

			//フィードのURI
			$rss_arr = array(
			    'http://www.redistribution.cc/feed/atom'
				);

			//表示件数
			$num = 5;

				foreach($rss_arr as $uri)
			{
			$rss = fetch_rss($uri);

			$title = $rss->channel['title'];
			$link  = $rss->channel['link'];

			foreach($rss->items as $item)
			{
			$item_title = $item['title'];
			$item_link  = $item['link'];
			$item_date  = $item['published'];
			$out_item_date  = date('Y年m月d日 H時i分', strtotime($item_date));
			$thumbnail = get_bloginfo('template_directory')."/images/18r.gif";
			$out_item = '
        	<ul class="entry_list">
			<li class="image"><a href="' . $item_link . '" target="_blank"><img src="' . $thumbnail . '" title="' . $item_title . 'の記事を読む？" hspace="0" align="left" width="50" height="38" /></a></li>
			<li class="date"><strong>' . $out_item_date . '</strong> 投稿</li>
			<li class="title"><a href="' . $item_link . '" target="_blank">' . $item_title . '</a></li>
			<dd style="font-size:77%;">
			サイト：<a href="' . $link . '" title="' . $title . 'へいってみます？" target="_blank">' . $title . '</a>
			</dd>

			</ul>
			';

			$unix_time = date('U', strtotime($item_date));
			$item_arr[$unix_time] = $out_item;
		}
	}

			//ソート
			krsort($item_arr);

			//出力
			for(reset($item_arr); $key = key($item_arr); next($item_arr))
			{
				echo $item_arr[$key];

				++$count;

				if($count === $num)
			{
				break;
		}
	}
			?>
	</div>

RSSからの変更点は・・・
フィードのURIをAtomに変更
$item_date = $item['pubdate'];のpubdateをpublishedに変更
だけで可能です。
ちなみにpublishedをupdatedにすると記事を更新した時間を取得できます。
published：記事を公開した日時
updated：記事を更新した日時（更新を押した時間になります。）

リディストリビュ～ションは1日に何度か更新するのですが、記事を公開した日時での表示にしてみました。

あ。ニコニコプレスはIE8での表示も問題ないです。
あれこれポップアップがIE8 Standardsモードで表示だとおかしいので簡易対策(笑)
本当はあれこれポップアップのCSSを見直せって事なんだろうけどねぇ・・・。

レンダリングモードの指定は、METAタグ > HTTPレスポンスヘッダ > DOCTYPE宣言
の順に優先度が高いのでMETAタグで対策をしました。

header.phpの<title></title>の下に記載。
または、headセクションの最初のエントリーとして記載（<head>の下に記載）

<meta http-equiv="X-UA-Compatible" content="IE=7" />

この1行だけでIE8はIE7 Standardsモードで表示させるようになります。

他にもIE=7の箇所を変更すればモードは変わります。
IE=5 ・・・ Quirksモードで表示(互換性モード)
IE=7 ・・・ IE7 Standardsモードで表示
IE=8 ・・・ IE8 Standardsモードで表示
IE=EmulateIE7 ・・・ DOCTYPE宣言に応じてIE7 StandardsモードまたはQuirksモードで表示
IE=EmulateIE8 ・・・ DOCTYPE宣言に応じてIE8 StandardsモードまたはQuirksモードで表示
IE=edge ・・・ 最新のレンダリングモードで表示

まぁIE=7かIE=5がお勧めですかね？

後はWebで下記を見つけました。

<?php
if(ereg("MSIE 8",$_SERVER['HTTP_USER_AGENT'])){
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<?php
}else{
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
}
?>

IE8の場合だけ、DOCTYPE宣言を変えてQuirksモードを指定してるPHPです。
ただこれだとIE9とかになると変更しないと駄目なので微妙かも？