当サイトでは、自作のXOOPS(XOOPS Cube Legacy 2.2)用テーマの無料配布を行っています。

機能をちょっとアップするプリロードなどもあるので、是非ともご利用くださいませ。

新着ダウンロード

    このカテゴリには 21 件のファイルがあります

カテゴリ preload
facebookのいいね!等のsocialbuttonをつけるプリロード(改良版) 人気ダウンロード情報
バージョン: 1.02   掲載日:  2012/7/17
説明
facebookのいいね!等のsocialbuttonをつけるプリロード
バージョン: 1.02 掲載日: 2012/7/17

====================
説明
====================
その名のとおり、facebookの「いいね!」等のソーシャルボタンをつけるプリロードです。

 

XUGJの掲示板で、domifaraさんが掲載されたものを利用させていただきました。
 http://www.xugj.org/modules/QandA/index.php?topic_id=1999

ソーシャルボタンの表示をコンテンツ下に変更して、ツィッターのつぶやきやFacebookひとこと掲示板表示も追加した修正版です。


上記掲示板を元に作成した3月15日付けのバージョンでは、モジュールコンテンツの上に表示する設定となっていましたが、今回は、モジュールコンテンツの下に表示して、CSSで表示をコントロールするようにしてみました。
また、プラスアルファの機能として、今見ているページに関する「ツィッターのつぶやき」も表示するようにしています。

解凍してできあがったディレクトリのhtml下にあるcommonディレクトリとpreloadディレクトリをサーバのhtml側にアップロードしてください。以前のバージョンがある場合は、プリロード等を上書きしてください。

なお、このプリロードだけでは、トップページにソーシャルボタンが表示できませんので、下記を参考にして、トップページにカスタムブロックを追加してください。
さらに、Facebookの「ひとこと掲示板」をトップページに表示することも可能となっていますので、よろしければお試ししください。その場合、一番下の行にあるサイトのURLをご自身のページのものに書き換えてください。

data-href="http://xoops123.com" を data-href="利用するサイトのURL"


=================================
カスタムブロックのサンプル
=================================

●タイトル:ソーシャルボタン(トップページ用) none

●コンテンツ:

<div id="socialbutton_div">
<div class="facebook_like"></div>
<div class="twitter"></div>
<div class="evernote"></div>
<div class="google_plusone"></div>
<div class="gree"></div>
<div class="hatena"></div>
</div>
<div style="clear: both ; height:0px; visibility:hidden;"></div>
<div class="mt-label"></div>
<div class="my-trackbacks">まだ、誰もつぶやいてくれないのだぁ~ 淋しいなぁ~</div>
<div style="clear: both ; height:0px; visibility:hidden;"></div>
<div class="fb-comments" data-href="http://xoops123.com" data-num-posts="2" data-width="700"></div>

●タイプ:htmlタグ

====================
履歴
====================
2012.7.17
Facebookのshareボタンが表示されなくなったので、該当部分を削除した。
GitHubに掲載した。


ダウンロード数 248   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | XOOPS Cube Legacy 2.2x   ライセンス GPL v. 2.0   ホームページ Xoops123
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (5)

コメント一覧

投稿ツリー


Twitterの下の字が文字化け   投稿日時 2012/12/18 12:52


基本中の基本なのでしょうが、
チョット気になりましたので質問させていただきます。
ページ下に
「まだ、誰もつぶやいてくれないのだぁ~ 淋しいなぁ~」

「障€茯違‚‚ゃ吟‚„„�‚Œ�„�鐔ž€€羞‹—„�鐔ž」
 
のようにマジ化けして困っています。
直す方法ないでしょうか?

よろしくお願い致します。

marine  投稿日時 2012/12/18 21:04

え~っと、お使いのXOOPSの文字コードはなんでしょうか?
EUCでしょうか?

このプリロードは、直接ファイル内に文字を書いているので、UTF8以外だと文字化けします。
ですので、UTF8以外でご利用の場合は、プリロードのファイルの文字コードを変えてください。

文字コードの変更は、Windowsの場合なら、秀丸などのエディターでファイルを読み込んで、文字コード変更すると良いでしょう。

kazuo   投稿日時 2012/12/18 21:17

すみません。単純な質問で・・・
文字コードをEUCに変えたら正常になりました。
ありがとうございました。

yukimura   投稿日時 2013/7/10 11:15

twitterのアイコン(まだつぶやきがないとかの上にあるアイコンです)が古い(?)ような気がします。
オフィシャルのを流用したほうが良いのかと思いました。
https://twitter.com/logo

あと、mixi関連のボタンがあったら嬉しいです。

marine  投稿日時 2013/7/10 21:30

yukimuraさん、コメントありがとうございます。

でもね。。。
アイコンが古い、当然でしょう?
2012/7/17のプリロードですよ。
オフィシャルがいいとか言われるなら、ご自由に改造なさってくださいませ。

mixiボタンですか?
ごめんなさい。私はもうmixiなんて使いませんのでテスト環境もなく・・・実装する気持ちはございません。

このプリロードは、自由に改造できますので、お好きにどうぞ!

もし、古い状態のままの公開について問題があるとおっしゃるなら・・・
公開をやめたいと思います。

では。



新しくコメントをつける

題名
ゲスト名
投稿本文
より詳細なコメント入力フォームへ