■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。

Facebookの投稿ボタン

kimipapa > Facebookの投稿ボタン @ 2012/7/1 17:12
現在Baserをインストールして、公開前にいろいろと試している段階です。
代名の通り、Baserには「Facebookの投稿ボタン」の設置ができないようですが、
ブログや固定ページで、Facebookの投稿ボタンのようなものを付けられる、プラグインはありませんか?

ご教授くださいませ。

■ BaserCMSのバージョン:2.0.2
■ レンタルサーバー名:LHX(リンククラブ)
■ スマートURLの利用: [ON]
■ 設置フォルダ: [ドキュメントルート]
■ 利用しているデータベース: [MySQL]
■ PHPスキル(自己評価): [E]
goichi > Re: Facebookの投稿ボタン @ 2012/7/1 17:47
こんにちは(^^

投稿ボタンっていうのはソーシャルボタンの事ですよね。
baserCMSの専用プラグインでは無いと思いますが、
HTMLとかjavascriptが少しお分かりになるのなら、jquery製のプラグインもあるみたいです。
あと、私が個人的にbaserCMSでよく使うのはこんなヤツです。

もし、投稿ボタンというのがコメント投稿フォームという事でしたら、
確かアプリ登録が必要だったと思うので、「facebook コメント投稿フォーム」で検索すると出てくると思います。

どのみち、レイアウトテンプレート等を少し変えないとイケないので、手間は手間かもしれません。。。。



kimipapa > Re: Facebookの投稿ボタン @ 2012/7/1 20:10
goichiさま
早速のご返答、感謝いたします。ありがとうございます!
http://cielquis.net/smb/
のページを拝見させていただきました。
JavaScript ライブラリをダウンロードしました。
アドバイスいただいた内容では、
1.ダウンロードしたライブラリをアップ
2.レイアウトテンプレートを上記ライブラリを読み込むように修正
そうすることによって、書き込み時にソーシャルボタンが反映される。
という理解でよろしいでしょうか?

ここからは質問です。

Q1.ダウンロードしたスクリプトはどこにアップロードしたら良いのか?
以下のところにアップロードしました。
使用中のテーマで
Javascript一覧に新規ファイルで作成
md5とsmbのスクリプトファイルを新規で付け加えました。

Q2.コンテンツテンプレートの修正は

テンプレートの修正がわからなかったので
投稿する記事のところにhtmlで表示させて
script type="text/javascript"
!--
smb.show(smb.hatena | smb.twitter | smb.facebook | smb.tumblr | smb.delicious);
//-- /script
を挿入しました。
(ここは投稿すると表示が消えてしまうので。<>を消して投稿してみます。基本形というところのスクリプトです)

該当のブログ記事を更新しましたが、ボタンは表示されず・・・
いろいろと調べましたが、ギブアップ。
再質問です。申し訳ありません・・・
kimipapa > Re: Facebookの投稿ボタン @ 2012/7/1 20:28
使用しているテーマのブログの表示のphpがsingle.phpのようなので
以下のように追記してみました。

/**
* ブログ詳細ページ
*/
$bcBaser->css('colorbox/colorbox', null, null, false);
$bcBaser->js('jquery.colorbox-min', false);
$bcBaser->setDescription($blog->getTitle().'|'.$blog->getPostContent($post,false,false,50));
$blog->editPost($post['BlogPost']['blog_content_id'],$post['BlogPost']['id']);
?>

<script type="text/javascript">
$(function(){
if($("a[rel='colorbox']").colorbox) $("a[rel='colorbox']").colorbox({transition:"fade"});
});
</script>

<script type="text/javascript"><!--
smb.show(smb.delicious | smb.livedoor | smb.yahoo | smb.buzzurl | smb.newsing | smb.evernote);
smb.show(smb.hatena | smb.twitter | smb.facebook | smb.gree, smb.detail);
//-></script>

<h2 class="contents-head" style="padding-bottom:20px;">

ダメのようです。
Baserのお決まりの表記を理解していないので、ただ挿入してもダメなんですね。

表示できないので <(半角)を<(全角に訂正)
goichi > Re: Facebookの投稿ボタン @ 2012/7/1 21:31
どうもです(^^

まず、アップロードする場所についてですが、
/app/webroot/themed/テーマ名/js/」の中に2つとも入れて下さい。

次に呼び出しですが、
おっしゃるとおり、個別記事の表示には「single.php」が使われています。
そこで、jsファイルをまず読み込む必要がありますので、single.phpの
$bcBaser->js('jquery.colorbox-min', false);

という箇所を
$bcBaser->js(array('jquery.colorbox-min','md5.js','smb.js'),false);

と書き換えて下さい。これでjsファイルが読み込まれるようになります。

あとは表示させたい箇所で
<script type="text/javascript"><!--
    smb.show(
        smb.hatena | smb.hatena_old | smb.twitter | smb.facebook | smb.tumblr |
        smb.google | smb.google_plus1 | smb.delicious | smb.livedoor | smb.yahoo | smb.buzzurl |
        smb.newsing | smb.atode | smb.evernote | smb.gree
    );
//--></script>

と入れてやれば全部出てくるはずです。お試しください(^^
kimipapa > Re: Facebookの投稿ボタン @ 2012/7/2 0:49
goichi さん

本当にありがとうございます!!

できました!! 1日で解決できるなんて・・・ほんとうにありがたいです。
WordPressにしようかと迷いましたが、ご縁のあったBaserでHP構築します。

ところで、Googleクロームのブラウザだと、Facebookには反映されないようです。
FirefoxとMicrosoftは大丈夫です。

表示させる場合は、ブログを書き込むとき、一旦htmlに変更して、ソースを挿入するしか方法はありませんか?
現在2つのブログ記事が書き込み済みで、そのようにして反映させました。

重ね重ねすみません。
kimipapa > Re: Facebookの投稿ボタン @ 2012/7/2 7:13
single.phpにスクリプト記述の書式を挿入しましたら、表示ボタンがブログ記事に表示できました。

雛形に記述すると反映されるんですね。
ありがとうございました。
clothoweb > Re: Facebookの投稿ボタン @ 2012/7/3 22:32
かなり出遅れました・・・。m(__)m

http://cielo-ds.xsrv.jp/bc/news/archives/3
ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
26 人のユーザが現在オンラインです。 (26 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 26