Czy chcesz dodać oficjalny przycisk udostępniania LinkedIn w WordPress? Istnieje wiele wtyczek mediów społecznościowych, które pozwalają dodawać przyciski udostępniania, ale większość z nich nie korzysta z oficjalnych przycisków. W tym artykule pokażemy, jak dodać oficjalny przycisk udostępniania LinkedIn w WordPress.
Dodawanie oficjalnego przycisku udostępniania LinkedIn w WordPress
W tym poradniku będziesz musiał edytować pliki twojego motywu WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym przewodnikiem na temat kopiowania i wklejania kodu w WordPress.
Najpierw musisz przejść na stronę wtyczki LinkedIn Share. Zostaniesz poproszony o wybranie języka twojej witryny internetowej i stylu przycisku, którego chcesz użyć.
Pole adresu URL można pozostawić puste, ponieważ przycisk udostępniania może automatycznie uzyskać adres URL strony.
Następnie należy kliknąć przycisk „Pobierz kod”, aby skopiować twój kod przycisku udostępniania LinkedIn.
Teraz, gdy mamy już kod udostępniania, dodajmy oficjalne przyciski w twojej witrynie WordPress.
Wyświetlanie przycisku udostępniania LinkedIn we wpisach i na stronach WordPressa
Jeśli chcesz wyświetlić przycisk udostępniania LinkedIn przed treścią twojego wpisu, możesz użyć następującego kodu. Będziesz musiał skopiować i wkleić ten kod do pliku functions. php twojego motywu lub do wtyczki specyficznej dla witryny.
function wpb_linkedin_share_before($content) {
// Share code you copied from LinkedIn goes here
$sharecode .= '<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="top"></script>';
$newcontent = $sharecode .$content;
return $newcontent;
}
add_filter('the_content', 'wpb_linkedin_share_before');
.
Możesz zapisać swoje zmiany i przejść na swoją witrynę internetową, aby zobaczyć je w działaniu.
Jeśli chcesz wyświetlać przycisk udostępniania po treści twojego wpisu, musisz dodać następujący kod.
function wpb_linkedin_share_after($content) {
$sharecode .= '<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="top"></script>';
$newcontent = $content . $sharecode;
return $newcontent;
}
add_filter('the_content', 'wpb_linkedin_share_after');
.
Możesz również dodać skopiowany wcześniej kod przycisku udostępniania LinkedIn bezpośrednio do własnego widżetu HTML WordPress. Wystarczy przejść na stronę Wygląd ” Widżety i dodać widżet „Własny HTML” do panelu bocznego.
Następnie dodaj swój kod przycisku udostępniania LinkedIn wewnątrz własnego widżetu HTML i kliknij przycisk Zapisz, aby zapisać zmiany.
Możesz teraz przejść na twoją witrynę internetową, aby zobaczyć go w działaniu.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo dodać oficjalny przycisk udostępniania LinkedIn w WordPress. Możesz również zobaczyć naszą listę najlepszych wtyczek LinkedIn dla WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Sanket Bhardwaj says
Hey, Thanks for providing this code. I have added this button on my website but now when i want to remove this It came back again and again. I have removed the code from functions.php but it came again and again.
Please help Me.
WPBeginner Support says
Hi Sanket,
Please clear your caches and then try again.
Administrator
Gabriela says
Anyone know why when you share your blog here in WordPress to LinkedIn, there is no picture attached? I do have one but it disappears when I try to share it to LinkedIn. I shared it in Facebook and Twitter and it works good but not in LinkedIn, The text appears good but no picture. I don’t get it. Tips? Thank you!
Emily says
Does anyone know of a way to add the LinkedIn share button to a „free” wordpress, for which I own the domaine? Not sure if this matters, but I think maybe the other company is „hosting” the wordpress page. Anyway, I’ve tried the text widget and adding the html to the end of a blog post. Don’t think either is working because I just get a weird looking hyperlink that takes someone to a page of text….
Electra Ford says
Hi,
I’ve added the code but it’s not showing for me. Any new updates on how to get the LinkedIn share button to display?
Thanks
sinhrakesh says
I used below codes in the Custom Codes section to add Google+ and Linkedin Share buttons on my WP Blog (www.maintec.com/blog):
Google+
<div class=”sharer”><script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script> <g:plusone size=”tall”></g:plusone></div>
Linkedin
<div class=”sharer”><script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share” data-url=”<?php the_permalink(); ?>” data-counter=”top”></script></div>
Google+ Button is working fine but Linkedin Share isn’t getting the desired result upon clicking… Can you please advise whats wrong where?
wpbeginner says
@ThomasRand-Nash No you cannot.
ThomasRand-Nash says
can you change the sizing of the like button?
Crysislevel says
buttons tutorials are my fav. unfortunately i dont use linkedin that much!
wpbeginner says
@SJCParis No you cannot use this on free WordPress.com sites…
SJCParis says
Can I put this button on a free wordpress blog?
wpbeginner says
You are welcome. Yes horizontal one works great, but if you have a floating share box like ours, then the vertical share box is good too.
Kavita says
Thanks for the code. I like the horizontal with count ideal for my blog.
Jeremy Victor says
can you tell me how to add this LinkedIn share button to your Smart Sharing plugin?
Thanks
Editorial Staff says
Copy and paste the LinkedIn script code that we share in this article in the custom code section…
Administrator
Holly says
Thanks for this. I pasted the code in the custom code section, but it’s not working…says „there’s a problem performing this action.” Any help would be greatly appreciated.
Editorial Staff says
Which custom code section?
Keith Aul says
I’m not to sure what you mean by the following?
To add the Official Linkedin Share button simply open up a theme file of your choice (single.php etc) and add the following code within the Post Loop
I don’t want to break anything on my site so I want to be sure I’m able to find the right file and open/edit it. Where would I find the theme file in my dashboard and where in the file do I post the code?
Editorial Staff says
You will find the theme file in your theme’s folder wp-content/themes/yourthemename/ < Editor and edit single.php file. If you have no knowledge regarding WordPress, then we recommend that you wait till a plugin comes out.
Administrator
brad dalton says
How long do you think it will take to build a plugin?
Editorial Staff says
Plugins are probably built and are in the review process to get live in the repository.
Administrator
Dana says
Thanks, great article! Where’s your share button?
Editorial Staff says
We will be adding it soon on the site
Administrator
Piet says
Finally LinkedIn did this, a week too late though, but I managed to make something similar for myself.
Next time I need it, I will just grab your code, thanks!
Eleanor says
I am not a developer, but I found this plugin a few minutes ago. Thank you for the tutorial!
http://wordpress.org/extend/plugins/linkedin-share-button/
Editorial Staff says
This plugin does not have the count option available.
Administrator
Jose Joel says
The Share This Plugin have the option to add the LinkedIn Button as simple as writing linkedin the editing section of the plugin…and this one have count…
Note: I’m not the developer of this plugin, neither work for them, I’m only a regular user…
Jon Bishop says
I’m happy LinkedIn finally did this. I tried to use their API to make my own for the Socialize plugin but it ended up being a pain. I was able to finally use this code to update the plugin with the new LinkedIn button.