複合検索（絞り込み検索）をPHPとJavaScriptで実装（後編）
複合検索（絞り込み検索）の実装後編ではループ表示とページング機能を作るとともに、JavaScriptとAjax（jQuery）を使用してより使いやすい複合検索（絞り込み検索）フォームにしてみたいと思います。ワードプレスではAjax用のリクエストルートも用意されていますので確認していきます。 2019年3月5日 検索結果のループ表示と固定ページでのページング 検索結果を標準ループで表示 前回『複合検索（絞り込み検索）をPHPとJavaScriptで実装（前編）』までの内容でWP_Queryに与える引数$argsができましたので、あとはループを回すだけになります。記述は以下のようになります。 <?php $the_query = new WP_Query($args); ?> <ul> <?php if ($the_query->have_posts()) : ?> <?php while (
[WordPress]Ajaxを使ってデータをPOST！非同期にデータをやり取りする方法 | そんなにGeekじゃないエンジニアブログ
Ajaxリクエスト先での処理の実装 さて、「ajaxtest」というアクションを実行してくれ！ という命令がサーバー側に送られて来るので、それに対するアクションを作成する必要があります。 具体的には、functions.phpにて、こんな実装。 function ajaxTestFunc(){ // POSTされたデータは$_POSTに、連想配列で格納されている $result .= htmlentities( $_POST["yourname"], ENT_QUOTES, 'UTF-8' ) . "さん"; $result .= "(" . $_POST["age"] . ")"; $result .= ($_POST["sex"]=="man" ? "男性" : "女性") . "のラッキーフードは"; if( isset($_POST["food"]) && is_array($_P
![[WordPress]Ajaxを使ってデータをPOST！非同期にデータをやり取りする方法 | そんなにGeekじゃないエンジニアブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2006a01f2399ea8862a9cc23876c64f3dc703b61/height=288;version=1;width=512/https%3A%2F%2Fengineering.dn-voice.info%2Fwp-content%2Fuploads%2F2018%2F05%2Fajaxtop.jpg)
【徹底解説】WordPressで絞り込み検索を作る方法 | うぇぶファン
もしも検索結果がない場合は「該当する物件はありませんでした。」というメッセージを表示します。 検索条件は、WordPressに標準で用意されているカテゴリーとタグを使います。「エリア」はカテゴリー、「特徴」はタグを割り当てます。 絞り込み検索のプログラム ここからは、絞り込み検索を作るためのプログラムを紹介します。 <!-- 1. 検索条件の取得と変数の設定 --> <?php $args = array( 'post_type' => 'post', 'post_status' => 'publish', 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'DESC' ); if(!empty($_POST['search_category'])) { foreach($_POST['search_category'] as
WordPressでAjaxを使用してカテゴリー別に投稿を出力する方法 | こもりみこもりみ
煎じすぎてもはや水な話題ですが、自分用に残しておきたかったのでWordPress Ajax記事を書こうと思います。 非同期でタブ切り替えのようにカテゴリー別のコンテンツを取得したいという要望があり、実装しました。 これを応用すればサイト内の色んな所で簡単にajaxでコンテンツを取得できるはず…！ functions.php functions.phpにはWordPressでAjaxを使用できるようにする記述、実際に表示する投稿ループの内容の記述をしていきます。 /* *========================= * functions.php *========================= */ // ajaxを使用する際に取得するURLをグローバル変数に渡す function my_ajax_url() { ?> <script>var ajaxUrl = '<?php e
Documentation Archive - Search & Filter Pro
Hey there, it looks like you've been redirected from designsandcode.com - as you can see we have a new home - read more Getting Started Install the Plugin Uploading in WordPress Dashboard Navigate to the ‘Add New’ in the plugins dashboard Navigate to the ‘Upload’ area Select `search-filter-pro.zip` from your computer Click ‘Install Now’ Activate the plugin in the Plugin dashboard Using FTP Downloa
WordPressのおすすめ検索プラグイン7選
WordPressでカテゴリやタグ、カスタムフィールドを検索対象に追加したり、Ajaxによるリアルタイム検索機能を実装するなど、検索機能を強化できるおすすめの検索プラグインを紹介します。 1. カテゴリー、タグ、カスタムフィールドなどあら項目を検索できる「Search Everything」 Search Everythingはカテゴリー、タグ、カスタムフィールドなど、WordPressのあらゆる項目を検索できるプラグインです。 通常の検索対象のタイトル、本文に加えて、抜粋、カスタムフィールド、カテゴリー、タグ、カスタムタクソノミー、コメントなどの項目を検索することができます。 使い方 2. 管理画面で画像を代替テキスト（alt）で検索することができるプラグイン「Enhanced Media Library」 Enhanced Media Libraryは管理画面で画像を代替テキスト（al
【WordPress x Ajax】選択されたカテゴリの記事をAjaxで読み込む方法 | CoComina
https://cocomina.com/wp/wp-content/uploads/83H.jpg 今回はWordpressとAjaxを組み合わせて、クリックされたカテゴリに属する記事のみを取得して表示する方法です。 そもそもAjaxとはなんでしょう？ Ajaxとは、Webブラウザに実装されているJavaScriptのHTTP通信機能を使って、Webページのリロードを伴わずにサーバとXML形式のデータのやり取りを行って処理を進めていく対話型Webアプリケーションの実装形態。 引用元：IT用語辞典 とのことです。では、Ajaxの仕組みが理解できた所で、おおまかな流れを説明します。 主に下記のようになっています。 カスタムナビゲーションにてカテゴリーリスト作成 カテゴリーを1つずつテンプレートに直接記述したり、get_the_category_list を使用してもいいのですが、それだと納品
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
