ホーム>source

私は私が使用して投稿のタイトルをもたらすWordpressを使用しています

<前>ウィズウィズ

タイトルの最後の単語をターゲットにして、別のCSSを適用したい。 Wordpressの管理者は、タイトルのcssやスパンクラスの適用を許可していません。

<?php the_title( '<h1>', '</h1>' ); ?>
あなたの答え
  • 解決した方法 # 1

    ここでは、元のWPのものを使用しています。基本的には、あなたが求めていることを最も単純な形式で考えます。

    <前>ウィズウィズ

    このPHPサンドボックスで試してみてください。サンドボックス内のタイトルをどこで単語の列に置き換えたのか( "here is my title")がわかります- <?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; ?> と同じように機能するはずです  あまりにも。

    これが表示されない場合に備えて、「コードの実行」を押した後の動作を次に示します。

    PS:説明のために、基本的にこれは:1)タイトルを文字列として取得する、2)それを配列に変換する、3)配列の最後の項目を取得する、4)スパンHTMLを追加する、5)それを最後に戻すタイトル配列の6)配列を再び文字列に変換します7)それを出力します

  • 解決した方法 # 2

    ウィズウィズ
    
    ウィズウィズ
    

    この方法を試してください。 get_the_title()  H1は var sliced = $('h1').text().split(' '); var lastword = sliced.pop(); console.log(lastword) を使用して最後の単語を取得します

  • 解決した方法 # 3

    テキストを分割し、splitを使用して最後の単語を取得し、テキストをその前後のスパンに置き換える必要があります。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <h1>Im the Last Word</h1> を使用する  そのようです :

    <前>ウィズウィズ

    デモ

  • 解決した方法 # 4

    Phpスクリプト言語と最初のタスクよりも現在の読み込みページでメニューリンクをアクティブベースに設定などの要件を操作すると、読み込まれたページを識別し、それに基づいて、メニューリンクにアクティブまたは同様の他のクラスを割り当てて、メニューを変えることができます(アクティブ)。

    ウィズウィズ split()

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ laravel - 修正方法:カーボンをintに変換できませんでした