ホームページ > 記事 > CMS チュートリアル > DEDECMS がカラー タグ クラウドを実装する方法
DEDECMS はカラー タグ クラウドをどのように実装しますか
DEDECMS カラー タグ クラウド実装タグ (TAG) ) 色とサイズのランダム化
関数の説明:
色やフォント サイズの異なるタグなどを含むタグ クラウドの効果を実現します。色とフォント サイズはランダムに表示され、コードを変更してスコープを制御できます。
推奨学習: dedecms チュートリアル
修正方法:
1. /include/common.func.php に以下の関数を追加します。
function getTagStyle() { $minFontSize=8; //最小字体大小,可根据需要自行更改 $maxFontSize=18; //最大字体大小,可根据需要自行更改 return 'font-size:'.($minFontSize+lcg_value()* (abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); }
この関数の機能は、フォント サイズや色を含むランダムなスタイルを出力することです。
完全にランダムではなく、いくつかのフォント サイズのみを表示するように指定したい場合は、上記の関数コードを
function getTagStyle() { $sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可根据需要自行修改 return 'font-size:'.$sizearray[rand(0,count($sizearray))]. 'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); }
2 に変更してください。次のコードを使用してタグを呼び出します。テンプレート。
{dede:tag row='45' getall='1' sort='hot'} <a href='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a> {/dede:tag}
3. 対応する HTML をバックグラウンドで生成します。効果を見てみましょう。
以上がDEDECMS がカラー タグ クラウドを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。