ホーム > WordPress | テンプレート > WordPressでCGI掲示板を設置してみる。

2009年03月30日(月曜日) 22時28分

掲示板なんとなく掲示板を設置してみました。
WordPressのプラグインをみたのですが、あまり好みのがなかったのでCGIの掲示板を設置してみました。

ページ内で表示したかったので少しがんばってみました。



導入方法:

【事前情報】
WordPressの設置フォルダは/wordpress
CGI掲示板の設置フォルダは/cgibbs
CGI掲示板のアクセス先はbbs.cgi
WordPressのページスラッグはbbs
WordPressテンプレートはニコニコプレス v1.2(春)
とします。
細かいところは補足入れますがファイル名などは好きにしてください。

【準備】
なんでもいいのでCGI掲示板を用意します。
掲示板の設置手順に沿って設置し、正常にアクセスが可能なことを確認します。

【導入】
まず使用しているテーマのpage.phpをコピーしてbbs.phpに名前変更します。
bbs.phpの一番上に下記を追加します。

<?php
/*
Template Name: bbs
*/
?>

あとはBBSを表示させたいところに下記を追加。

<iframe src="http://ドメイン/wordpress/cgibbs/bbs.cgi" width="表示させたい幅" onload="this.height=1;this.height=this.contentWindow.document.body.scrollHeight"></iframe>

ちなみにうちはこんな感じです。

<?php
/*
Template Name: bbs
*/
?>

<?php get_header() ?>

 <!-- コンテナー始まり -->
<div id="container">

 <!-- コンテント始まり -->
<div id="content">

<?php the_post() ?>
 <!-- 記事始まり -->
<div id="post-<?php the_ID() ?>" class="<?php sandbox_post_class() ?>">
<h2 class="entry-title"><?php the_title() ?></h2>
<iframe src="http://www.redistribution.cc/blog/blogbbs/bbs.cgi" width="662" onload="this.height=1;this.height=this.contentWindow.document.body.scrollHeight"></iframe></div>
<!-- 記事終わり -->

<?php if ( get_post_custom_values('comments') ) comments_template() // Add a key+value of "comments" to enable comments on this page ?></div>
<!-- コンテント終わり --></div>
<!-- コンテナー終わり -->

<?php get_sidebar() ?>
<?php get_footer() ?>

まぁこれでうちの掲示板表示になりました。
—2009/04/05追記—
修正したbbs.phpをテーマフォルダにFTP等でアップロードして新しいページを作成。
このときに属性>テンプレートでbbsを指定してタイトルとページスラッグだけ記載して保存。
これで掲示板が表示されるページが完成です。
—2009/04/05追記—

【ハマった事】
PHPでのCGIの呼び出し方法にはまりました・・・。
PHPからPHPの呼び出しはincludeすればいいとわかってましたが・・・CGI呼び出す場合ってのが不明でした^^;
ふと頭に浮かんだのがfile_get_contentsでしたが、表示はされますが掲示板の新規スレッドなどをクリックすると
ページ内での表示ではなく掲示板だけの表示なってしまいました。
ちとカンニングでテンプレ作者のヒロカワズさんのHPをみてみると・・・iframe使ってることが判明!
そのほかカンニングしまくって同じように設置しようとしましたが、IEでの表示が崩れてたので断念(笑)
で、今のようなテンプレにしました。

インラインフレームの縦サイズの大きさを自動変更したかったので、こだわってみました。

onload="this.height=1;this.height=this.contentWindow.document.body.scrollHeight"

これ入れると縦サイズの大きさを自動変更してくれて便利です。
狐とIE6/7で動作確認済み。

今回は色々と頑張ってみたっ!

「WordPressでCGI掲示板を設置してみる。」 について、Twitterでつぶやく

関連記事

5件のコメント

  • >> onload=”this.height=1;this.height=this.contentWindow.document.body.scrollHeight”

    おお、その方法がありましたねw
    早速、僕もiframeに指定したいと思います^^

    記述ミスだと思いますが、閉じタグがになってませんか?w

    とりあえず、Googleリーダーの方に放り込ませて頂きました!^^
    更新楽しみにしてますので!!

    投稿日:2009年03月30日(月曜日) 22時55分 | パーマリンク
  • うあ、実体参照にしてなかったw
    </IFRAME>

    投稿日:2009年03月30日(月曜日) 22時59分 | パーマリンク

  • ken c-unknown

    ヒロカワズさん

    コメントありがとうございますっ!
    gravatarの画像が変わってるっ。

    >早速、僕もiframeに指定したいと思います^^
    >記述ミスだと思いますが、閉じタグが</IFRAME>になってませんか?w
    即</iframe>に直しました!
    ご指摘ありがとうございます。
    インラインフレームの縦サイズの大きさを自動変更便利ですよね^^

    >とりあえず、Googleリーダーの方に放り込ませて頂きました!^^
    >更新楽しみにしてますので!!
    参考になるネタありませんよ?(笑)
    テンプレ修正書くとネタ切れ?(爆笑)

    投稿日:2009年03月31日(火曜日) 01時04分 | パーマリンク
  • あれ、どうしてでしょう、このブログのフィードをGoogleリーダーに読み込むと「リクエストされたフィードは見つかりませんでした」とエラーが出ます。
    Gooリーダーでは正常に表示されましたが・・・。

    投稿日:2009年03月31日(火曜日) 02時47分 | パーマリンク

  • ken c-unknown

    ヒロカワズさん

    >あれ、どうしてでしょう、このブログのフィードをGoogleリーダーに読み込むと「リクエストされたフィードは見つかりませんでした」とエラーが出ます。
    たぶんGoogleって鯖がUSか何かじゃないですかね?
    日本から以外の接続はファイル配布サイトの運用上面倒なので切ってます。
    なので表示されないのかなと・・・。
    う~ん・・・そのうち調査してみます。

    投稿日:2009年03月31日(火曜日) 08時02分 | パーマリンク