Hi there,
I am using a USERPRO plugin now and I manage to do some changes on Sign In/Join.
Now my concern is the Author Box with this Theme Default code:
<div class=”author-box-wrap”>
</div>
This is the code I want to put inside that Author Box:
[userpro template=card user=author]
This is the format I want to achieve: http://prnt.sc/b0cphd
Please advise where we can replace it with USERPRO shortcode and the correct syntax.
Best Regards
Hi,
You can replace the theme author box with the plugin shortcode in the post template files. There is a file corresponding to each post style you use on your site: http://screencast.com/t/s2PE1hVPxs
<?php echo do_shortcode('[userpro template=card user=author]');?>
Thank you!
Hi Bogdan,
Please allow me to ask how to achieve the following:
1. Comments section – you can use it to show the badge in his comments beside his name.
With this code:
<?php
echo userpro_show_badges($user_id);
?>
2. How to replace this in Comment section Click Here instead of entering “Name and Email” field to be you need to Register to Post a comment using USERPRO format.
3. How to show login/join on any devices aside from Desktop?
Btw Author Box now is working fine, thanks Bogdan.
Regards
Hi,
1) I’m not sure what a userpro badge is as userpro is not a tested plugin. you can try to code it in if you have the proper coding skills. Either with the code you showed above or the do_shortcode funtion.
2) If userpro has it’s own comments, you can replace the standard theme comment system from here: http://screencast.com/t/Ic56itglx3h
3) The login was hidden for mobile phones only. For desktop and tablets it is present in the top menu. Please proveide a link to your site so I can provide the proper css to show the login on the mobile version of your site.
Thank you!
Hi Bogdan,
1. I just want to add this code beside the Author Name option 1 or under the Profile Pic option 2: http://prnt.sc/b0vf43
<?php
echo userpro_show_badges($user_id);
?>
2. Is it possible to replace default comments as Facebook comments? if possible what is the correct syntax code? and where to put code? and we decided to go for this Facebook comment option to avoid spam comment on our site.
3. I will send you my credentials via Mail, subject: Login on the mobile version
Regards
Hi,
1) In order to add the code besides the author name in the bottom author box, then you need to add it to this file: http://screencast.com/t/ccOh7k2G
2) In order to implement facebook comments, you have to disable the theme comments and then place the facebook comments shortcode in the template files here: http://screencast.com/t/oTnWURqrAb3
You have to do this for every post style you use on your site. every post style has it;s own file.
3) You can use this css to activate the top menu on the mobile version.
@media (max-width: 767px){
.top-bar-style-1 .td-header-sp-top-menu {
display: block!important;
}
.td-header-top-menu-full {
display: block!important;}
.td-header-sp-top-widget{
display:none!important;
}}
Thank you!
Hi Bogdan,
A million thanks to you.
1. You are a amazing, I manage to put Facebook Comments now without having a Facebook plugin.
Guys I wanna share this to you anybody out there who tried to put FB comment instead of the default one.
Source: Link Here
Here’s what I did:
1. In order to implement facebook comments, you have to disable the theme comments and then place the facebook comments shortcode in the template files.
You have to do this for every post style you use on your site. every post style has it’s own file.
Theme Panel > Post Settings > ENABLE COMMENTS ON POSTS
Enable or disable the posts’ comments, for the entire site. > Disable – Credits to Bogdan B.
2. Add the following code to header.php located /wp-content/themes/Newspaper
after this line: <body <?php body_class() ?> itemscope=”itemscope” itemtype=”<?php echo td_global::$http_or_https?>://schema.org/WebPage”>
add this code:
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=XXXXXX”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
end to before this line: <?php //this is closing in the footer.php file ?> – Credits to Chris S.
3. Add the following code to loop-single.php style and this depends what style number you are using, know or add it to all
styles. My style is loop-single-12.php
add this code:
<div class=”fb-comments” data-href=”<?php echo get_permalink($td_mod_single->post->ID); ?>” data-width=”100%” data-numposts=”5″></div>
end to before this line: <?php echo $td_mod_single->related_posts();?> – Credits to Andrei L.
4. If you are facing this issue “Only one issue–the comment count is appearing twice on our site (www.alaskapublic.org), once in the body of the post and once below. I’d like to delete the upper one. Our comment count is disabled in the theme panel.
Screenshot: http://www.alaskapublic.org/wp-content/uploads/2016/04/Screen-Shot-2016-04-12-at-4.12.41-PM.png” – @sarahglaser
Soln:
Try this css in theme panel > custom code > custom css to hide the first comment counter: http://screencast.com/t/ZyTOiRdT
.fb_comments_count{
display: none;
}
– Credits to Andrei L.
Note to tagdiv staff/admin: Please feel free to remove this comment if not allowed here.
Regards
