一応
http://concrete5-japan.org/community/forums/development/post-908/
の方法は、自分的には5分でちょちょいと設置できる気軽な設定ですが、でも、気軽に設置できる、アドオン作らないといけないですよね。
誰か作ってくれないかな〜、無料で・・・ (￣ー￣)ﾆﾔﾘ
acliss さんぐらいに〜 (￣ー￣)ﾆﾔﾘ
ソーシャルボタン
2012年3月18日 at 10:13
海外向けのソーシャルボタンはあるようですが、国内向けで使用できるブロックが欲しいです。concrete5 japanさんのオフィシャルページで設置しているものを使用することはできませんか？
Re: ソーシャルボタン
2012年3月20日 at 1:30
補足。
この concrete5 Japan のサイトでは、ブロックではなく、テーマに直接、プログラムコードや Javascript を入れています。
このサイトは、以下のことをしています。
□ Twitter ツイートボタンと Facebook いいねボタン設置方法
http://concrete5-japan.org/community/forums/development/post-908/
□ はてブ ボタン 設置方法
http://concrete5-japan.org/community/forums/development/post-979/
□ Mixi チェックイン ボタン 設置方法
http://concrete5-japan.org/community/forums/development/post-971/
□ Google Plus
http://concrete5-japan.org/community/forums/development/post-2518/
これらを、Main エリアの上、テーマファイルに直接記述しています。
concrete5 のテーマファイル自体も PHP で作られているので、ブロック以外にも直接プログラミングができます。
ブロックを作るのは面倒くさく、ソーシャルボタンの配置の場所も固定する予定だったので、テーマにしました。
tomoac さん、テーマに直接記述するときの記述をまとめて Gist にしてみました。
http://gist.github.com/2116372
どうじょ
この concrete5 Japan のサイトでは、ブロックではなく、テーマに直接、プログラムコードや Javascript を入れています。
このサイトは、以下のことをしています。
□ Twitter ツイートボタンと Facebook いいねボタン設置方法
http://concrete5-japan.org/community/forums/development/post-908/
□ はてブ ボタン 設置方法
http://concrete5-japan.org/community/forums/development/post-979/
□ Mixi チェックイン ボタン 設置方法
http://concrete5-japan.org/community/forums/development/post-971/
□ Google Plus
http://concrete5-japan.org/community/forums/development/post-2518/
これらを、Main エリアの上、テーマファイルに直接記述しています。
concrete5 のテーマファイル自体も PHP で作られているので、ブロック以外にも直接プログラミングができます。
ブロックを作るのは面倒くさく、ソーシャルボタンの配置の場所も固定する予定だったので、テーマにしました。
tomoac さん、テーマに直接記述するときの記述をまとめて Gist にしてみました。
http://gist.github.com/2116372
どうじょ
Re: ソーシャルボタン
2012年3月20日 at 7:04
補足の補足。OGPタグはこのアドオンで自動で挿入できます 
http://github.com/hissy/c5-open-graph-tags-lite/tree/master/packages
OGPを設定できたらあとは各ボタンのコードを各サイトから取得してテーマに貼っつけるだけでいけますよん。
http://twitter.com/about/resources/buttons
http://developers.facebook.com/docs/reference/plugins/like/
http://developer.mixi.co.jp/connect/mixi_plugin/favorite_button/get_html_code/
http://b.hatena.ne.jp/help/bbutton
http://www.google.com/intl/ja/webmasters/+1/button/index.html
…と思ったけど、貼っつけるだけなのはTwitterとG+1だけだった。+1もfooter_requiredにJavascriptを出力しないと行けないので面倒だな。
はてブボタンはURL必須なのでちょっとめんどくさい。Katzさんのリンク先を参照。
FacebookはAdmin ID、MixiもIDを発行しないとそもそも動かないという面倒仕様。使って欲しいのか欲しくないのか…。
うわー、アドオン作るかな〜
http://github.com/hissy/c5-open-graph-tags-lite/tree/master/packages
OGPを設定できたらあとは各ボタンのコードを各サイトから取得してテーマに貼っつけるだけでいけますよん。
http://twitter.com/about/resources/buttons
http://developers.facebook.com/docs/reference/plugins/like/
http://developer.mixi.co.jp/connect/mixi_plugin/favorite_button/get_html_code/
http://b.hatena.ne.jp/help/bbutton
http://www.google.com/intl/ja/webmasters/+1/button/index.html
…と思ったけど、貼っつけるだけなのはTwitterとG+1だけだった。+1もfooter_requiredにJavascriptを出力しないと行けないので面倒だな。
はてブボタンはURL必須なのでちょっとめんどくさい。Katzさんのリンク先を参照。
FacebookはAdmin ID、MixiもIDを発行しないとそもそも動かないという面倒仕様。使って欲しいのか欲しくないのか…。
うわー、アドオン作るかな〜
Re: ソーシャルボタン
2012年3月20日 at 12:39
Tomoac さん。
おお。動作に問題は無いですが、これだと
URL が「index.php?cID=xxx」な時だと、その URL がシェアされてしまうので、
みたいな細工を加えるといいかもしれません。 $SocBtnWidth $SocBtnHeight など適宜に変えておいてください。
この細工は、編集モードなどで正規の URL で表示されていない時に、間違ってユーザーがシェアしてしまわないようにするためのセーフティーガードです。
おお。動作に問題は無いですが、これだと
URL が「index.php?cID=xxx」な時だと、その URL がシェアされてしまうので、
<?php
$SocBtnWidth=200; // width of comment area
$SocBtnHeight=50; // height of comment area
$req = Request::get();
if ($req->getRequestCollectionID() > 1 && $req->getRequestPath() == ''
&& $_SERVER['REQUEST_METHOD'] != 'POST') {
// This is a request that is directly for the cID, rather than the path
$u = new User();
// Get the page object for the current cID
if (!$c->isError()) {
?>
<div class="ccm-edit-mode-disabled-item" style="width:<?php echo $SocBtnWidth; ?>px; height:<?php echo $SocBtnHeight; ?>px;">
<div style="padding:8px 0px; padding-top: <?php echo round($SocBtnHeight/2)-10; ?>px;"><?php echo t('Content disabled in edit mode.'); ?></div>
</div>
<?php } else { ?>
// ここに、URL がきちんと表示された時に表示する
<?php } ?>
みたいな細工を加えるといいかもしれません。 $SocBtnWidth $SocBtnHeight など適宜に変えておいてください。
この細工は、編集モードなどで正規の URL で表示されていない時に、間違ってユーザーがシェアしてしまわないようにするためのセーフティーガードです。
Re: ソーシャルボタン
2012年3月23日 at 19:52
index.php?cID=xxx になった時に表示しないと言うよりは、ボタンから正しいURLを指定すればOKだと思いますが…。
あと、グローバル変数の$cはあんまし使わないでね、ってことになったと思います。ソース紛失。
ぼくのアドオンではこう言うふうに書いています。
あと、グローバル変数の$cはあんまし使わないでね、ってことになったと思います。ソース紛失。
ぼくのアドオンではこう言うふうに書いています。
$page = Page::getCurrentPage();
$url = BASE_URL . DIR_REL . $page->getCollectionPath();
Re: ソーシャルボタン
2012年3月23日 at 19:59
XMLの名前空間が必要なのは、XHTMLのLikeボタンの場合のみです。HTML5では必要無いです。ただ、HTML5版でも、<body>タグの直後にJavaScript SDKを埋め込む必要があり、ブロックから行うのは無理です。仕方が無いので<body>タグの直後は諦めて、ブロックの先頭に入れるしか無いですね。そうすると、ブロックが複数になった時に、2個目以降はJavaScript SDKが入らないようにしないといけません。そんなことできるのかな…。
一番簡単なのは、「送る」ボタンを諦めればiframe版を使うことですね。でもページの読み込みが遅くなります。
Mixi関係は、WordPressプラグインを過去に作ったので参考になるかも？です。
http://notnil-creative.com/blog/archives/470
一番簡単なのは、「送る」ボタンを諦めればiframe版を使うことですね。でもページの読み込みが遅くなります。
Mixi関係は、WordPressプラグインを過去に作ったので参考になるかも？です。
http://notnil-creative.com/blog/archives/470
Re: ソーシャルボタン
2012年3月24日 at 8:34
無くても動くと思いますが、XHTMLは仕様が厳格なので、名前空間で定義していない要素は入れられないんでしょう。というかなぜFacebookがこんな仕様にしたのかよく分かりません…。
Re: ソーシャルボタン
2012年3月25日 at 7:20
header.phpを書き換えるのはマズイと思いますよ…。アップグレードで書き換わる可能性がありますし、header.phpに<body>タグがあるとは限らないですし。
Re: ソーシャルボタン
2012年3月25日 at 16:03
Fackbookのサイトを見て、コード入れ替えました。
twitter, google+1, hatena, mixi, facebook に対応できたと思います。
こんなんでどうでしょう。
添付でも、以下からでもダウンロードできます。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
twitter, google+1, hatena, mixi, facebook に対応できたと思います。
こんなんでどうでしょう。
添付でも、以下からでもダウンロードできます。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
Re: Re: ソーシャルボタン
2012年3月25日 at 11:00
ソーシャルボタンに、HATENAを追加しました。
「こんなブロックを作ってみませんか？」ということで作ってみました。
そんなことから自分でどうしたい！ってのがないので、どういう仕様がいいのか機能がいいのかよくわかりません。
ここは違う！とかここはこうすべき！とかご意見いただければ改良します。
index.php?cID=xxx には、未対応です。
以下からダウンロードできます。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
「こんなブロックを作ってみませんか？」ということで作ってみました。
そんなことから自分でどうしたい！ってのがないので、どういう仕様がいいのか機能がいいのかよくわかりません。
ここは違う！とかここはこうすべき！とかご意見いただければ改良します。
index.php?cID=xxx には、未対応です。
以下からダウンロードできます。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
Re: Re: ソーシャルボタン
2012年7月11日 at 12:45
http://www.furisode-kimono.net/index.php/
になります。
cssのtable設定をいろいろやってみたのですが、変わりませんでした。
あと、先ほど言ってた右にスロールバーが出るサイトも同様のサイトです。
同じ仕様（若干、コンテンツとメニュー部の幅設定が違います）
で作った下記のサイトは、IEでも正常に見えていると思うのですが・・・
http://www.kawaman.co.jp/
以上、よろしくお願いいたします。
になります。
cssのtable設定をいろいろやってみたのですが、変わりませんでした。
あと、先ほど言ってた右にスロールバーが出るサイトも同様のサイトです。
同じ仕様（若干、コンテンツとメニュー部の幅設定が違います）
で作った下記のサイトは、IEでも正常に見えていると思うのですが・・・
http://www.kawaman.co.jp/
以上、よろしくお願いいたします。
Re: Re: Re: ソーシャルボタン
2012年7月11日 at 22:36
ずいぶんきれいなサイトですね。感動しました。
出力するタグを換えてみました。
以下からダウンロードしてください。Version 0.4.4 です。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
どうでしょうか。
出力するタグを換えてみました。
以下からダウンロードしてください。Version 0.4.4 です。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
どうでしょうか。
Re: ソーシャルボタン
2012年7月14日 at 10:53
ソーシャルボタンを作り変えました。
momoさん。囲っていたタグをなくしましたのでこれで確認ください。
あとview.phpをシンプルにしましたのでこの編集ができるならそれを開いてタグを加えてみてください。
今出ているタグは必要最小限です。
主な変更点（機能面）
１．表示の順番変更ができるようになりました
２．facebookのオプションを増やしました
主な変更点（内部）
１．囲っていたtableやdivタグをとりました
２．view.phpをシンプルにしたので、自由にタグをつけたりとったりしてください
３．データベースをシンプルにしました（JSON対応：山野井さんの助言で）
＊まだつくりたてなので、バグがあると思います。見つけたらご指摘ください。
＊いまいろいろいじくってますので、機能要望があればすぐに対応します。（あす日曜日まで）
momoさん。囲っていたタグをなくしましたのでこれで確認ください。
あとview.phpをシンプルにしましたのでこの編集ができるならそれを開いてタグを加えてみてください。
今出ているタグは必要最小限です。
主な変更点（機能面）
１．表示の順番変更ができるようになりました
２．facebookのオプションを増やしました
主な変更点（内部）
１．囲っていたtableやdivタグをとりました
２．view.phpをシンプルにしたので、自由にタグをつけたりとったりしてください
３．データベースをシンプルにしました（JSON対応：山野井さんの助言で）
＊まだつくりたてなので、バグがあると思います。見つけたらご指摘ください。
＊いまいろいろいじくってますので、機能要望があればすぐに対応します。（あす日曜日まで）
Re: ソーシャルボタン
2012年7月15日 at 10:53
不具合が見つかり対策しましたので、最新版をリリースします。
Version0.5.2 です。
添付のほか、以下からもダウンロードできます。（履歴や注意事項も書いています）
http://concrete5.tomo.ac/osusumeblock/socilabutton/
変更点（Ver. 0.5.0以降）をまとめますと
１．各ボタンをDIVタグで囲っていたがやめて、余分なタグは出力しないようにした。
２．Facebookのボタンの設定項目を増やした。
３．Mixiでキーがない場合表示しないようにした。
４．コードおよびデータベースを含めて作り変えています。
Version0.5.2 です。
添付のほか、以下からもダウンロードできます。（履歴や注意事項も書いています）
http://concrete5.tomo.ac/osusumeblock/socilabutton/
変更点（Ver. 0.5.0以降）をまとめますと
１．各ボタンをDIVタグで囲っていたがやめて、余分なタグは出力しないようにした。
２．Facebookのボタンの設定項目を増やした。
３．Mixiでキーがない場合表示しないようにした。
４．コードおよびデータベースを含めて作り変えています。
Re: ソーシャルボタン
2012年7月16日 at 12:02
なんどもすみません。
ソースを github にアップしたことに伴う不手際で、解凍時のフォルダ名が異なってしまってました。
修正しましたので、この添付（version 0.5.3）を使ってください。
以下のURLか、GITHUB（tomoac-button）からダウンロードも可能です。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
ソースを github にアップしたことに伴う不手際で、解凍時のフォルダ名が異なってしまってました。
修正しましたので、この添付（version 0.5.3）を使ってください。
以下のURLか、GITHUB（tomoac-button）からダウンロードも可能です。
http://concrete5.tomo.ac/osusumeblock/socilabutton/
Re: ソーシャルボタン
2012年7月4日 at 12:56
yamanoiです。
下のスクリプトを使って,htmlブロックで書くのが簡単だと思います。
http://itra.jp/jquery_socialbutton_plugin/
複数ページに入れるにはスタックに入れておくとかすればよいと思う。
参考までに
ソーシャルブックマークというのがありますので
これに手を入れるのも１つかもしれません。
http://www.yamanoi.org/concrete5/download/bookmark/
下のスクリプトを使って,htmlブロックで書くのが簡単だと思います。
http://itra.jp/jquery_socialbutton_plugin/
複数ページに入れるにはスタックに入れておくとかすればよいと思う。
参考までに
ソーシャルブックマークというのがありますので
これに手を入れるのも１つかもしれません。
http://www.yamanoi.org/concrete5/download/bookmark/
takuro hishikawa
Re: ソーシャルボタン
http://concrete5-japan.org/community/forums/chat/post-912/post-3820/