custom

スクリーンショット

スクリーンショット

せっかく楽しいWPテンプレートを手に入れたのだから、

何か、面白いこと出来ないだろうか・・・等と考える

今、トップページには最新投稿が10件表示される設定

このグリッドが、違う色だったら・・・しかも毎回。

ふと思い立ったのでやってみましたよ。

・array_rand()関数を使って、ランダムにCSSをセットする

function.phpのどこか安全な場所に関数セット

function random_css(){
    $random_style = array("css01","css02","css03","css04","css05","css06","css07","css08","css09","css10" );
    $random_key=array_rand($random_style);
    $random_css=$random_style[$random_key];
    return $random_css;
}

ほんでもって、index.phpのなかの好きな場所に

<?php $the_style=random_css(); ?>

を置いて、

<div <?php post_class("grid-item $the_style " .$col_class); ?> id="post-<?php the_ID(); ?>">

と置いてやると、まぁ全部(ってわけじゃないけど・・・)、だいたい違う色になったわいな。

リロードする度にかわります。

ちなみに、index.phpの

<?php get_header(); ?>

のすぐしたにrandom_css()を置いてやると、エントリーが全て同じ色で出てきます。

何行目とかは、見たらわかるので割愛。

ブロックが個々に違う色、って気持ち悪いかもしれませんね。

あと、同じ色がかぶることも多々あるので、ここも含め考えて行きたいと思います。

です。

 

Tags: ,

Comments are closed.