PunBB 用画像アップロード拡張機能
この拡張機能は、投稿に画像を素早くアップロードして添付するためのツールを追加します。画像は当サイトにアップロードされるため、ディスク容量やウェブサーバーの設定を心配する必要はありません。この拡張機能のボタンで画像をアップロードすると、サムネイル用のBBCodeと元画像へのリンクが自動生成され、投稿に挿入されます。
インストール手順
- ダウンロードしたアーカイブを、PunBB インストールの
./extensions/サブディレクトリに展開します。 

インストールが完了しました。これでウェブサイトでPostimageを使用できます。
- ダウンロードしたアーカイブを、PunBB インストールの
./extensions/サブディレクトリに展開します。 

インストールが完了しました。これでウェブサイトでPostimageを使用できます。
オプション
PostImage のサイトプラグインのすべてのバージョンは、ユーザー体験をカスタマイズするためのオプションを複数サポートしています。最も簡単な設定方法は、プラグインのアドレスにオプションを指定することです。オプションはダッシュで区切り、順序は任意です。例えば、phpBBプラグインの表示をドイツ語に切り替え、サイトからアップロードされるすべての画像をファミリーセーフとして指定するには、該当行を次のように編集してプラグインを読み込みます。
<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>
グループ内のオプションが指定されない場合、そのグループのデフォルト値が使用されます。現在サポートされているオプションは次のとおりです:
プレビューサイズ
thumb(デフォルト) 小さいプレビュー(サイズは最大180 × 180px)を使用します。hotlink大きいプレビュー(最大1280pxピクセル幅)を使用します。
言語
Postimageのボタンテキストは、複数の対応言語で表示できます。オプションとして、以下の言語名を使用できます。
afazbscacydadeeten (デフォルト)eses-mxeufilfrhahrigiditswkulvlthumsnlnouzplptpt-brroskslsr-mefisvtlvitktryoiscselbgmkmnrusrukkkhyheurarfapsckbnemrhibnpagutatethmykaamzh-cnzh-hkjako詳細
PostImage ボタンの見た目などのオプションは、PostImage プラグインを呼び出す前に、JavaScriptコード内へpostimage_customize()関数を挿入することでカスタマイズできます。以下のような関数にすると、アイコン、リンク、コンテナに適用される3つのオブジェクトを設定できます。必要なCSSプロパティを自由に指定してください。
<script type="text/javascript" charset="utf-8">
function postimage_customize() {
if (typeof postimage === "undefined") {
return;
}
postimage.style = postimage.style || {};
postimage.style.link = {"color": "#3a80ea", "vertical-align": "middle", "font-size": "1em"};
postimage.style.icon = { "vertical-align": "middle", "margin-right": "0.5em", "margin-left": "0.5em"};
postimage.style.container = {"margin-bottom": "0.5em", "margin-top": "0.5em"};
/* Add more customizations here as needed */
}
</script>
デフォルト値を上書きせず、特定のスタイルオプションのみを変更または追加したい場合、関数は次のようになります:
<script type="text/javascript" charset="utf-8">
function postimage_customize() {
if (typeof postimage === "undefined") {
return;
}
postimage.style = postimage.style || {};
/* Specify different options for the same style separately */
postimage.style.link["color"] = "green";
postimage.style.link["text-decoration"] = "none";
postimage.style.icon["border"] = "1px solid black";
postimage.style.container["padding"] = "2px";
/* Add more customizations here as needed */
}
</script>
サポート
問題やご質問があれば、こちらからお問い合わせください。ウェブサイトとの連携についても、無料でサポートできます。



