web-dev-qa-db-ja.com

2番目の単語に異なる色を付けるために、ウィジェットのタイトルの内側にスパンを挿入します

ウィジェットのタイトルを2色にしようとしています。最初の単語は白、2番目の単語は黄色です。スパンに色を付けることができるように、どのようにしてすべてのウィジェットタイトルの2番目のWordの前にスパンを挿入することができるのかわかりません。

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');

最近のプロジェクトで、私のクライアントは彼女のWordPressブログのウィジェット用のグラフィカルヘッダを欲していました。残念ながら、ウィジェットのテーマはそれほど簡単ではありません。 CSSでもこれはできません。

8
Nabil Kadimi

テキストウィジェットの場合は、HTMLタグ（spanなど）をサポートします。そのウィジェットの見出しにspanや他のタグを使うことができます。スタイルシート/ CSSファイルで、その見出しタグのspan CSSを宣言するだけです。

0
Abhijit