ソーシャルメディア

スポンサーリンク
WordPress

[WP]Instagramの写真や動画をWordPressに表示できるプラグインInstagram Feed

Instagramに掲載されている写真をWordPressのTOPページなどに掲載(連携)できるプラグインInstagram Feedのご紹介です。Instagramにログインした状態で、WordPressの管理画面からアクセストークンとユ...
WordPress

[WP]SNSシェア数をキャッシュして表示できるSNS Count Cacheプラグインの使い方

ブログに設置したSNS ボタンクリック時のシェア数をキャッシュして表示することができるWordPressプラグインSNS Count Cacheのご紹介です。キャッシュして表示するため、SNSボタンをそのまま置いた時よりも読み込み速度の改善...
ソーシャルメディア

[FB]Facebook Page Pluginの設定方法

2015年6月よりFacebook のLike Boxが廃止され、今後はFacebook Page Pluginというプラグインを利用することになります。今回はそのFacebook Page Pluginの設置方法をまとめてみました。Fac...
ソーシャルメディア

[FB]Facebook「いいね!」ボタンのSDKパスの変更について(2015年5月〜)

2015年5月より、Facebook プラットフォームのアップグレードに伴い、API のバージョンが2.0へ変更なります。それに伴い、サイトやブログにFacebook の「いいね!」ボタンを掲載している場合は、<body>タグ直下に記述する...
ソーシャルメディア

[FB]Facebookページは「フォロー」ボタンが効かない模様

恥ずかしながら知らなかったので、今後の為にもシェアさせていただきました。Facebookの「フォロー」ボタンをFacebook ページに使おうとしたのですが、ボタンをクリックすると、赤字で「エラー」と表示され…エラーリンクをクリックするとU...
ソーシャルメディア

[FB]FacebookのLike Boxを可変にする方法

FacebookのLike Boxプラグインをブログコンテンツの幅に合わせて可変対応(レスポンシブ対応)する方法のご紹介です。FacebookのLikeボックスを可変に※FacebookのLike Boxをブログに設置する方法は、別途こちら...
WordPress

[WordPress]投稿記事を自動でTwitterに連携するプラグインWP to Twitterの使い方

WordPress の投稿を自動でTwitter にツイートしてくれる連携プラグインWP to Twitter。IFTTTのようにツイートする際のテンプレートを自由にカスタマイズできるだけでなく、カスタムツイート機能を使って記事別にツイート...
CSSスニペット

[CSS]Facebookの「Like Box」の背景色を変更する方法

FacebookのLike Boxプラグインに使える背景色が「light」と「dark」の2種類しかないため、今回はブログのデザイン(背景色)に合わせてLike Boxの背景色を変更する方法を紹介させていただきます。※Like Boxの設置...
ソーシャルメディア

[FB]Facebookアプリの作成と公開方法のまとめ(2014年版)

Facebookの開発者ページのUIが変化してきていることもあり、今回はFacebookアプリの作成方法を2014年度版としてまとめ直しました。Facebookアプリを新規に作成するFacbeookの開発者ページへアクセスします。Facbe...
CSSスニペット

[CSS]Javascriptを使わずにCSSでTwitterフォローボタンをデザインする方法

TwitterのフォローボタンをCSSでデザインする方法のご紹介です。以前に紹介させていただいたTwitter フォローボタンをテキストリンクにする方法を使えば、HTMLとCSS だけでTwitter フォローリンクを設置することができるよ...
ソーシャルメディア

Twitterフォローボタンをテキストリンクにする方法

Javascriptを用いずに、TwitterのフォローリンクをテキストリンクにしたりCSSでオリジナルボタンに装飾する方法のご紹介です。フォローリンクをテキストにするフォローリンクを置きたい場所に、以下のようなa タグを書きます。scre...
CSS

[CSS]ブログに埋め込んだツイートのデザインをCSSで変更する方法

Twitter のツイートをブログに埋め込んで表示させる場合に、幅を100% に変更したり、デフォルトの引用デザインではなく自分のブログに合ったオリジナルデザインへと変更する方法のご紹介です。Twitter 引用部分のデザインの構成を確認ブ...
WordPress

Twitterのツイートをブログに埋め込む方法

ブログにTwitterのツイートを埋め込む(引用する)方法をまとめました。ちなみに、この「ウェブアンテナ」はWordPressで構築されているので、WordPressの記事でツイートの引用を表示させる方法も合わせて紹介させていただきます。T...
ソーシャルメディア

[FB]FacebookのLike Boxをブログに設置する方法

WordPressなどのブログにFacbeookのLike Boxを設置する方法のまとめです。Facebook アプリの作成方法はこちらの記事にまとめていますので、必要に応じて参考にしてみてください。Facebook のLike BoxFa...
ソーシャルメディア

ブログに「LINEで送る」ボタンを設置する方法

LINEユーザーの爆発的な伸びに伴い、プライベートやビジネスを問わず、ブログに「LINE で送る」ボタンを置くケースが増えてきています。そこで今回は、LINEの公式サイトで掲載されている手順を参考にブログに「LINE で送る」ボタンを掲載す...
WordPress

[WordPress]ブログにFacebookのCommentsプラグインを設置する方法

WordPressのブログにFacbeook Commentsプラグインを設置する方法をまとめました。今回は、Facebookアプリの作成方法は割愛させていただき、Commentsプラグインのコード生成の紹介が中心になりますので、アプリ作成...
ソーシャルメディア

Facebook(フェイスブック)ユーザーIDの確認方法

Facebookの個人ユーザー及び、FacebookページのIDを取得する方法のご紹介です。FacbeookユーザーのIDの取得FacbeookユーザーのIDはユーザーネームでアクセスすると取得できます。2行目にidが表示されます。Facb...
ソーシャルメディア

Facbeookで「一時的にアカウントをご利用いただけなくなっています」のエラーが出る場合

Facbeookへアクセスすると一時的にアカウントをご利用いただけなくなっています。当サイトに問題が発生したため、現在アカウントにアクセスできません。まもなく回復する見込みですので、しばらくしてからもう一度実行してください。のメッセージが出...
WordPress

[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグインWP Social Bookmarking Light

Twitterの「ツイート」やFacebookの「いいね!」の他、mixiやはてなブックマークなどの各種ソーシャルボタンを一元管理できるWordPressプラグインがWP Social Bookmarking Lightです。結構前からある...
WEBサービス

[WordPress]IFTTTでWordPressのブログ記事をTwitterに連携する方法

Instagramの写真をDropboxに保存したり、Gmailの重要なメールをEvernoteに保存したりなど、様々なWEBサービスやSNS同士を連携させることができるIFTTT。今回は、このIFTTTを使ってWordPressの投稿記事...
WordPress

[WP]Wordbookerでカスタム投稿タイプの記事もFacebookに連携する方法他、2013年4月時点のWordbooker設定方法のまとめ

久々にFacebookを使う機会もあってか、昔は利用していたFB連携に便利なWordPressプラグインWordbookerを改めてを使ってみました。個人的にはIFTTTの方が連携がやりやすくて好きなのですが、プラグインを使ってWordPr...
WordPress

[WP]jQueryでツイート数、いいね数などを取得して、WordPressの記事別に設置する方法

jQuery で Twitter のツイート数や、Facbeook のいいね数を表示する方法が人力検索はてなに掲載されていたので、これに「はてブ」も加えて、WordPressの記事毎にjQueryでSNSのカウント数(いいね数やツイート数な...
Javascript・jQuery

[JS]FacebookやTwitter、はてブなどのソーシャルボタンを非同期で読み込む方法

Facebookの「いいね」やTwitterの「ツイート」、Google +1の「+1」などの各種ソーシャルボタンの読み込みを非同期にすることで、ページの表示速度を向上させる方法です。Facebook、Twitter、Goolge +1の他...
WordPress

[WordPress]Open Graph ProプラグインによるOGP設定方法まとめ

WordPressの管理画面内でOGP 設定を一元管理したい場合に便利なプラグインOpen Graph Proのご紹介です。Facebookとの連携部分が少々ややこしいため、本ブログ記事の序盤をFacebookの設定、後半をOpen Gra...
ソーシャルメディア

OGP設定における<meta name=”author”>について

OGPの設定方法とFacebookデバッガー の利用方法の記事でも紹介させていただいた通り、OGP設定が正常になされているか?を確認するツールとして便利な「Facebookデバッガー」ですが、別のブログでデバッグをかけると <meta na...
スポンサーリンク