javascript - Custom AJAX search by tags WP -


i have been created custom search form in wordpress theme. looks like:

<form role="search" class="form" method="get" action="<?php echo home_url('/');?>">   <input type="search" id="keyword" class="inp-search" onclick="shownewtag()" oninput="searchtags()" onkeyup="fetch()" placeholder="search tag" value="<?php echo get_search_query() ?>" name="s" title="search" />

and realized custom ajax search post title. task search tags. don't know how can that. search post title located in functions.php , looks like:

add_action( 'wp_footer', 'ajax_fetch' ); function ajax_fetch() { ?> <script type="text/javascript">   function fetch(){      jquery.ajax({     url: '<?php echo admin_url('admin-ajax.php'); ?>',     type: 'post',     data: { action: 'data_fetch', keyword: jquery('#keyword').val() },     success: function(data) {         jquery('#grid').html( data );     } });  } </script>  <?php }   add_action('wp_ajax_data_fetch' , 'data_fetch');  add_action('wp_ajax_nopriv_data_fetch','data_fetch');  function data_fetch(){     $the_query = new wp_query( array( 'posts_per_page' => -1, 's' =>   esc_attr( $_post['keyword'] ), 'post_type' => 'post' ) ); if( $the_query->have_posts() ) :     while( $the_query->have_posts() ): $the_query->the_post();           if(get_field('type') == "box") {             ?>             <div class="grid-item grid-item--<?php echo get_field('type');?> <?php echo get_field('position');?>" data-tooltitle="hood baroque" data-tooltip="design | 3d modeling | drawings">                 <a class="linkpost" href="<?php echo get_post_permalink()?>"><img src="<?php the_field('picture');?>" alt=""></a>                 <a href="<?php echo get_post_permalink()?>" class="text">                     <img src="<?php the_field('svg_picture');?>" alt="">                 </a>             </div>     <?php          } else {     ?>     <div class="grid-item grid-item--<?php echo get_field('type');?> left" data-tooltitle="hood baroque" data-tooltip="design | 3d modeling | drawings">         <a class="linkpost" href="<?php echo get_post_permalink()?>"><img src="<?php echo get_field('picture');?>" alt=""></a>             <a href="<?php echo get_post_permalink()?>" class="text">                 <img src="<?php echo get_field('svg_picture');?>" alt="">             </a>     </div>      <?php          }       endwhile;     wp_reset_postdata();   endif;  die(); }

how can realize search tags only?

from codex :

show posts several tags

display posts have "either" of these tags:

$query = new wp_query( array( 'tag' => 'bread,baking' ) );

display posts have "all" of these tags:

$query = new wp_query( array( 'tag' => 'bread+baking+recipe' ) );

Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more