Amilus

Hi not a problem at all!
I actually reached WPML’s support and everything’s working wonderfully perfectly now!

Thanks a lot for all your help!
You really are the most helpful and best plug-in author I’ve met.

Amilus

Hi it does re-size the height but now the problem is that,
not all the slideshow on my blog has the same height.

Now my old post which uses sildeshow gallery does not display correctly:
http://a-unefille.com/2015/01/16/summer-in-budapest/

The height of the slideshow is too big that it overlays the text below!

Is there a way to make the height and the width 100% which could work well on different size of window?
Same with the tiled gallery, could I make the width by percentage proportion, too?

My other concern is,
the slideshow css style sheet does not seem to effect on my mobile site.
The black border exists and the height is too much on my mobile site.

I’m using WP touch plug-in for my mobile site, should I ask the support from WP touch or could this be fixed by editing my css stylesheet?

Many thanks!

Long time Hector!
And Happy New Year!

Well here’s what HostGator told me regarding the gif issue after a long LiveChat with the technical supporter:

When the plugin uses the wordpress image editor with imagemagick, it uses too much memory which corrupts the gif more than likely due to animation.

And after switching off the Imagemagick the gif issue was solved.
Although this issue does not bother me anymore after using the customised code, but just to keep you posted as you might be interested to know.

—

As for the WPML WPPP problem, the widget now works great in different languages.
The only small problem now is the WPPP on the front page – it does link to the correct language posts but the title is not translated.

Best

Dear Hector,

Saying thank you to you just isn’t enough to all the time and effort you spent on this issue.
I feel bad not paying you tuition fee and coding fee as your support for this free plug-in is so much greater than those paid plug-in…

I really wish that I could tell you finally this time everything is right now (in fact, almost true! The home page popular posts is really perfect now!).

However, it seems that the custom_popular function just doesn’t effect the wppp sidebar widget anymore.

And the WPPP widget in the sidebar does not function with WPML now, even if I take out the entire costume_popular function code, WPPP in the sidebar still doesn’t function with WPML.

The WPPP on the home page works totally fine with WPML though.

Here’s my final code:

<?php
function get_excerpt_by_id( $post_id ){

    $the_post = get_post( $post_id ); //Gets post ID
    $the_excerpt = $the_post->post_content; //Gets post_content to be used as a basis for the excerpt
    $the_excerpt = strip_tags( strip_shortcodes($the_excerpt) ); //Strips tags and images

    if ( defined('ICL_LANGUAGE_CODE') && (ICL_LANGUAGE_CODE == 'ja' || ICL_LANGUAGE_CODE == 'zh-hant') ) {

        $excerpt_length = 180; //Sets excerpt length by letter count

        if ( strlen($the_excerpt) > $excerpt_length ) {
            $the_excerpt = mb_substr( $the_excerpt, 0, $excerpt_length ) . "...";
        }

    } else {

        $excerpt_length = 35; //Sets excerpt length by word count
        $words = explode( ' ', $the_excerpt, $excerpt_length + 1 );

        if ( count($words) > $excerpt_length ) :
            array_pop($words);
            array_push($words, '...');
            $the_excerpt = implode(' ', $words);
        endif;

    }

    $the_excerpt = '<p>' . $the_excerpt . '</p>';

    return $the_excerpt;

}
function custom_popular( $mostpopular, $instance ){

    $output = '<ul class="wpp-list">';  

    // Code for home page
    if ( is_front_page() ) {

        foreach( $mostpopular as $popular ) {

            // WPML support
            if ( defined('ICL_LANGUAGE_CODE') && function_exists('icl_object_id') ) {

                $current_id = icl_object_id( $popular->id, get_post_type( $popular->id ), true, ICL_LANGUAGE_CODE );    

                $title = get_the_title( $current_id );
                $permalink = get_permalink( $current_id );
                $thumbnail = get_the_post_thumbnail( $current_id, 'popular', array('alt' => esc_attr($title), 'title' => esc_attr($title), 'class' => 'wpp-thumbnail') );
                $excerpt = "<span class=\"wpp-excerpt\">" . get_excerpt_by_id( $current_id ) . "</span>";

            }
            else {

                $title = $popular->title;
                $permalink = get_permalink( $popular->id );
                $thumbnail = get_the_post_thumbnail( $popular->id, 'popular', array('alt' => esc_attr($popular->title), 'title' => esc_attr($popular->title), 'class' => 'wpp-thumbnail') );
                $excerpt = "<span class=\"wpp-excerpt\">" . get_excerpt_by_id( $popular->id ) . "</span>";

            }

            /*
             * Build popular post HTML
             */

            // Show bigger thumbnail for the first image
            if ( 0 == $counter ) {
                $thumbnail = get_the_post_thumbnail( $popular->id, 'popular', array('alt' => esc_attr($popular->title), 'title' => esc_attr($popular->title), 'class' => 'wpp-thumbnail') );
                $output .= "<div id=\"most-liked-left\"><li><a href=\"{$permalink}\" title=\"" . esc_attr($popular->title) . "\">{$thumbnail}</a></li><li><a href=\"{$permalink}\" title=\"" . esc_attr($popular->title) . "\">{$popular->title}</a></li><li>{$excerpt}</li></div>";

            }
            else { // Regular output
            $thumbnail = get_the_post_thumbnail( $popular->id, 'square', array('alt' => esc_attr($popular->title), 'title' => esc_attr($popular->title), 'class' => 'wpp-thumbnail') );
            $output .= "<div id=\"most-liked-side\"><ul><li><a href=\"{$permalink}\" title=\"" . esc_attr($popular->title) . "\">{$thumbnail}</a></li><li><a href=\"{$permalink}\" title=\"" . esc_attr($popular->title) . "\">{$popular->title}</a></li><ul></div>";

            }

            // Increase counter
            $counter++;
        }

    } // HTML code for the rest of the site
    else  {

        foreach( $mostpopular as $popular){
            //WPML support
            if ( defined('ICL_LANGUAGE_CODE') && function_exists('icl_object_id') ) {
                $current_id = icl_object_id( $popular->id, get_post_type( $popular->id ), true, ICL_LANGUAGE_CODE );
                $title = get_the_title( $current_id );
                $permalink = get_permalink( $current_id );
            }
            else {
                $title = $popular->title;
                $permalink = get_permalink( $popular->id );
            }

            $output .="<li><a href=\"{$permalink}\" title=\"" . esc_attr($popular->title) . "\">{$popular->title}</a></li>";
        }

    }

    $output .= '</ul>';

    return $output;
}
add_filter( 'wpp_custom_html', 'custom_popular', 10, 2 );
?>

P.S. No longer related to this plug-in but just to keep you posted for the earlier gif thumbnail issue: the same problem happens again with another plug-in(WordPress Related Posts). I am still seeking support from HostGator to solve it. It seems that there is an error in the gif generated and resized by plug-ins.

P.P.S. I’ve never learned coding systematically, I am a self-learner copy/paste codes from internet. This is my first time building a wp website. And I really don’t know how I could express my appreciation to all the help and things I learned from you…

Oh but the gif thumbnail problem being generated by wppp is fixed while using the costum_popular_post function…

After adding the is_front_page part now the layout of wppp looks wonderful everywhere!

But it doesn’t work with multi languages…which is very odd.
I remember that it did function well in different language when I tested the costum_popular last time, and that’s why I noticed the excerpt length problem in kanji languages.
I really can’t think of what is causing the problem.

I will now add the english version to all the exiting posts and test wpp x wpml plug-in and will get back to you once it’s done.
And again, thank you so much for everything…

P.S. Just noticed another issue that many of my exiting past posts were written in Chinese or Japanese instead of the default language English.

As I start adding the English version of them, the duplicated wppp problem happens again.

For the moment I start all new post by making the English post first (even just leave it blank), then the other languages, which should avoid the duplicate wppp problem. But For the exiting non-english posts (quite a lot), as I start to translate them into English, the duplication happens.