検索機能のカスタマイズ

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 検索機能のカスタマイズ

  • このトピックには5件の返信、1人の参加者があり、最後にuにより10年前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #44688
      u
      ゲスト

      お世話になっております。
       simplicity2.2.8.zip
       simplicity2-child20160110.zip
      の組み合わせで使わせて頂いております。
      以下のような事をやりたいのですが、なにぶんWordPressのカスタマイズ経験が少ないので
      どういう手法でやるのか見当も付きません。

      投稿記事中の特定の単語にリンクを張っておいて、その単語をクリックすると
      その単語をキーワードにして検索した結果のページを表示したいのです。
      検索はSimplicity2が持っている検索機能です。

      実現するための大まかな道筋をアドバイスいただけると有り難いのですが、よろしくお願いします。

    • #44690
      hidekichi
      ゲスト

      自分のサイトアドレス/?s=キーワード

      でできると思います。
      例えばSimplicity公式でnewsを検索したい場合は、

      <a href="https://wp-simplicity.com/?s=news">Simplicity news</a>

      と言う感じです。アドセンスを含む記事を検索する場合は、

      <a href="https://wp-simplicity.com/?s=%E3%82%A2%E3%83%89%E3%82%BB%E3%83%B3%E3%82%B9">Simplicity アドセンスの記事</a>

      となります。アドセンスと言う単語がエンコードされていますが、ブラウザによってはそのままエンコードせずともいけると思います。firefox,chromeでは日本語のままイケます。

    • #44691
      hidekichi
      ゲスト

      実装する方法としては、wordpressっぽくするのであればショートコードで、例えば

      ■他サイトの検索
      [slink key="キーワード"]

      とか、手動でやるなら例えば、

      <p class="slink">news</p>

      というようなクラスを作っておいて、jQueryでnews部分をaタグでラップすればいけると思います。

      サンプル: サックリとしたサンプル | jsFiddle

    • #44692
      hidekichi
      ゲスト

      ■他サイトの検索は削除し忘れです。
      おそらく自分のサイトの話だろうと思うので、「■他サイトの検索」をする場合は、そのアドレスを入れる項目もいるかなぁと思った次第です。と言っても他サイトの検索結果を自分の所に表示するのではなく、他サイトに飛ぶためのアドレスですけどね。

    • #44693
      hidekichi
      ゲスト

      ショートコードは、何をどうするかとかで色々と変えられると思うんですけども

      add_shortcode('slink', 'searchKeyword');
      function searchKeyword($attr){
      	extract(shortcode_atts(array(
              'key' => ''
          ), $attr));
          
          $url = esc_url( home_url( '/' )) . "?s=" . urlencode($key);
          if (!empty($key)) {
          	$html = "<a href='".$url."'>".$key."</a>";
          }
          return $html;
      }

      こんな感じでしょうか。

      Simplicityは[slink key="wordpress"]のテーマです このように書くと、
      Simplictyは<a href="自分のサイトのアドレス?=wordpress">wordpress</a>のテーマです
      こんな感じで出力されます。

      Simplicityは<span class="何かしらのクラス">[slink key="wordpress"]</span>のテーマです
      このようにしてスタイルすることもできます。

    • #44694
      u
      ゲスト

      hidekichiさん、
      この度は、サンプルコードまで作っていただきましてありがとうございました。
      functions.phpに入れればよいのですよね。
      試してみましたら、まさに期待通りの動きです。
      日本語のエンコード機能まで入れていただきまして、大変助かりました。
      自力でやるには方針すら分からなかったので、2,3週間くらいかかるかなあと思っていたのですが一日で出来るとは思いませんでした。
      いま必死でサンプルコードの意味を理解しているところです。
      繰り返しになりますが、大変ありがとうございました。

5件の返信スレッドを表示中
  • トピック「検索機能のカスタマイズ」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)