Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでLinkedInの公式共有ボタンを追加する方法

WordPressに公式のLinkedIn共有ボタンを追加したいですか?共有ボタンを追加できるソーシャルメディアプラグインはたくさんありますが、そのほとんどは公式のボタンを使っていません。この投稿では、WordPressでLinkedInの公式共有ボタンを追加する方法を紹介します。

Adding LinkedIn share button in WordPress

WordPressにLinkedIn公式シェアボタンを追加する

このチュートリアルでは、WordPressのテーマファイルを編集する必要があります。編集したことがない場合は、WordPressでコードをコピー&ペーストする方法をご覧ください。

まず、LinkedIn共有プラグインのページにアクセスする必要があります。サイトの言語と使用するボタンのスタイルを選択するよう求められます。

共有ボタンは自動的にページのURLを取得することができるので、URLフィールドは空白のままにしておくことができます。

次に、「コードを取得」ボタンをクリックして、LinkedIn共有ボタンのコードをコピーする必要があります。

Copy the LinkedIn share button code

共有コードを手に入れたので、WordPressサイトに公式ボタンを追加しましょう。

WordPressの投稿とページにLinkedIn共有ボタンを表示する

投稿コンテンツの前にLinkedIn共有ボタンを表示したい場合は、以下のコードを使用できます。このコードをテーマのfunctions.phpファイルまたはサイト固有のプラグインにコピー&ペーストする必要があります。

[cbk1]

変更を保存し、サイトにアクセスして、実際に動作しているのを確認することができます。

LinkedIn Share button in action

投稿コンテンツの後にシェアボタンを表示したい場合は、代わりに以下のコードを追加する必要があります。

[cbk2]

先ほどコピーしたLinkedInシェアボタンのコードをWordPressカスタムHTMLウィジェットに直接追加することもできます。外観 ” ウィジェットページにアクセスし、「カスタムHTML」ウィジェットをサイドバーに追加するだけです。

次に、カスタムHTMLウィジェット内にLinkedInシェアボタンのコードを追加し、保存ボタンをクリックして変更を保存します。

Linkedin button in a sidebar widget

これで、あなたのサイトにアクセスして、実際に動作しているのを確認することができます。

LinkedIn share button in sidebar

この投稿が、WordPressに公式のLinkedIn共有ボタンを簡単に追加する方法を学ぶのにお役に立てば幸いです。WordPressに最適なLinkedInプラグインのリストもご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでも私たちを見つけることができます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

28件のコメント返信を残す

  1. Sanket Bhardwaj

    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.

  2. Gabriela

    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!

  3. Emily

    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….

  4. Electra Ford

    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

  5. sinhrakesh

    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?

  6. wpbeginner

    @ThomasRand-Nash No you cannot.

  7. ThomasRand-Nash

    can you change the sizing of the like button?

  8. Crysislevel

    buttons tutorials are my fav. unfortunately i dont use linkedin that much! :(

  9. wpbeginner

    @SJCParis No you cannot use this on free WordPress.com sites…

  10. SJCParis

    Can I put this button on a free wordpress blog?

  11. wpbeginner

    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.

  12. Kavita

    Thanks for the code. I like the horizontal with count ideal for my blog.

  13. Jeremy Victor

    can you tell me how to add this LinkedIn share button to your Smart Sharing plugin?

    Thanks

    • Editorial Staff

      Copy and paste the LinkedIn script code that we share in this article in the custom code section…

      管理者

      • Holly

        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.

  14. Keith Aul

    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

      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.

      管理者

    • Editorial Staff

      Plugins are probably built and are in the review process to get live in the repository.

      管理者

  15. Dana

    Thanks, great article! Where’s your share button? ;)

  16. Piet

    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!

    • Jose Joel

      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… :)

  17. Jon Bishop

    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.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。