如何将按钮链接到预先存在的“喜欢”图标

Question

I have a "like" icon that was created using this tutorial: https://hofmannsven.com/2013/laboratory/wordpress-post-like-system/ which I am using on my homepage and works great.

However, I was wondering if it was possible to link this "like" functionality to a button. I was thinking I might be able to utilize onClick() somehow?

Right now, I have the icon sitting absolutely positioned within a button (you can see this by directly hovering over the icon to tell that it is not part of the same button entity), and when you click anywhere inside the button (besides directly on the icon, it doesn't register as a "like").

Here is the like button:

And the page you can use it on: https://www.uncvrd.co/calmani-grey-tattoo-feat-pearl-andersson/

Here is my button html:

<button type="button" class="btn btn-default  dig-btn" onclick="">
   <?php echo get_simple_likes_button( get_the_ID() ); ?><span class="dig-text">Dig</span>
</button>

Answer 1

Find get_simple_likes_button function and find this line within inside of the function then simply add <button around <a href and then at the closing part </a> add </button> looking into your onClick() then going to a header location is just not suggested and is better to use <a href to redirect to link.

$output = '<span class="sl-wrapper"><a href="' . admin_url( 'admin-ajax.php?action=process_simple_like' . '&post_id=' . $post_id . '&nonce=' . $nonce . '&is_comment=' . $is_comment . '&disabled=true' ) . '" class="sl-button' . $post_id_class . $class . $comment_class . '" data-nonce="' . $nonce . '" data-post-id="' . $post_id . '" data-iscomment="' . $is_comment . '" title="' . $title . '">' . $icon . $count . '</a>' . $loader . '</span>';