WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Popular Posts
How do display popular post in horizontal line with title under th (3 posts)

  1. wpmhweb
    Member
    Posted 3 years ago #

    In the WordPress Popular post plugin, I am using this parameter <?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular(); ?>
    and I want to display the popular posts horizontally with the title under the thumbnail image, and I dont know how to do this customization.
    Can anyone help me with this?

    Thanks!

  2. circlenumber
    Member
    Posted 2 years ago #

    I want to know answer with this port to.

  3. Erriko
    Member
    Posted 2 years ago #

    Nobody answered you 'cause it is not a problem related to the plugin itself.
    When you call for the block of wpp you are printing an unordered list. Just stylize that with CSS. You can modify wpp.css (that is in the plugin folder) or tweaking your own style.css.
    I would do as follow:

    - put this php code wherever you'd like to show your popular posts (change accordingly to your needs)

    if (function_exists('wpp_get_mostpopular')) {
    	wpp_get_mostpopular("range=all&thumbnail_selection=wppgenerated&pages=0&stats_comments=0&order_by=views&thumbnail_width=54&thumbnail_height=54&title_length=60&limit=8"); }

    - put this php code in your functions.php, it will remove wpp.css from the header of your theme.

    add_action('wp_head', 'remove_widget_action', 1);
    
    function remove_widget_action() {
    global $wp_widget_factory;
    	remove_action( 'wp_head', array($wp_widget_factory->widgets['WordPressPopularPosts'], 'wpp_print_stylesheet') );
    }

    - in your style.css decide how to show your unordered list.

    ul.recent_posts{
    margin:0;
    padding:0;
    display:block;
    width:100%;
    }
    
    ul.recent_posts li{
    display:block;
    float:left;
    margin-left:10px;
    height:70px;
    position:relative;
    list-style:none;
    }
    
    ul.recent_posts li a{
    /* style of the hypertext */
    }
    
    ul.recent_posts li a span.wpp-post-title{
    /* style of the titles */
    }
    
    ul.recent_posts li a img.wpp-thumbnail{
    /* style of the thumbnails */
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic