Title: Custom html-markup
Last modified: August 31, 2016

---

# Custom html-markup

 *  Resolved [zaxgame](https://wordpress.org/support/users/zaxgame/)
 * (@zaxgame)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/custom-html-markup/)
 * Hi Hector
 * I need some help for create custom markup-html and i say detail:
 * first watch this picture : [example](http://up.vbiran.ir/uploads/10282146090856216413_Capture.JPG)
 * i coding this in html and i must transfer to wordpress by WPP.
 * html code for one object :
 *     ```
       <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
       						<div class="card card-video">
       							<div class="card-img">
       								<a href="videos-single.html"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/mqdefault1.jpg" alt=""></a>
       								<div class="play"><i class="fa icon-play"></i></div>
       							</div>
       							<div class="caption">
       								<h3 class="card-title"><a href="videos-single.html">7 Minutes of For Honor Gameplay</a></h3>
       								<ul>
       									<li><i class="fa icon-clock"></i> April 14, 2016</li>
       									<li><i class="fa icon-eye"></i> 1430 views</li>
       								</ul>
       							</div>
       						</div>
       					</div>
       ```
   
 * and more detail about category & number posts & … :
 * `range="all"&limit=4&thumbnail_width=320&thumbnail_height=180&cat=1&post_type
   =post&title_length=20&stats_views=1&stats_date=1&stats_date_format="F j, Y"`
 * i need php code that show this posts by css in first i said.
 * thanks man :X
 * [https://wordpress.org/plugins/wordpress-popular-posts/](https://wordpress.org/plugins/wordpress-popular-posts/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/custom-html-markup/#post-7287568)
 * Hi there!
 * Are you using the wpp_get_mostpopular() template tag? If so, try this:
 *     ```
       <?php
   
       if ( function_exists('wpp_get_mostpopular') ) {
   
           $args = array(
               'range' => 'all',
               'limit' => 4,
               'thumbnail_width' => 320,
               'thumbnail_height' => 180,
               'cat' => 1,
               'post_type' => 'post',
               'title_length' => 20,
               'stats_views' => 1,
               'stats_date' => 1,
               'stats_date_format' => 'F j, Y',
               'post_html' => '<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                   <div class="card card-video">
                                       <div class="card-img">
                                           <a href="{url}">{thumb_img}</a>
                                           <div class="play"><i class="fa icon-play"></i></div>
                                       </div>
                                       <div class="caption">
                                           <h3 class="card-title"><a href="{url}">{text_title}</a></h3>
                                           <ul>
                                               <li><i class="fa icon-clock"></i> {date}</li>
                                               <li><i class="fa icon-eye"></i> {views} views</li>
                                           </ul>
                                       </div>
                                   </div>
                               </div>'
           );
           wpp_get_mostpopular( $args );
   
       }
   
       ?>
       ```
   
 * Should be fairly simple to understand, but if you need further help please let
   me know 🙂
 * You should also take a look at the `wpp_start` and `wpp_end` parameters to change
   the wrapper as well (the default is a UL tag).
 *  Thread Starter [zaxgame](https://wordpress.org/support/users/zaxgame/)
 * (@zaxgame)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/custom-html-markup/#post-7287727)
 * Hi
 * I owe you an apology because I understood the code by one post in this forum,
   and i create layout but my internet traffic over and couldn’t tell this to you.
 * You are the best my friend 🙂
 * I have two question :
 * 1. WPP cropped image and decrease quality,How can i increase image quality?
 * 2. I need WPP to show recent post(from category 1) but it shows most views post
   in category 1 , please guide me about it
 *  Thread Starter [zaxgame](https://wordpress.org/support/users/zaxgame/)
 * (@zaxgame)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/custom-html-markup/#post-7287760)
 * Solved
 * thanks 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom html-markup’ is closed to new replies.

 * ![](https://ps.w.org/wordpress-popular-posts/assets/icon-256x256.png?rev=1232659)
 * [WP Popular Posts](https://wordpress.org/plugins/wordpress-popular-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-popular-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wordpress-popular-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/wordpress-popular-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-popular-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordpress-popular-posts/reviews/)

## Tags

 * [custom](https://wordpress.org/support/topic-tag/custom/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [wpp_get_mostpopular](https://wordpress.org/support/topic-tag/wpp_get_mostpopular/)

 * 3 replies
 * 2 participants
 * Last reply from: [zaxgame](https://wordpress.org/support/users/zaxgame/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/custom-html-markup/#post-7287760)
 * Status: resolved