POTI-board用テンプレートPINKをバージョンアップしました。

POTI-boardの配布用テンプレートをlot.190225にバージョンアップしました。

カタログモードをPCの時はよりギャラリー的に、スマートフォンの時はより作品を探しやすくなるようにしました。
ファイルサイズが小さくなるようにCSSを書き直しました。
横幅の指定方法を見直しました。

POTI-board用テンプレートPINKPOTI-board用テンプレートPINKPOTI-board用テンプレートPINK

iPad Pro iPad iPhoneをエミュレート。

POTI-board用テンプレートPINK

タイトルが長くて改行が入ると画像の横並びがそろわないので…
入らなかった文字を三点リーダで省略表示 - Qiita
を使いました。

POTI-board用テンプレートPINK

長い文字列を三点リーダーで省略する事ができました。
POTI-board用テンプレート PINK

テンプレートのダウンロードはこちらから。

お絵かき掲示板はこちら。

お絵かき掲示板簡単設置方法 2020年版

お絵かき掲示板交流サイトで使っているPOTI-board改二の簡単設置方法です。

少し前にためしてみたけれど、うまく設置できなかったという方もぜひ…。

お絵かき掲示板簡単設置手順2020年版

POTI-board改二をダウンロードします。

以前は、テンプレートが入っていない状態で配布していましたが、今はデフォルトスキンをはじめから入れています。
テンプレートが入っていないと掲示板が動作しないからです。

HTML5版しぃお絵かき掲示板PaintBBS NEOも最初から入っています。
ただし、最新バージョンではないかもしれません。
動作確認のために入れてあります。

お絵かき掲示板簡単設置手順2020年版

ダウンロードしたPOTI-board改二のzipファイルを展開して…。

お絵かき掲示板簡単設置手順2020年版

FTPソフトで、php5.5〜php7.xが使えるレンタルサーバにアップロードします。

さくらのレンタルサーバの一番安いライトプランでも設置できます。

XREAの無料プランやスターサーバーフリーのような無料レンタルサーバにも設置もできます。

お絵かき掲示板簡単設置手順2020年版

ブラウザで設置したurlを開くと、1.本文無しが表示されます。※

※2020年7月23日以後の最新バージョンの改二は設置したurlを開くだけです。
それ以前のバージョンのPOTI-boardはpotiboard.phpを手動で呼び出します。

投稿してみて問題がない事を確認します。

お絵かき掲示板簡単設置手順2019年版

FTP接続してパーミッションを確認すると、書き込みが必要なディレクトリは707、プログラムが書き換えるファイルは606、ログファイルは600になっています。(POT-Iboard改 v1.53.0でパーミッションの初期値が変わりました)
potiboard.phpが必要なディレクトリとファイルを作成してパーミッションを設定してくれます。

お絵かき掲示板簡単設置手順2020年版お絵かき掲示板簡単設置手順2020年版

2005年頃のマニュアルには設置ディレクトリは777とありますが…。
777にするとサーバエラーになります。

パーミッションの設定を自分でしなければ起きないトラブルです。

ここまで何も設定しなかったのは動作する事を確かめるためです。
先にカスタマイズしてから転送したら動かなかったというケースも多いようです。

掲示板が動くことがわかったら
config.php
をutf-8対応のエディタで開きます。

LFというLinuxの改行コードを使っているので、古いバージョンのWindowsのメモ帳では改行が反映されず1行になってしまうかもしれません。

その場合は…。それなりのエディタを使います。

例えばサクラエディタ

無料で使える軽快なエディタです。

//管理者パスワード
$ADMIN_PASS = 'kanripass';
のkanripassとなっている箇所を、自分にしかわからないパスワードに書き換えます。

管理者パスがそのままだと誰でも記事を編集削除できる状態になるので危険です。
ここの書き換えは必須です。
//投稿サイズ(これ以上はサイズを縮小
define('MAX_W', '300'); //幅
define('MAX_H', '300'); //高さ
投稿した画像が大きく表示されない時は、ここの数値を変更します。
//タイトル(<title>とTOP)
define('TITLE', 'お絵かき掲示板');
掲示板のタイトルを変更します。
ここを変更してもトップページのタイトルが変わらない時は、管理モードからログ更新するか何でもいいので投稿すれば反映されます。

POTI-boardはテーマを入れ替える事ができます。
PaintBBS NEOに対応したものに限ると…。

サ骨さんのテーマがデフォルトで2種類。

黒鋼彗牙さんの
Cool Solid
Cool Solidから画像アップロード機能をなくし、BBSNoteに見た目を近づけた
PINK
があります。

お絵かき掲示板簡単設置手順2020年版
テンプレートを入れ替えたのに見た目が変わらない時は、ログ更新、または何でもいいので投稿してみてください。

PaintBBS NEOのバージョンアップに必要なファイルは、
neo/dist/
neo.css
neo.js
の2つです。
ダウンロードしたzipファイルを展開して取り出します。

お絵かき掲示板簡単設置手順2020年版
neo.cssとneo.jsの最新バージョンをpotiboard.phpと同じディレクトリに転送して上書きします。

POTI-board用テーマ PINK を配布します。

Chrome、FirefoxともにJavaのサポートを終了。
Windows10のアクセサリに入っているIE11を使えば、とりあえずJavaを使う事ができますが…。

描くたびにJavaのセキュリティの警告…。

これでは、しぃちゃんお絵描き掲示板PaintBBSはすたれてしまう、と思ったら…。
GitHub - funige/neo: PaintBBS NEO

お絵描きしぃ掲示板 PaintBBS ((C)2000-2004しぃちゃん) をhtml5化するプロジェクトです。
Flashやhtml5のお絵描きサイトはいっぱいあるんだけど、そうじゃないんだ。
おじさんは昔のjavaアプレットそっくりの環境が欲しいんだ。
かなりの再現度です。

HTML5ですから、Chromeでお絵かきできます。

PaintBBS NEOは、既存のお絵かき掲示板に組み込む事が可能なので、BBSNote、relm、らくがきひろばでも使えるのですが…。
新規設置をするなら、POTI-boardがいいのかなぁ…と思います。

BBSNoteはPerl5.12以上では動作しない、relmは管理パスワードがURLに出るので、リファラを返す設定で使うと…。

しかし、POTI-boardにも問題があります。
php7では動作しない、と思ったら…。
POTI改公式サイト

Punyu NetのPOTI-boardを、php7で使えるように改造したものです。 使いやすさの観点から1.33のベータ版ではなく安定版の1.32から作りました。
さくらのレンタルサーバの一番安いライトプランで、phpのバージョンを7.4にして動作確認。

今のところ問題ありません。

でも、レス送信時のコメント欄の位置が、と思ったら…。
ドラ☆クロウ! - オリジナルイラスト中心よろずサイト -

POTI-boardテーマ Cool Solid
POTI-board v1.32以降向けのテーマです。
SakaQさん作のMONO WHITEを元にHTML5とCSS3で大幅にアレンジしました。
BBSNoteのスキンsiberiaの作者れいさんzero(配布サイト)の、POTI-board版siberiaのデザインを取り入れているのでBBSNoteと見た目が近い。

コメント欄はスレッドの下。

これをベースにすれば、BBSNoteに近いテーマを作る事ができると思いました。

作ってみました。

POTI-board テーマ PINKPOTI-board テーマ PINK

タブレット。
iPadとiPad ProをChromeでエミュレート。

POTI-board テーマ PINKPOTI-board テーマ PINKPOTI-board テーマ PINK

スマートフォン。
Galaxy S5、iPhone8をChromeでエミュレート。

配布したくなったので、配布します。

画像アップロードができない仕様。
お絵かき掲示板として使いたいという方向けのテーマです。

管理画面からの画像アップロードには対応しています。
設置方法、注意事項はreadmeにまとめておきました。

2020年6月…。POTI-boardは改から改二になりました。
以下の設置サンプルとテーマは改二用です。

POTI-board用テーマ PINK 設置サンプル

設置サンプル。
POTI-board用テーマ PINK GitHub

テーマのダウンロードはこちらから。