Tag-Cloud in WP 2.5 formatieren als zentriert und in bestimmter Farbe

Hallo,

ich möchte gerne in WP 2.5 das Sidebar-Widget "Tag-Cloud" formatieren.

Hier Template Tags/wp tag cloud « WordPress Codex
hab ich zumindest schon mal die Parameter dafür gefunden.

So weit, so gut.

Aber jetzt soll das ganze zentriert und nicht linksbündig dargestellt werden und in einer bestimmten Farbe.

Mir ist schon klar, dass diese Links wohl über die Theme-CSS mit formatiert sind (die sind gegenwärtig weiß und alle linksbündig in der Sidebar).

Geht es irgendwie, dass nur die Links in dieser Tag-Cloud zentriert sind und in z.B. rot dargestellt werden?

Wie müsste ich da wo die korrekte PHP-Syntax einbauen?

Gegenwärtig sieht der Teil in meiner widgets.php so aus (Tag-Cloud-Parameter sind schon eingebaut):

function wp_widget_tag_cloud($args) {
    extract($args);
    $options = get_option('widget_tag_cloud');
    $title = empty($options['title']) ? __('Tags') : $options['title'];


    echo $before_widget;
    echo $before_title . $title . $after_title;
    wp_tag_cloud('smallest=6&largest=14&number=20&orderby=count&order=DESC');
    echo $after_widget;
}

Danke.

Danke, aber damit komme ich überhaupt nicht klar:

dein erster Code sieht komplett anders aus als in meinem oben genannten.

Denn in meinem Code oben wüsste ich nicht, wo ich das div id=tag einbauen sollte.

Und wo sollen die CSS, die du im unteren Code genannt hast, dann eingebaut werden?

Liste gefällt mir allerdings gar nicht, ich wollte das Ganze farbig und zentriert, wie oben beschrieben - gefällt mir in meinem Theme besser.

Ich habe jetzt in der style.css meines Themes eine ID "tag" so formatiert, wie ich die Tag-Cloud-Begriffe erscheinen lassen will was zentriert und Farbe angeht.

So weit, so gut.

Allerdings komme ich als Nicht-PHPler :mrgreen: nicht mit der richtigen Syntax klar, wo genau man wie dieses [COLOR=Blue]div id="tag"[/COLOR] nun in meinen widgets.php Code einbaut.

Derzeit sieht er so aus:

function wp_widget_tag_cloud($args) {
    extract($args);
    $options = get_option('widget_tag_cloud');
    $title = empty($options['title']) ? __('Tags') : $options['title'];


    echo $before_widget;
    echo $before_title . $title . $after_title;
    wp_tag_cloud('smallest=6&largest=14&number=20&orderby=count&order=DESC');
    echo $after_widget;
}

Die Frage ist nun, wo baut man wie den CSS-Code ein?

Ich hab schon etliche Varianten mit try&error durch, bekomme aber jedesmal Syntax Errors.

Danke.

Ich sprach auch nicht von der Formatierung von Listen, sondern vom Einfügen von HTML-Tags (Zentrierung, Farbe, NICHT LISTE!!!!) [COLOR=Red]in die PHP-function[/COLOR] der, respective [COLOR=Red]meiner oben genannten[/COLOR] [COLOR=Red]widgets.php[/COLOR]!

Ganz einfach, weil du immer von Listen schreibst, was ich hier doch gar nicht Thema war.
Ganz einfach, weil du von HTML-Formatierung schreibst, was hier doch gar nicht Thema war.

Es ging um die Integrierung von

[COLOR=Blue] <div align="center">[/COLOR] bzw. [COLOR=Blue]<font color="red">[/COLOR] innerhalb und nur innerhalb der php-function der widgets.php.

Darauf bist du nicht eingegangen.

Der von dir oben genannte Coding für eine widgets.php funktioniert nämlich so nicht, er produziert einen "syntax error" !!

Ich weiß auch nicht, woher du den hast, denn das ist nicht mein eingangs geposteter widgets Code, um den es ja hier ging.

Nicht jeder steht auf Listen :mrgreen:

***************************************

Jemand Ahnung von PHP, wie man diese beiden Tags (div align und font color) in die php-function (siehe 1. Posting) integriert - ohne Syntax Error?
Danke.

Danke, Elke, so funktioniert es!

Wenn es noch jemand brauchen kann:

• Tag-Cloud-Begriffe zentriert statt nur linksbündig
• Tags in dieser Cloud mit unterschiedlichen Schriftgrößen - je nach Counts
• das Ganze absteigend sortiert
• das Ganze zentriert
• das Ganze mit Hover-Funktion
• eigene Schriftfarbe

Dazu in der widgets.php die Passage für die tag_cloud function ändern:

function wp_widget_tag_cloud($args) {
    extract($args);
    $options = get_option('widget_tag_cloud');
    $title = empty($options['title']) ? __('Tags') : $options['title'];


    echo $before_widget;
    echo $before_title . $title . $after_title;
    echo '<div id="tag">';
    wp_tag_cloud('smallest=6&largest=14&number=20&orderby=count&order=DESC');
    echo '</div>';  
    echo $after_widget;
}

Dann in der style.css des verwendeten Themes noch die Schrift-/DIV-Formatierung einbauen:

#tag { color: #b50454; text-align: center; width: 100%; }


#tag a { color: #b50454; text-align: center; width: 100%; }


#tag a:hover { color: #ffffff; text-align: center; width: 100%; background: #b50454; }

Die Fontfarben entprechend an das eigene Theme anpassen - fertig :mrgreen: