備忘録：LINEで送るボタンの設置方法。aタグにはターゲット指定を。
最近公式にリリースされたLINEで送るボタンについてちょっと仕事で調べる機会があったので今後のためにメモします。 公式の設置方法｜LINEで送るボタン にて記述例をコピペしたところ何やら変な動き？ 記事上でLINEで送るボタンを押すと当然アプリが立ち上がるんですが、 LINEでの共有が終わったあとブラウザに戻ると、そこにはLINEのサイトが開かれていました。 まぁ何も不思議なことではなくて、公式にも ボタンタップ後、LINEが起動する前にWebブラウザが表示されます。 とあるようにそういう仕様なので、LINEで送るボタンのaタグにtarget=”_blank”を指定してあげればとりあえずはOKです。 記述例 Webサイトの場合 <a href="http://line.naver.jp/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahtt
円形に広がるソーシャルシェアボタン実装jQueryプラグイン「jOrbital」:phpspot開発日誌
jOrbital - jQuery round menu 円形に広がるソーシャルシェアボタン実装jQueryプラグイン「jOrbital」 ソーシャルボタン限定というわけではなさそうですが、ボタンにカーソルを合わせると円形にメニューが広がる物が作れます カーソルを合わせるとアニメーションしながら円形にソーシャルボタンがカッコよく現れます 個人的に、なんかつい押したくなるデザインだなと思いました。 ボタン部分のマークアップも次のように見やすいです 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 かなりクールなjQueryのメニュープラグインやチュートリアル集 ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 通知件数表示付きのメニュー実装jQueryプラ
「Pinterestに投稿する」ボタンをWordPressに設置するコード
Pinterestが流行ってますね。こうした ソーシャルサイトには必ずある投稿ボタン ですが、勿論、Pinterestにもあります。 その「Pinterestに投稿する」ボタンを WordPressに設置するコードをご紹介 致します。 僕はGimme barが便利で性に合ってるのでPinterestは特に必要ないんですが、人気みたいなのでブログに貼る「投稿するボタン」をご紹介してみます。 Pin Itボタンはココで作成します。以下はこのコードをWordPress用にしたものです。 footer.phpに以下のスクリプトを貼ります。 <script type="text/javascript"> (function() { window.PinIt = window.PinIt || { loaded:false }; if (window.PinIt.loaded) return; win
ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る
Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。 普段、TwitterではURLとともに感想が書いてあることが多く、フィードバックのツールとしてTwitterを利用しているWebサイトも少なく有りません。このフィードバックをもっと簡易的にしてみよう、というのが今日の内容です。 サンプルは記事の下のほうにあります。 jQueryを使います。僕は基本的にWordPressを使う人なのでWPにあわせたコードです。便宜変更してください。 $(function(){ var url = "<?php the_permalink() ?>"; var post_title = "<?php the_title(); ?>"
Movable Typeの概要フィールドでリッチテキストが使える「ExcerptRichTextプラグイン」バージョンアップ
公開中の「ExcerptRichText プラグイン」を2年ぶりにバージョンアップしました。 このプラグインは、Movable Typeの「概要」フィールドでリッチテキストなどの各種フォーマットを使えるようにするためのものです。 プラグイン適用前 プラグイン適用後（概要のタブが表示） また表示オプションの「概要」が非表示になります。 １．修正内容 このプラグインはMovable Type 4.x向けに作成したものですが、冒頭の画像のようにMovable Type 5.0xで動作することを確認しました。それによる機能変更は特になく、YAMLで書き直したのみとなります。 ２．ダウンロード 最新版のプラグインは下記のページよりダウンロードしてください。 ExcerptRichText プラグイン
Movable Typeの記事投稿画面の公開ボタンを改善する「PublishButtonChangerプラグイン」バージョンアップ
Movable Type 5.0xのブログ記事投稿画面・ウェブページ作成画面の公開ボタンをクリックしたときにダイアログを表示したり、ボタンの色を変更して間違って公開しないようにするための「PublishButtonChangerプラグイン」をバージョンアップしました。 このプラグインは、次のように「公開」ボタンをグレーにして、さらに「公開」ボタンをクリックしたときに「記事を公開してもいいですか？」というダイアログを表示します。 １．変更点 「日時指定」のチェックボックスをチェックした状態で、 「保存」または「変更を保存」ボタンをグレーからブルーに変更 「保存」または「変更を保存」ボタンをクリックしたときに「記事を公開してもいいですか？」というダイアログが表示される不具合を修正 変更前1（「保存」ボタンがグレー） 変更前2（「保存」をクリックすると公開しない状態にもかかわらず不適切なダイアロ
Movable Typeの公開ボタンの動作を変更する「PublishButtonChangerプラグイン」
Movable Type 5.0xのブログ記事投稿画面・ウェブページ作成画面の公開ボタンの動作を変更するPublishButtonChangerプラグインを公開します。 デフォルトでは「公開」ボタンの配色が青色になっているせいか、記事を下書き保存しようとして、うっかり「公開」ボタンをクリックしてしまうこともあるようです（私も何回かありました）。また、クリックした途端に記事が公開されてしまいます。 このプラグインではこれらのヒューマンエラーをなくすための機能をいくつか盛り込んでいます。私自身、このブログにプラグインを導入してから、そのようなエラーがなくなりました。 １．機能 ブログ記事・ウェブページ作成画面で青色の配色になっている「公開」ボタンの配色をグレーに変更し、「下書き保存」を青色に変更しています。公開後はデフォルトの配色になります。 プラグイン適用前 プラグイン適用後 また、ブログ記
Google+1/Twitter/facebookいいね!/facebook Share/mixiチェック/mixiイイネ!/GREEいいね/Evernote/はてブのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
Twitterの公式ツイートボタンを(X)HTML validにする方法
Twitterの公式ツイートボタンのページで作成したボタン（下）を、ブログなどに表示しているサイトが増えてきました。当サイトも表示しています。公式ツイートボタンの設置方法は「WordPress/Movable Typeに公式ツイートボタンを設置する」で詳しく紹介しています。 ところで、このボタンを表示するコードをページに貼り付けると、XHTML1.xやHTML4.01のページがvalidにならなくなる場合があります。 本エントリーでは、問題点の簡単な解説と、設置したTwitterの公式ツイートボタンを(X)HTML validにする方法を紹介します。 １．問題点 公式ツイートボタンのページでは、公式ツイートボタンを表示するために、次のようなコードを生成します。 このコードを埋め込んだ、DOCTYPEがXHTML1.0のページをThe W3C Markup Validation Servic
WordPress/Movable Typeに公式ツイートボタンを設置する
Twitterの公式ツイートボタンをWordPressやMovable Typeに設置する方法を紹介します。当サイトでも次のように設置してみることにしました。 公式ツイートボタンは、ブログなどの記事に生成したコードを貼り付けることで、記事のツイートなどが簡単に行えるようにするためのものです。 数字の部分をクリックすると、該当記事の検索結果画面を表示します。また、「ツイートする」をクリックすれば、ポストに記事タイトルとユーザー名が埋め込まれたツイート画面が表示されます。 ということで今更な感がありますが、設置方法を紹介します。ツイートボタンは公式ツイートボタンのページで作成します。 公式ツイートボタンのページ １．ボタンの形式選択 まず、ボタンの形式を選択します。 選択した形式は、ブログにコードに含まれるa要素のクラス属性「data-count」の値となります。それぞれの値は次の通りです。
公式の「ツイートボタン」より少し高機能なWordPressのプラグイン -WP Tweet Button
先日、Twitterの公式サイトから「ツイートボタン」がリリースされましたが、それより少し高機能なWordPressのプラグインを紹介します。 ※2010年8月現在、当サイトでも利用中。 WP Tweet Button 公式のツイートボタンと比較すると、下記の点で高機能となっています。 ボタンの表示は、自動、手動、ショートコードに対応。 テーマファイルの修正無しで配置が可能です。 自動の配置場所は、天・地・天地。 表示するページの選択が可能。 各記事、フロントページ、RSS Feedへの表示をそれぞれ選択できます。 管理画面でスタイルシートが変更可能。 ボタンを内包しているdiv要素とリンクの二つが変更できます。 追記：bit.ly, tinyurl.comなどの短縮サービスに対応。 追記：Twitter Friendly Linksをサポート。 ボタンの言語は、日本語にも対応（公式と同じ
Twitter公式のツイートボタンがついに登場、誰でも簡単に設置可能
見ているページをTwitterに投稿する仕組みとしていろいろなボタンとウェブサービスがこれまでも提供されてきましたが、ついにTwitter公式のツイートボタンが登場しました。単純に見ているページのアドレスをツイートするだけでなく、そのページを何人がツイートしているかも見ることができるボタンも作成可能で、ツイート後に自分のアカウントやほかの人のアカウントをフォローするように促すこともできるというなかなかスグレモノのボタンとなっています。 なお、読者からの要望で「GIGAZINEにもツイートボタンが欲しい」というのが多かったので、早速GIGAZINEにもくっつけてみました。 というわけで、実際に設置するにはどうすればいいかという手順は以下から。 Twitterブログ: ツイートボタンでリンクを簡単に共有しよう まず下記の公式サイトにアクセスします。 Twitter / ツイートボタン http
ブログ内に「Twitterへの投稿」ボタンを設置できるサービス「Tweetmakr」*二十歳街道まっしぐら（FC2ブログ時代）
「Tweetmakr」はリツイートボタンをブログ内に設置できるサービスです。 リツイートの内容は自分でお好みのテキストを設定できます。 特にすごいサービスってわけじゃないですが、誰でも簡単に使えそうなので取り上げます。 せっかくなのでFC2ブログにおいて「タイトル＋URL」を投稿するボタン作成方法も載せておきますね。 ※こういったボタンが作れます↓ 以下に使ってみた様子を載せておきます。 まず「Tweetmakr」にアクセスします。 テキストボックスがあるので、そこにリツイート後（ボタン押した後）のメッセージを入力します。 たとえば、「おはよう」と入力すると、出来上がったリツイートボタンをクリックすると、Twitterに「おはよう」と投稿されます。 「Create」をクリックして、コード生成です。 あとは出来上がったコードをテンプレートにコピペするだけ。 リツイートボタンをクリックするとこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソーシャルブックマーク＆投稿ボタンの設置② | Digi-Cyber.net
ブログの記事に「twitterにつぶやく」アイコンをつける その2 - Open MagicVox.net