Custom html-markup

  • Resolved zaxgame

    (@zaxgame)


    8 years, 11 months ago

    Hi Hector

    I need some help for create custom markup-html and i say detail:

    first watch this picture : example

    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://www.ads-software.com/plugins/wordpress-popular-posts/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Hector Cabrera

    (@hcabrera)

    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

    (@zaxgame)

    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

    (@zaxgame)

    Solved

    thanks ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom html-markup’ is closed to new replies.