web-dev-qa-db-fra.com

Insérer une étendue dans le titre du widget pour donner une couleur différente au deuxième mot

J'essaie de rendre mon titre de widget bicolore; le premier mot blanc et le second jaune. Je n'ai aucune idée de la manière dont je peux insérer une étendue avant le deuxième mot de chaque titre de widget afin de pouvoir mettre une couleur sur cette dernière.

widgetscsstitle
3
Samia Ruponti
/**
 * Wraps the first half of the provided string inside a span with the class lol_class.
 *
 * @param  string  $title  The string.
 * @return string          The modified string.
 */
function wpsa_82312_widget_title($title) {
    // Cut the title into two halves.
    $halves = explode(' ', $title, 2);

    // Throw first Word inside a span.
    $title = '<span class="lol_class">' . $halves[0] . '</span>';

    // Add the remaining words if any.
    if (isset($halves[1])) {
        $title = $title . ' ' . $halves[1];
    }

    return $title;
}

// Hook our function into the WordPress system.
add_filter('widget_title', 'wpsa_82312_widget_title');

Sur un projet récent, ma cliente voulait des en-têtes graphiques pour les widgets de son blog WordPress. Malheureusement, les widgets ne sont pas aussi faciles à thème. Vous ne pouvez pas non plus faire cela en CSS.

8
Nabil Kadimi

S'il s'agit d'un widget texte, il prend en charge les balises HTML (telles que span). Vous pouvez utiliser span et d'autres balises dans l'en-tête de ce widget. Déclarez simplement la CSS span de cette balise de titre dans votre fichier feuille de style/CSS.

0
Abhijit