使用</p> <pre><code><?php the_title('<h1>', '</h1>'); ?> </code></pre> <p>我想要的目標在標題的最後一個字，以不同的CSS適用於它瞄準的文章標題

Question

我使用WordPress的，我在這篇文章的標題帶來的最後一個字。 WordPress的管理員不讓我的CSS標題或應用跨班級。

Answer 1

這是利用原有WP的東西，基本上我認爲你是最簡單的格式要求的東西：

<?php 
$post_title = get_the_title(); 
$title_as_array = explode(' ', $post_title); 
$last_word = array_pop($title_as_array); 
$last_word_with_span = '<span class="whatever">' . $last_word . '</span>'; 
array_push($title_as_array,$last_word_with_span); 
$modified_title = implode(' ', $title_as_array); 
echo $modified_title; 
?> 

試用這在this PHP sandbox。你可以看到我用沙箱中的標題替換了一串字（「這是我的標題」） - 它應該像get_the_title()那樣工作。

這是按「執行代碼」後發生的情況，以防您沒有看到。 PS：爲了解釋，基本上這是：1）獲得標題作爲字符串，2）將其轉換爲數組，3）獲得數組中的最後一項，4）添加span html，5）回到標題數組的末尾，6）再次將數組轉換爲字符串，7）將其打印出來。

Answer 2

var sliced = $('h1').text().split(' '); 
 
var lastword = sliced.pop(); 
 
console.log(lastword)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<h1>Im the Last Word</h1>

嘗試這種方式..然後split()的H1使用pop()

Answer 3

待辦事項拆你的文字，並通過採用分體式採取硬道理獲得最後一個字，並且必須替換爲文本在那附近。使用.html(function())像這樣：

var text = $('h1').text().split(' '); 
var lstWord = text.pop(); 
// find the h1 with above word 
$("h1:contains('" + lstWord + "')").html(function(i, old) { 
    // replace the old content(specified words) 
    // with span tag around that 
    return old.replace(lstWord, '<span class="myColor">'+lstWord+'</span>'); 
}); 

DEMO