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のサイドバーウィジェットに最新のPinterestピンを表示する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのサイドバーにPinterestの最新ピンを表示したいですか?

Pinterestの活動をサイトで共有することで、より魅力的なサイトになり、ソーシャルメディアのフォロワーを増やすことにもつながります。

この投稿では、WordPressのサイドバーウィジェットに最新のPinterestピンを追加する方法を順を追って紹介します。

How to show your latest Pinterest pins in WordPress sidebar widgets

なぜWordPressのサイドバーに最新のPinterest Pinsを表示するのか?

Pinterestは、最も人気のあるビジュアル・ソーシャルメディア・プラットフォームの1つです。Pinterestのボードを増やしたい、または特定のピンに注目を集めたい場合、それらを自社のサイトに表示することで、より多くの表示やシェアを促すことができます。

Pinterestボードの人気が高まるにつれて、サイトに戻るユーザーが増え、トラフィックがさらに増加します。

それでは、最新のPinterestピンをWordPressのサイドバーウィジェットエリアに表示する方法を紹介しよう。以下のクイックリンクを使って、使いたい方法に直接アクセスしてください:

方法1:WordPressのサイドバーウィジェットに最新のPinterestピンを自動的に表示する

WordPressのサイドバーウィジェットエリアに最新のピンを表示する最も簡単な方法は、GS Pinterest Portfolioプラグインを使用することです。

このプラグインを使えば、WordPressサイトのウィジェットエリアにPinterestのピンを簡単に追加できる。さらに、ボードに追加された新しいPinterestピンを自動的に表示します。

最初に行う必要があるのは、プラグインのインストールと有効化です。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、GS Pinterest ” GS Pinterestにアクセスし、’Create New Shortcode’ボタンをクリックしてください。

GS Pinterest add shortcode

次に、Pinterestのユーザー名を「ユーザー名」ボックスに入力し、表示したいPinterestのボード名を「ボード名」ボックスに入力します。

次に、表示するピンの数を選択します。25ピンまで可能です。

Add Pinterest username and board name

その下の「Pins Link Target」ボックスでは、リンクをクリックしたときに新しいタブで開くかどうかを選択できます。また、ピンのタイトルを表示する設定をオンにすることもできます。

次に、「ショートコードを保存」ボタンをクリックする。

Save Pinterest shortcode

その後、ページ上部の「スタイル設定」メニューオプションをクリックします。

これにより、ピンのレイアウトにいくつかの異なるオプションを設定できます。デスクトップ、タブレット、ポートレートモード、モバイル端末での表示方法をカスタマイズできます。

各ドロップダウンからカラム数を選択するだけです。

Pinterest shortcode style settings

次に、’Name of the Shortcode’(ショートコードの名前)ボックスにショートコードの名前を入力し、’Save Shortcode’(ショートコードを保存)ボタンをクリックします。

プラグインは自動的にプレビューを生成するので、先に進む前に変更を加えることができます。

Name and save shortcode

Pinterestのピンをサイドバーウィジェットに追加するには、外観 ” ウィジェットに移動し、「+」追加ブロックアイコンをクリックするだけです。

利用可能なウィジェットエリアは、使用しているWordPressテーマによって異なる場合があります。

Add new block

次に「GS Pinterest」を検索する。

次に、GS Pinterestのブロックをクリックします。

Add GS Pinterest block

その後、作成したショートコードが自動的にリストアップされます。

複数のPinterestピンショートコードを作成した場合は、「GS Pinterest Shortcode」ドロップダウンから使用したいものを選択します。

その後、「更新」ボタンをクリックして変更を保存します。

Select shortcode and publish

ウィジェットについてさらに詳しく知りたい方は、WordPressでウィジェットを追加・使用する方法をご覧ください。

注: ブロックテーマを使用している場合は、外観 “ エディター に移動し、フルサイトエディターを使用して、GS Pinterest ブロックをサイトページテンプレートのサイドバーに追加する必要があります。詳しくは、WordPressフルサイト編集の完全ガイドをご覧ください。

これで、あなたのサイトにアクセスして、最新のPinterestピンを見ることができます。

Latest Pinterest pins example

方法2:WordPressのサイドバーウィジェットに個別Pinterest Pinを手動で表示する

この方法では、サイトにPinterestのピンを個別表示することができる。人気のあるピンを表示し、より多くのトラフィックを送りたい場合は、この設定が良いでしょう。

これを行うには、外観 ” ウィジェットに行き、「+」ブロック追加アイコンをクリックするだけです。

ブロックテーマを使っている場合は、代わりに外観 ” エディターに行って、編集したいページテンプレートを選ぶことができます。その後、ブロックを追加することができます。

次に「Pinterest」を検索し、ブロックを追加する。

Add Pinterest block

次に、表示したいPinterestのピンのURLを入力し、「埋め込み」ボタンをクリックします。

その後、「更新」ボタンをクリックして変更を保存します。

Add Pinterest pin URL

これで、WordPressブログにアクセスして、Pinterestのピンをライブで見ることができる。

注:このPinterestピンは自動更新されません。新規ピンを表示するには、上記と同じプロセスを繰り返す必要があります。

Single Pinterest pin example

この投稿が、WordPressのサイドバーウィジェットに最新のPinterestピンを表示する方法を学ぶのにお役に立てば幸いです。また、無料のビジネスメールアドレスを作成する方法と、専門家が選んだあなたのサイトに最適なAIチャットボットソフトウェアのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

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

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

  1. 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!

  2. Ed Seid says

    Thanks for introducing me to this plugin. As a photographer of beautiful women in Hawaii, I use Pinterest to get inspired. I use the widget to share my ideas with my website audience. Mahalo from Hawaii!

    • wpbeginner says

      @Bstar0306 Yes, the reason why there is a bullet next to it is because of your stylesheet. The plugin outputs it in the list. Sometimes in the stylesheet you may have a general #sidebar li or something similar that has a list-style-type: square etc.

    • bkmacdaddy says

      @Bstar0306 I answered your question when you asked it on my blog. Here’s what I wrote:

      It’s an issue with your theme’s CSS. Simply add the following code at the end of your theme’s style.css file (you can do this in the WordPress admin under Appearance > Editor):

      .widget-area ul li.pins-feed-item {list-style-type:none;}

      Let me know if this helps you out.

    • Adam W. Warner says

      I was just looking for a useful Pinterest widget the other day, thanks @wpbeginner for posting this and also a HUGE thanks to @bkmacdaddy for creating this plugin and making it available. Nice work on taking advantage of the Pinterest momentum;)

返信を残す

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