Tag-Cloud farblich gestalten?

kleiner_freund

Hy,

hab auch meiner Webseite eine Tag-Cloud mittels Jerome's Keyword realisiert.

Funktioniert auch soweit alles 1A.

Nur eine Frage ist noch offen. Wie kann ich die Tags farblich hervorheben? Also z.b. die größeren Worte grün machen, die mittleren rot, und die kleinen schwarz :confused:

Gibts da vielleicht ne Möglichkeit?

Mein Code:

PHP

<div class="tagcloud" align="center">


<?php all_keywords('<span  class="cosmos"><a href="/tag/%keylink%" style="font-size: %count%px" >%keyword%</a></span>', '', 12, 26) ?>


</div>

Meine CSS:

HTML

/* tag cloud */


.cosmos a, .cosmos a:visited {
    color: #999999;
    text-decoration: none;
}


.cosmos a:hover {
    color:  #13643D;
    text-decoration: underline;
}

Alles anzeigen

Danke

Gruss

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

stalkerX

Hi.

Hab schnell was zusammen gezaubert (ungetestet, da kein Plugin). Der Code muss in der overview.php ersetzt werden (Zeile 138 bis 150). Anstatt von "red", "black" usw. kannst du auch HEX-Werte eingeben und den switch mit weiteren cases und entsprechend weiteren Font-Größen erweitern.

Code

foreach ($tags as $tag => $count) {
  $fontSize = 0;
  $flagFontset = false;
  for ($i=1, $len=$fontSizes; $i<=$len; $i++) {
    if (!$flagFontset) {
      if (100 * log($count + 2) <= $treshholds[$i]) {
        $fontSize = 10 + ($i-1) * 2;
        $flagFontset = true;
      }
    }
  }
  
  switch (true) {
    case $fontSize >= 10 && $fontSize < 15:
      $fontColor = 'red';
      break;
    case $fontSize >= 15 && $fontSize < 20:
      $fontColor = 'green';
      break;
    case $fontSize >= 20 && $fontSize < 25:
      $fontColor = 'black';
      break;
    case $fontSize >= 25 && $fontSize < 30:
      $fontColor = 'orange';
      break;
    default:
      $fontColor = '#FF0033';
      break;
  }
      
  echo '<a title="' . sprintf(__('Used %s times', 'jeromes-keywords-manager'), $count) . '" class="tag" href="?page=' . JEROMES_KEYWORDS_MANAGER . '.php&action=edit&tag=' . urlencode($tag) . '" style="font-size:' . $fontSize . 'px;color:' .$fontColor. '">' . $tag . '</a> ';
}

Alles anzeigen

kleiner_freund

Danke für deine Mühe, aber was für eine "Overview.php" meinst du :confused:

Ich nur eine "jeromes-keywords.php" das ist das ganze Plugin :)

stalkerX

Ohh, meinst du nicht dieses Plugin: Jerome's Keyword Manager « johannes.jarolim.com ?

fym

Ähm, das Plugin vergibt doch unterschiedliche li-Klassen (wodurch ja erst die Tags ihre unterschiedliche Größe bekommen), die müssten eigentlich im Stylesheet definiert sein. Dort kann man einfach eine andere Farbe pro Klasse definieren.

~fym

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tag-Cloud farblich gestalten?

Jetzt mitmachen!