「コメントの設定とプラグイン」の記事一覧

コメント入力欄の場所を変更するプラグイン

ひとつ前のページで「コメントの順番を逆に並び替えるプラグイン」を公開しましたが、投稿済みコメントの表示順序が変わると入力フォームの場所も変更したくなるケースがあります。

あるいは、今のコメント欄の配置が嫌だという場合もありえます。そんな時に使えるプラグインです。コメント入力フォームの場所を表示されているコメントの上から下へ、あるいは下から上へ移動させます。

form_before.jpg  →  form_after.jpg

この記事で公開しているプラグインはPC専用でスマホには適用されません。スマホのコメントボタンに関しては、別の記事にあるスマホのコメント一覧にある「コメントを書く」ボタンを画面上部に移動するプラグインをご利用ください。

ソースコード

詳しい設置方法は、別の記事「プラグインの設置方法」をご覧ください。

<script type="text/javascript">
var position='top';
</script>

<script type="text/javascript" src="http://fanblogs.jp/techs/file/plugin_move_comment_form.js" charset="utf-8"></script>

上のソースコードをサイドバーに設置すると、投稿済みコメントの下にあったコメント入力フォームが、コメントの上に移動します。

そうではなく、上にあるコメントを下に移動させたい場合は、赤字のtopを半角英数字でbottomに書き換えてください。

書き換える場合は必ず半角で書きます。
また、bottomは前後を ' (シングルクォート)で囲みます。

このプラグインは複数のテンプレートでテストしましたが全部のテンプレートは試していません。必ずしもすべてのテンプレートで動くことは保証できません。ご了承ください。

コメントの順番を逆に並び替えるプラグイン

コメント欄の順番は好みですが、古いコメントを上にしたい場合と、新しいコメントを上にしたい場合があると思います。ファンブログの設定を探しましたが、並べ替える場所が見当たらなかったのでプラグインにしました。プラグインのソースコードをサイドバーに貼るだけで並び変わります。

下のサンプルには、別のプラグイン
新しいファンブログのコメント欄で絵文字を使えるプラグイン」と
コメント欄に写真やイラスト画像を投稿できるプラグイン」を適用しています

before.jpg  →  after.jpg

ソースコード

このプラグインはPC専用です。スマホには適用されません。

貼り付けるプラグインは次の青枠内のものです。サイドバーへの設置方法は別の記事「プラグインの設置方法」をご覧ください。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/plugin_reverse_comments.js" charset="utf-8"></script>

プラグインをセットすると並び替えは、自動で行ないます。並び替えたくない場合はプラグインをはがしてください。

もらったコメントの順番が変わると、新しいコメントの入力フォームの場所も変更したくなるかもしれません。その方法は次の記事「コメント入力欄の場所を変更するプラグイン」に書いてあります。

このプラグインは複数のテンプレートでテストしましたが全部のテンプレートは試していません。必ずしもすべてのテンプレートで動くことは保証できません。ご了承ください。

コメント欄に写真やイラスト画像を投稿できるプラグイン

先日、コメント欄で「絵文字」を使えるプラグインを紹介しましたが、今回は絵文字以外にも「写真」や「イラスト」などの画像をコメント欄で使えるようにするプラグイン。コメント欄に画像URLを入れるだけで、自動で画像に変換します。

すでにインターネットに公開されている画像を表示するだけで、アップロードは出来ません。

c1.jpg

このプラグインには、チェック機能はありません。簡単に使えますが誰かが悪意を持って、わいせつ画像や、著作権に抵触する画像のURLを入力してもそのまま表示してしまいます。このプラグインを使うことで何らかのトラブルや損害が発生しても、当サイトは一切の責任を負いません。それを了承の上でお使いください。

PCとスマホでスキンが違うので、プラグインも2種類あります。

PC用プラグイン

PC用は以下のソースです。別ページ「プラグインの設置方法」の説明を見ながら設置してください。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/plugin_comments_image.js" charset="utf-8"></script>

スマートフォン用プラグイン

スマートフォン用プラグインの設置方法は「スマホ版プラグインの設置方法」に書いてあります。参照しながら設置してください。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/sp_plugin_comments_image.js" charset="utf-8"></script>

使い方

コメント欄に画像のURLを入力するだけです。

URLの末尾が .jpg .jpeg .png .gif のどれかなら画像に変えて表示します。コメント欄より幅がある大きな画像は自動で縮小します。

たとえば、このページの最初にあったキャプチャは下の通りに入力した結果です。

コメント欄に画像を投稿しました。

http://fanblogs.jp/mikannoheya/file/697/grWCrYLngt-C8amH.jpg

これは「みかんの部屋」のイラストです。
http://fanblogs.jp/mikannoheya/archive/1576/0

デモは、このページのコメント欄をご覧ください。実際に送信しなくても、画像のURLを入れるとどのように表示されるかプレビュー機能でわかります。

サンプル画像は「みかんの部屋」 2013年11月26日の記事「クリスマスのブログパーツの紹介♪」からお借りしました。

スマホのコメント一覧にある「コメントを書く」ボタンを画面上部に移動するプラグイン

スマートフォン専用プラグインです。

スマホのコメント一覧にある「コメントを書く」ボタンを下の図のように、画面上部に移動させます。

sp13.jpg

ソースコード

ソースコードは次のとおりです。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/sp_plugin_comment_button.js" charset="utf-8"></script>

このソースコードを「スマホ版プラグインの設置方法」を参考に、スマートフォンのテンプレートに設置してください。

このプラグインは、すべてのスマホで動作する保証はありません。ご了承ください。

スマホのコメント欄で絵文字を表示するプラグイン

先日公開した「新しいファンブログのコメント欄で絵文字を使えるプラグイン」は、PC用のテンプレート専用なので、書き込んだ絵文字はスマホで表示できません。

このページではスマホのコメント欄でも絵文字を表示するプラグインを公開します。エミュレーションでは動いていますが、本物のスマホ(iPhone アンドロイド)で正しく動くかどうかは、保証できません。

sp12.jpg

このプラグインはPC用のプラグインが導入されていないと、コメントに絵文字がないので意味を持ちません。

まず「新しいファンブログのコメント欄で絵文字を使えるプラグイン」のとおりに、PCから絵文字を入力できるプラグインを導入してください。

次に「スマホ版プラグインの設置方法」を参照しながら、下のソースを設置します。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/sp_plugin_emoji.js" charset="utf-8"></script>

以上で、スマホのコメント欄にも絵文字が表示されるようになります。ただし、このプラグインは表示専用です。スマホから絵文字を入力したければ、スマホの表示を「デスクトップ版」に切り替えてコメントしてください。

コメント欄の名前やURLを記憶して再入力不要にするプラグイン

コメント欄に毎回入力する名前やURL、メールアドレスなどは変更することが、あまりないので同じ内容を自動で入力してくれると便利!

cookie.jpg

今回はクッキーを利用して、それらをコンピューターに記憶させ、自動で書き込むようにするプラグインです。このプラグインを設置したブログで、コメントしてくれる人は再入力の手間が省けます。

これは、よそのブログに自分が行った時に自動入力されるツールではありません。自分のブログに来た人がコメントしてくれる時に、その人の名前が自動入力されるようになるプラグインです。

スキンが違うため、スマホ用プラグインは別になります。スマホ用はこのページの後半にあります。

Cookie 【 クッキー 】

ookieとは 〔 クッキー 〕 【 HTTP Cookie 】 - 意味/解説/説明/定義 : IT用語辞典より

Webサイトの提供者が、Webブラウザを通じて訪問者のコンピュータに一時的にデータを書き込んで保存させるしくみ。Cookieにはユーザに関する情報や最後にサイトを訪れた日時、そのサイトの訪問回数などを記録しておくことができる。

仕組みについては説明しませんが、次のプラグインを使うことでファンブログの記事に1度コメントを投稿すると、30日間は「お名前」「URL」「メールアドレス」の3つが保存され、再入力が不要になります。

その30日の間に新しいコメントをすれば、そこからまた30日間保存されます。

ソースコードは次のとおりです。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/plugin_cookie.js" charset="utf-8"></script>

これを、別記事「プラグインの設置方法」を参照してサイドバーに貼り付ければクッキーが有効になります。使うのをやめたいときはサイドバーから外してください。

プラグインは、このブログ以外ではテストが充分出来ていないので、テンプレートによっては動かないかも知れません。ご了承ください。

名前などが自動で書き込まれない場合、テンプレートが未対応だとあきらめる前に、ブラウザをリロードしてみてください。リロードすると読み込まれることがあります。リロードの方法としてはキーボードの「F5」を押すなどです。それでもダメなら、そのテンプレートに未対応だと思われます。

スマホ版プラグイン

スマホ版のプラグインは次のソースです。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/sp_plugin_cookie.js" charset="utf-8"></script>

これを「スマホ版プラグインの設置方法」を見ながら、スマートフォン用テンプレートに設置してください。

ただし、かならず動作する保証はありません。ご了承ください。

コメントしてくれた自分以外の人の名前に「さん」をつけるプラグイン

name.jpg

コメントをしてくれた方の名前に「さん」を追加する、ファンブログ用プラグインです。ただし、自分の名前には「さん」をつけません。

スキンが違うため、スマホには別のプラグインが必要です。スマホ版のプラグインは、このページの後半にあります。

動作サンプルはこんな感じです。

プラグインのソースコードは次のとおりです。

<script type="text/javascript">
var auther_name='ここに名前';
</script>

<script type="text/javascript" src="http://fanblogs.jp/techs/file/plugin_san.js" charset="utf-8"></script>

これを、別記事「プラグインの設置方法」を参照してサイドバーに貼り付ければ作業は完了ですが、貼り付ける前に1箇所訂正します。

赤い字「ここに名前」と書いてあるところを、自分がブログで使っているハンドルネームに変更します。

例:
var auther_name='Tom';

名前の前と後ろには ' (半角のシングルクォート)が必要です。

このハンドルネームと、コメント投稿者名が同じだったら「さん」をつけません。

このプラグインは、このブログ以外ではテストが充分出来ていないので、テンプレートによっては動かないかも知れません。ご了承ください。

すでに投稿されているコメントに「さん」がつかない場合は、ブラウザをリロードしてみてください。リロードの方法としてはキーボードの「F5」を押すなどがあります。それでもダメなら、そのテンプレートに未対応だと思われます。


スマホ版プラグイン

スマホ版プラグインのソースは次のものです。

<script type="text/javascript">
var auther_name='ここに名前';
</script>

<script type="text/javascript" src="http://fanblogs.jp/techs/file/sp_plugin_san.js" charset="utf-8"></script>

これもPC版と同じように「ここに名前」と書いてあるところを、自分がブログで使っているハンドルネームに変更します。

その後「スマホ版プラグインの設置方法」を見ながら、スマートフォン用テンプレートに設置します。

すべての機種で動くとは限りません。ご了承ください。

新しいファンブログのコメント欄で絵文字を使えるプラグイン

機能が一新してコメント欄の絵文字がなくなったファンブログですが、絵文字を使えるようにプラグインを作りました。

新しくなったファンブログは先日の記事に書いたようにSeesaa Blogのシステムを使っています。

機能的にはSeesaa Blogと、ほぼ同じなので「記事編集」画面に絵文字ボタンがあります。この絵文字をコメント欄でも使えるようにすれば、著作権を気にする必要もないでしょう。

emoji1.jpg

プラグインのソースコードは次の1行です。複数行に見えるかもしれませんが画面の横幅が足りなくて複数行になって表示されているだけです。この1行を、別記事「プラグインの設置方法」を参照してサイドバーに貼り付ければ作業は完了です。

<script type="text/javascript" src="http://fanblogs.jp/techs/file/plugin_emoji.js" charset="utf-8"></script>

デモはこのページのコメント欄をご覧ください。


このプラグイン単独では、スマホには絵文字の表示がされません。PCで入力された絵文字をスマホでも表示する方法は、別の記事に書いています。

スマホのコメント欄で絵文字を表示するプラグイン

このプラグインを実際に設置すると、コメント欄の絵文字が表示されるのに少し時間がかかるテンプレートもあると思います。いろいろなテンプレートで共有できるようにしたためやむを得ずタイムラグをおきました。

ただし、それでもすべてのテンプレートをテストしていないので必ず動くとは保証できません。ご了承ください。