ホーム > テンプレート > トップページをポータルサイト風にカスタマイズ

ニコニコプレス 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 (夏)での表示も問題なくなるはず?(。・ω・。)

「トップページをポータルサイト風にカスタマイズ」 について、Twitterでつぶやく

関連記事

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="”>

    投稿日:2010年06月06日(日曜日) 19時32分 | パーマリンク
  • あれ、投稿されたかな?

    早速記事ありがとうございます^^
    ここはまさに今回変更したところですね。
    以前の書き方では、

    ・ulタグが連発されてしまう
    ・動画サイトのサムネイルの表示が出来ない
    ・html5の構文的に問題がある

    と言った問題点がありました。
    ver2.3では下記のように書くことで上記の問題を解決出来ます。

    見出し

    32){
    $title = mb_substr( $title, 0, 32 , ‘UTF8′). “…”;
    }
    ?>
    <a href="”><img src="” alt=”" width=”72″ height=”54″ />
    at
    <a href="”>

    投稿日:2010年06月06日(日曜日) 21時01分 | パーマリンク

  • ken c-unknown

    ヒロカワズさん
     
    スパムとして引っかかってましたw
    if($titlenum > 36){
    $title = mb_substr( $title, 0, 36 , 'UTF8'). "...";
    }


    if($titlenum > 32){
    $title = mb_substr( $title, 0, 32 , 'UTF8'). "…";
    }

    にすればいいって事ですかね?
    #相変わらず読解力がない(;´Д`)

    投稿日:2010年06月06日(日曜日) 21時08分 | パーマリンク
  • あ〜すみません。。やってしまいました;;
    実体参照@@

    もう一度書かせてください><

    早速記事ありがとうございます^^
    ここはまさに今回変更したところですね。
    以前の書き方では、
    ・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>

    投稿日:2010年06月06日(日曜日) 21時12分 | パーマリンク

  • ken c-unknown

    ヒロカワズさん
     
    こっちはうまく行きましたので記事内のコードを置き換えました。
    ありがとうございます。

    投稿日:2010年06月06日(日曜日) 22時05分 | パーマリンク