TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください(表示は2018年7月時点のものです)。 画像を選択
TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください(表示は2018年7月時点のものです)。 画像を選択
SNSのシェア数を取得できて、サイトの高速化もできる便利なプラグイン「SNS Count Cache」ですが、SNS側の仕様変更によりシェア数が上手く取得できないことが度々ありました。 このブログでもTwitter、Facebookのシェア数を復活させる方法を紹介してきましたが、Facebookのシェア数取得はまだ不安定だったり、最近ではPocketのシェア数も取得できなくなっています。 ということで、現時点(2016年11月)で最新バージョンの「SNS Count Cache(Var. 0.10.0)」でTwitter、Facebook、Pocketのシェア数を復活させる方法を紹介したいと思います。 Twitterのシェア数を復活させるまずはTwitterのシェア数を復活させる方法です。 Twitter公式のAPIが2015年11月に廃止となってしまったので、非公式ではありますが外部のA
いまやFacebook、Twitter、mixiなどSNSへの投稿ボタンをサイトに設置するのが当たり前になっていますね。投稿ボタンは各サービス側で用意されていて設置も簡単ですが、時にはそのデザインがサイトのイメージに合わないことも。実際、オリジナルボタンでお願いされるケースもあるのでこの際まとめてみました。 投稿ボタンのカスタマイズはすでに他のサイトでも紹介されていますが、作業する度に調べるのも面倒なので、自分へのメモも兼ねて紹介します。なお、ここで紹介する方法は、どのボタンもクリックで別窓が開く仕様になっています。また「俺にカウントなんて必要ないぜ」というワイルドな方にピッタリです(笑) 投稿ボタンの設置 Facebook Twitter Google+ mixi Pinterest はてなブックマーク Evernote Facebook 言わずと知れたFaceook。「いいね!」と「シ
サイトの性質がどんなものであれ、現今のネット上でプレゼンスを高めるためには、SNSの活用が不可欠になっている。 コンテンツ発信、トラフィック目的、あるいはファン層やブランドの世界観確立のためなど用途はさまざまだが、その重要性は増すばかりだ。 一方でそんなSNSの利用は面倒なことも少なくない。画像のアップロードひとつでも、プラットフォームごとに最適なサイズが異なり、リサイズするのは非常に手間がかかるものだ。そんな作業を一瞬で終わらせてくれるサービスが、先日公開された「Landscape」だ。 ・画像を7種類のSNSに最適化 Landscapeは、アップした画像を各ソーシャルネットワークや、その投稿タイプに最適な大きさ合わせてリサイズしてくれるフリーツール。ソーシャルネットワーク・マネージメントツールを扱う米のSprout Socialが公開した。 サポートしているサービスはTwitter・F
普通に設置する場合 普通のテキストリンクとして設置する場合には以下のコードを使用します。CSSは適宜調整して下さい。 ※FacebookやGoogle+はogp設定をしていないと正しくシェアできません。opg設定については下記参考サイトが分かりやすいです。 facebook いいねボタン設置時のOGP設定方法♪ | フリーランスWebデザイナーの仕事 Twitter ツイートボタン <a href="http://twitter.com/share?url=共有したいURL&text=ツイート内に含める文字&via=ツイート内に含まれるユーザー名&related=関連アカウント">ツイート</a> Facebook シェアボタン <a href="http://www.facebook.com/share.php?u=共有したいURL" onclick="window.open(this.
Naifix で公開していた以下のページは削除されています。 WordPress プラグイン関連 以下の記事で紹介・解説していたプラグインは何年も更新されておらず、最新版の WordPress で検証したところ正常に動作しないことが確認されたため削除しました。 WordPress のちょっとしたカスタマイズに便利な WP Theme Test https://naifix.com/wp-theme-test/ WordPress テーマカスタマイズに便利な「Theme Test Drive」の使い方 https://naifix.com/theme-test-drive/ ツイート数やはてブ数を取得して高速表示できる SNS Count Cache の使い方 https://naifix.com/sns-count-cache/ Facebook の「いいね!」が激増する WordPres
もくじ PHPでSNSシェア数を取得する オリジナルSNSボタンを設置する シェア数取得〜SNSボタン設置までの流れ おまけ:cssでフキダシの作り方 仕上がりイメージ 仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ(Twitter/Facebook/Google+/はてなブックマーク/LINE)とします。 ※LINEボタンについては残念ながらシェア数の取得方法がわかりませんでしたので、LINEボタンのみ吹き出しはナシです。 ※LINEボタンはオリジナルデザインにできない決まりなので、LINEボタンのみ公式デザインです。 今回もサンプルを作ってみましたよ〜。 サンプル お世話になった記事 今回の記事は以下のサイト様にお世話になりました!ありがとうございます!特にPHPでのシェア数の取得方法は本当に助かりました。もはや今回の記事はこちらのサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く