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の
という箇所を
と書き換えて下さい。これでjsファイルが読み込まれるようになります。 あとは表示させたい箇所で
と入れてやれば全部出てくるはずです。お試しください(^^ |
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 |
---|