Support » Plugin: WordPress Popular Posts » Request for additional classes in wpp.css

  • Resolved dreative

    (@dreative)


    Hi,

    The plugin you created is amazing.
    One thing I would like to request.

    Anchor tag for thumbnails in wpp.css,
    I want you to add a class that can be edited in.

    My website is designed with thumbnails hovering.
    I edited wpp.css to get the same design,
    Because the CSS class is not set in the thumbnail tag
    The display will be corrupted.

    MY Website:
    https://webpginfo.net/en/

    HTML source:
    <ul class = “wpp-list wpp-list-with-thumbnails”>

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter dreative

    (@dreative)

    < ul class = “wpp-list wpp-list-with-thumbnails”>
    < li >
    < a href=”https://test.site/&#8221; title=”thumbnail-title” target=”_self” class=”wpp-request-class-here”>< img src=”thumbnail-image” srcset=”https://test.site/image&#8221; width=”100″ height=”100″ alt=”wordpressfirst-aicache” class=”wpp-thumbnail wpp_featured wpp_cached_thumb” loading=”lazy” />< /a >
    </ li >
    </ ul >

    • This reply was modified 8 months ago by dreative.
    Plugin Author Héctor Cabrera

    (@hcabrera)

    Hi @dreative,

    No need to wait for me to publish an update, WordPress Popular Posts allows you to change the HTML output of your popular posts list to whatever you need.

    Try this:

    1. Go to Widgets > [Your Sidebar] > WordPress Popular Posts.

    2. Under “HTML Markup settings”, find and enable the “Use custom HTML Markup” checkbox and save changes.

    3. Set “Before / after Popular Posts:” to <ul class="wpp-list wpp-list-with-thumbnails"> and </ul>, respectively.

    4. Set “Post HTML Markup:” to:

    <li>
        <a href="{url}" title="{title_attr}" target="_self" class="wpp-post-image">{thumb_img}</a>
        <a href="{url}" title="{title_attr}" class="wpp-post-title" target="_self"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{text_title}</font></font></a>
        <span class="wpp-excerpt"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{excerpt}</font></font></span>
    </li>

    (Adjust where needed).

    5. Finally, save changes.

    Plugin Author Héctor Cabrera

    (@hcabrera)

    Also, please use the CODE button when posting code here. Otherwise -as you already noticed- the WordPress forum will mangle your code 😛

    Thread Starter dreative

    (@dreative)

    Hi there,

    You suggested
    We also considered HTML custom markup.

    However, it is permanently free for many users.
    I thought I couldn’t provide a custom wpp.css.

    I have identified a program for Output.

    wordpress-popular-posts/src/Output.php
    code 374

    
     'img' => ( ! empty($post_thumbnail) ) ? '<a href="' . $permalink . '" ' . ($post_title_attr !== $post_title ? 'title="' . $post_title_attr . '" ' : '' ) . 'target="' . $this->admin_options['tools']['link']['target'] . '" class="wpp-post-image">' . $post_thumbnail . '</a>' : '',
    

    code 407

    
    ? "<a href=\"{$permalink}\" " . ($post_title_attr !== $post_title ? "title=\"{$post_title_attr}\" " : "") . "target=\"{$this->admin_options['tools']['link']['target']}\" class=\"wpp-post-image\">{$post_thumbnail}</a>\n"
    

    If you add a CSS class to these two lines of code,
    More freedom in customizing wpp.css.
    I think this is a valuable degree of freedom for many users.

    You don’t spend a lot of time.
    Just spend a little time adding code.

    I hope my hope will come true.

    thanks
    regard.`

    Plugin Author Héctor Cabrera

    (@hcabrera)

    However, it is permanently free for many users.

    HTML changes done this way are permanent, yes, they won’t be undone by plugin updates if that’s what you’re asking.

    I thought I couldn’t provide a custom wpp.css.

    Yes, you can.

    I think this is a valuable degree of freedom for many users.

    The plugin already provide ways to change the HTML code and its CSS code however you like, all without needing to edit plugin’s code directly. That’s plenty flexible in my opinion.

    I may add a class to the link as requested, however there’s a low chance of that happening anytime soon since I’m busy with work and life at the moment. Hence the reason why I suggested using the Custom HTML feature instead.

    Thread Starter dreative

    (@dreative)

    Hi,

    I thought it was a good suggestion,
    I am sorry that it was not adopted.

    Certainly as you say with custom HTML
    Custom freedom is guaranteed, but
    Requires a little knowledge of PHP.

    My suggestion does not require knowledge of PHP code
    It was a proposal to customize CSS.

    If you have time to spare
    I would be grateful if you would consider it again.

    thanks
    regards.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Request for additional classes in wpp.css’ is closed to new replies.