【发布时间】:2016-03-08 02:18:12
【问题描述】:
我正在使用 Wordpress,我使用
引入帖子的标题<?php the_title( '<h1>', '</h1>' ); ?>
我想定位标题中的最后一个单词以对其应用不同的 css。 Wordpress 管理员不允许我使用 CSS 标题或应用跨度类。
【问题讨论】:
我正在使用 Wordpress,我使用
引入帖子的标题<?php the_title( '<h1>', '</h1>' ); ?>
我想定位标题中的最后一个单词以对其应用不同的 css。 Wordpress 管理员不允许我使用 CSS 标题或应用跨度类。
【问题讨论】:
这里使用的是原始的 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)添加跨度html,5)将其放回到标题数组的末尾,6)再次将数组转换为字符串,7)打印出来。
【讨论】:
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() 得到最后一个字
【讨论】:
word最后一个字
使用 split 分割你的文本并取最后一个单词,并且必须用 span 替换文本。像这样使用.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>');
});
【讨论】:
h1 标记。那么,你怎么知道选择哪个h1,除非你知道它们只出现在这个例子中的哪个位置:jsfiddle.net/norlihazmeyGhazali/ws34491x
domready里面。对于第二个示例,它仅适用于第一个 h1 标记,即使您有多个元素
使用 PHP 脚本语言和要求(例如在当前加载页面上设置菜单链接活动)比第一个任务是您必须确定加载的页面,并基于您能够将活动或类似的任何其他类分配给菜单链接,这使得菜单不同(激活)。
$current_page = basename(parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH));
【讨论】: