ニコニコプレス Ver2.3 (夏)のトップページをポータルサイト風にカスタマイズする方法。
トップページをポータルサイト風にカスタマイズで基本的な流れは大丈夫だけど
一部変更が必要です。
変更箇所だけ記述します。
サムネイル付カテゴリーリストを配置
<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 cleafix"に変更
これでニコニコプレス Ver2.3 (夏)での表示も問題なくなるはず?(。・ω・。)





5件のコメント
ヒロカワズ
早速記事ありがとうございます^^
ここはまさに今回変更したところですね。
以前の書き方では、
・ulタグが連発されてしまう
・動画サイトのサムネイルの表示が出来ない
・html5の構文的に問題がある
と言った問題点がありました。
ver2.3では下記のように書くことで上記の問題を解決出来ます。
見出し
32){
$title = mb_substr( $title, 0, 32 , ‘UTF8′). “…”;
}
?>
<a href="”><img src="” alt=”" width=”72″ height=”54″ />
at
<a href="”>
ヒロカワズ
あれ、投稿されたかな?
早速記事ありがとうございます^^
ここはまさに今回変更したところですね。
以前の書き方では、
・ulタグが連発されてしまう
・動画サイトのサムネイルの表示が出来ない
・html5の構文的に問題がある
と言った問題点がありました。
ver2.3では下記のように書くことで上記の問題を解決出来ます。
見出し
32){
$title = mb_substr( $title, 0, 32 , ‘UTF8′). “…”;
}
?>
<a href="”><img src="” alt=”" width=”72″ height=”54″ />
at
<a href="”>
ken
ヒロカワズさん
スパムとして引っかかってましたw
if($titlenum > 36){$title = mb_substr( $title, 0, 36 , 'UTF8'). "...";
}
を
if($titlenum > 32){$title = mb_substr( $title, 0, 32 , 'UTF8'). "…";
}
にすればいいって事ですかね?
#相変わらず読解力がない(;´Д`)
ヒロカワズ
あ〜すみません。。やってしまいました;;
実体参照@@
もう一度書かせてください><
早速記事ありがとうございます^^
ここはまさに今回変更したところですね。
以前の書き方では、
・ulタグが連発されてしまう
・動画サイトのサムネイルの表示が出来ない
・html5の構文的に問題がある
と言った問題点がありました。
ver2.3では下記のように書くことで上記の問題を解決出来ます。
<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>
ken
ヒロカワズさん
こっちはうまく行きましたので記事内のコードを置き換えました。
ありがとうございます。