php - How to display custom post type as a gridview using wordpress code -

-

i have custom post type "events" , want display events in table of 3 columns pagination using code in wordpress.

this did far displays list.

$loop = new wp_query( array( 'post_type' => 'events' , 'posts_per_page' => 3) );     $count = $loop->post_count;      if ( $loop->have_posts() ) :     ?>     <h2 style="position:relative;top:100px" align="center"> news & events</h2>     <div id = "menu" style="position:relative;top:100px;left:350px">     <ul>       <li class = "aa"><a class="anchor" id="all"  href="#">all</a></li>       <li  class = "aa"><a  class="anchor" id ="videos" href="#">videos</a></li>       <li  class = "aa"><a  class="anchor" name = "links" id="links" href="#">links</a></li>       <li  class = "aa"><a  class="anchor" id = "our events" name ="our events" href="#">our events</a></li>     </ul>     </div>     <br>      <br><br>      <?php         while ( $loop->have_posts() ) : $loop->the_post(); ?>               <div class="pindex" style="position:relative;top:100px;left:-450px">                 <?php if ( has_post_thumbnail() ) { ?>                     <div class="pimage">                         <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>                     </div>                 <?php } ?>                 <div class="ptitle">                      <h2><?php                      echo get_the_title() ?></h2>                 <div style="width:20%;position:relative;top:10px;left:550px" ><?php echo the_content();?>   </div>                 </div>             </div>          <?php           endwhile;          if (  $loop->max_num_pages > 1 ) : ?>             <div id="nav-below" class="navigation">                 <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> previous', 'domain' ) ); ?></div>                 <div class="nav-next"><?php previous_posts_link( __( 'next <span class="meta-nav">&rarr;</span>', 'domain' ) ); ?></div>             </div>         <?php endif;     endif;     wp_reset_postdata();

can me this?

you use method display custom post events , pagination is

$args = array(     'post_type' => 'events',     'posts_per_page' => 3 );  $posts_array = get_posts( $args ); // print_r($posts_array); foreach ( $posts_array $post ){    echo $post->id; }

Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more