Word specified colors

Anyone?

You can do this by adding a filter to the_title. Its not suggested to modify the core files of the theme instead create a child theme and apply your modifications there.

1- Create a child theme and add this function to your child theme functions.php

/* Function to add specific css class to a specific word in title */
function word_color($title) {
/* "Announcement" should be exact as the targeted word and its case
 * sensitive
 */
    $title = str_replace("Announcement","<h1 class=\"word_blue\">Announcement</h1>",$title);
    return $title;
}
add_filter('the_title', 'word_color');

/* Now every time that the title contain the "Announcement" word
 * the word will be replaced with the second "Announcement" that have
 * the css class
 */

2- Than in your child theme style.css file add somthing like this:

.word_blue{
   color:blue;
}

And if i want to do that with more words?

You can also add that CSS class to a word by using span tags in the HTML –

<span class="word_blue">This will be blue</span>

You mean i have to add it every time by hand in the post title settings? Cause i won’t want that.

I just want to have it automatically

Just repeat the str_replace(); function. For Ex:

/* Function to add specific css class to a specific word in title */
function word_color($title) {
/* "Announcement" should be exact as the targeted word and its case
 * sensitive
 */
    // THE FIRST WORD
    $title = str_replace("Announcement","<h1 class=\"word_blue\">Announcement</h1>",$title);

    // THE SECOND WORD
    $title = str_replace("BOO","<h1 class=\"word_red\">BOO</h1>",$title);

    return $title;
}
add_filter('the_title', 'word_color');

/* Now every time that the title contain the "Announcement" word
 * the word will be replaced with the second "Announcement" that have
 * the css class
 */

In /includes/functions.php

Or the normal one?

The functions.php file that is in the root folder of your child theme:
../wp-content/themes/child-theme/functions.php

It doesnt work ??

The code I gave you is working. did you paste the code in the path I told you? did you give attention to the comments in the code to customize it for your needs?

attention to the comments in the code to customize it for your needs

What?

This:

/* “Announcement” should be exact as the targeted word and its case
* sensitive
*/

Can you give me a example of CSS? With the word in it?

Maybe I wasn’t clear enough so I will try to explain you how the code is working.

$title = str_replace("Announcement","<h1 class=\"word_blue\">Announcement</h1>",$title);

The First Announcement is the target. that we are replacing it with:

<h1 class=\"word_blue\">Announcement</h1>

So that now our Second Announcement has a css class which is:
word_blue that we can use in our style.css like this:

.word_blue{ color:blue; }

I hope I was more clear this time

I did that exactly, it still default black ??