【问题标题】:targeting last word of post title定位帖子标题的最后一个字
【发布时间】:2016-03-08 02:18:12
【问题描述】:

我正在使用 Wordpress,我使用

引入帖子的标题
<?php the_title( '<h1>', '</h1>' ); ?>

我想定位标题中的最后一个单词以对其应用不同的 css。 Wordpress 管理员不允许我使用 CSS 标题或应用跨度类。

【问题讨论】:

    标签: jquery html css wordpress


    【解决方案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)添加跨度html,5)将其放回到标题数组的末尾,6)再次将数组转换为字符串,7)打印出来。

    【讨论】:

    【解决方案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() 得到最后一个字

    【讨论】:

    • 不确定这是否有效,它显示了整个句子
    • 检查你的控制台它只会显示word最后一个字
    【解决方案3】:

    使用 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>');
    });
    

    DEMO

    【讨论】:

    • 这会替换整个
    • 此代码将替换所有具有特定搜索词的h1 标记。那么,你怎么知道选择哪个h1,除非你知道它们只出现在这个例子中的哪个位置:jsfiddle.net/norlihazmeyGhazali/ws34491x
    • 还是有点困惑,但如果我把它放在 php 旁边而不是在 中,它只适用于帖子标题?
    • 把js代码放在php标签旁边和body标签之前,放在domready里面。对于第二个示例,它仅适用于第一个 h1 标记,即使您有多个元素
    • 是每页一个元素还是第一个元素,我在自己的页面上每个帖子只有 1 个 h1
    【解决方案4】:

    使用 PHP 脚本语言和要求(例如在当前加载页面上设置菜单链接活动)比第一个任务是您必须确定加载的页面,并基于您能够将活动或类似的任何其他类分配给菜单链接,这使得菜单不同(激活)。

    $current_page = basename(parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH));

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-22
      相关资源
      最近更新 更多