dedecmsタグタグでランダムな色とフォントサイズを実装する方法-DEDECMS-php.cn

dedecmsタグタグでランダムな色とフォントサイズを実装する方法

藏色散人

リリース： 2019-12-27 09:23:43

オリジナル

1888 人が閲覧しました

dedecms タグランダムな色とフォントサイズを実現するにはどうすればよいですか?

実現したい機能は、色やフォントサイズなどが異なるタグを含むタグクラウドの効果です。色やフォントサイズはランダムに表示され、コードを変更することもできます。範囲を制御します。見てください。かなり良さそうです。実装方法を見てみましょう。興味のある方はお見逃しなく。

推奨学習: 梦Weavercms

機能説明:

色や文字サイズの異なるタグを含むタグクラウドの効果を実現色や文字サイズをランダムに表示し、コードを変更することでその範囲を制御できます。

異なる色やフォントサイズのタグなど、DeDeCms タグクラウドの効果を実現します。色やフォントサイズはランダムに表示され、コードを変更してその範囲を制御できます。

修正方法:

1. /include/common.func.phpに以下の関数を追加します。

コードは次のとおりです:

function getTagStyle() 
{ 
$minFontSize=8; //最小字体大小,可根据需要自行更改 
$maxFontSize=18; //最大字体大小,可根据需要自行更改 
return &#39;font-size:&#39;.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).&#39;px;color:#&#39;.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); 
}

ログイン後にコピー

この関数の機能は、フォントサイズや色を含むランダムなスタイルを出力することです。

完全にランダムではなく、いくつかのフォントサイズのみを表示するように指定したい場合は、上記の関数コードを次のように変更してください:

コードは次のとおりです:

function getTagStyle() 
{ 
$sizearray = array(&#39;8&#39;,&#39;9&#39;,&#39;10&#39;,&#39;11&#39;,&#39;12&#39;,&#39;20&#39;); //自定义字体大小,可根据需要自行修改 
return &#39;font-size:&#39;.$sizearray[rand(0,count($sizearray))].&#39;pt;color:#&#39;.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); 
}

ログイン後にコピー

2. テンプレートで次のコードを使用してタグを呼び出します。

コードは次のとおりです:

{dede:tag row=&#39;45&#39; getall=&#39;1&#39; sort=&#39;hot&#39;} 
<a href=&#39;[field:link/]&#39; title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a> 
{/dede:tag}

ログイン後にコピー

3. Dede バックグラウンドで対応する HTML を生成します。効果を見てみましょう。

以上がdedecmsタグタグでランダムな色とフォントサイズを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。