顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.1.1を公式プラグインディレクトリで公開しました。
2019年8月31日に公開したver1.1.0からのバージョンアップです。
[link url=”https://popozure.info/20190831/14702″]
nameパラメータを省略したとき、すべてのアイコンが「（不明）」のものになってしまう不具合を修正しました。
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.1.0を公式プラグインディレクトリで公開しました。
2019年8月17日に公開したver1.0.9からのバージョンアップです。
[link url=”https://popozure.info/20190817/14552″]
不具合を調査するための「デバッグ モード」を追加しました。
チェックを入れておくと、調査に必要な内容をHTMLソースにコメントとして出力します。
「登場人物」の「移動」の矢印がある部分の幅を32pxにしました。
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.0.9を公式プラグインディレクトリで公開しました。
2019年7月15日に公開したver1.0.8からのバージョンアップです。
[link url=”https://popozure.info/20190715/14318″]
nameパラメータで名前を指定しますが、iconパラメータを合わせて使用することで、名前と別のアイコンを表示できるようにしました。
| 記述 | 結果 |
 |
 わーい！ |
 |
わーい！ |
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.0.8を公式プラグインディレクトリで公開しました。
2019年5月23日に公開したver1.0.7からのバージョンアップです。
[link url=”https://popozure.info/20190523/14211″]
最新の WordPress 5.2.2 で動作確認を行いました。
「（不明）」の画像を変更しました。
設定画面の「登場人物」のテーブルに背景色を追加しました。ストライプなので少し見やすくなったと思います。
設定画面の「登場人物」のテーブルに順番を入れ替えるボタンを追加しました。
設定画面の「登場人物」のテーブルに画像を追加しました。今まではURLだけだったので、どんな画像が設定されているか確認することができます。
設定画面の「登場人物」のテーブルの「私」のチェックボックスの位置を変更しました。
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.0.7を公式プラグインディレクトリで公開しました。
2018年10月27日に公開したver1.0.5からのバージョンアップです。
[link url=”https://popozure.info/20181027/13582″]
Pz-Talkの吹き出しの中でPz-LinkCardを使いたくて、ショートコードを展開するようにしました。
数か所で警告エラーが出ていたので修正しました。
登録されていない名前が出てきたときに設定画面に名前を追加するとき、「私」にチェックが入らないように修正しました。
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.0.2を公式プラグインディレクトリで公開しました。
2018年1月31日に公開したver1.0.1からのバージョンアップです。
[link url=”https://popozure.info/20180131/12274″]
登場人物の画像を設定していない場合、影のアイコンが表示されます。
自分で用意した画像を選択できるように修正しました。
ショートコードの1つ目を「トーク」、2つ目を「メッセンジャー」に変更しました。
1つ目に設定したショートコードでは会話のように表示されます。
2つ目に設定したショートコードではLINEのように表示されます。
LINE風の場合、「Pz トーク設定」の「登場人物」の「私」にチェックを入れている人の会話だけ右側に寄せます。
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」。
最新版ver1.0.1を公式プラグインディレクトリで公開しました。
画像を選択する画面のタイトルとボタン名が「Choose Image」になっていましたが、ブラウザの言語に合わせて、日本語もしくは英語で表記されるようになりました。
具体的には、クライアント側の言語を取得して、「ja」だったら日本語を設定しています。
[php title=”mediapicker.js” start-line=”9″] var language = (window.navigator.userLanguage || window.navigator.language || window.navigator.browserLanguage).substr(0,2) == “ja” ? “ja” : “en”;
if (language == “ja”) {
var msg = “画像を選択”;
} else {
var msg = “Choose Image”;
}
custom_uploader = wp.media({
title: msg , /* msg */
library: { type: “image” }, /* 画像のみ */
button: { text: msg }, /* msg */
multiple: false /* 複数選択なし */
});[/php]
お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。
では、この辺で。(^-^)o
前回の続き。もう審査が通ってリポジトリが作成されていました。
プラグインディレクトリのプラグイン追加画面が日本語化されていました。
日本人の開発者が増えて来たのでしょうか。良いことです。
昨晩、新プラグイン「Pz-Talk」の申請をしました。
700個ほどのレビュー待ちがあったので、数日はかかるだろうと思っていました。
| Congratulations, your plugin hosting request for Pz-Talk has been approved.
Within one hour you will have access to your SVN repository with the WordPress.org username and password you used to log in and submit your request. Your username is case sensitive. |
わーい、英語だーっ！Σ(ﾟロﾟ)oﾞ
「レビューするのでお待ちください」みたいなメールは日本語だったので、日本語化バンザーイって思っていたのですが、リポジトリが作成されたっていうメールは英語のままでした。
10時間くらいで審査が通りました。めっちゃ早い！
SVNクライアント「TortoiseSVN」のインストールはこちらの記事を参考にどうぞ。
[link url=”https://popozure.info/20150822/8354″]
リポジトリが出来たあとにやることを、自分でも手順を忘れかけていたので、メモしておきます。
これで公式ディレクトリへプログラムがアップロードされて、準備はOKです。
顔アイコンと吹き出しを表示して、会話を表現するプラグインです。
詳しくは専用ページで解説します。
[link url=”https://popozure.info/pz-talk”]
みなさんも便利なプラグインを作ったら、ZIP配布をするのではなくて、ぜひ公式ディレクトリへ登録しましょう！
では、この辺で。(^-^)o
[amzn-link asin=”B00M939Y0I”][amzn-link asin=”4800711304″][amzn-link asin=”B0714HYR2P”][amzn-link asin=”4295000795″][amzn-link asin=”4799106023″]
登録ページが日本語化されていました。
いくつか公式プラグインディレクトリにWordPressプラグインを登録しています。
2015年8月19日公開。
リンクを「はてなブログカード」のAPIを使ってはてなブログカードを表示させるプラグインです。
[link url=”https://popozure.info/pz-hatenablogcard”]
初めてまともに作ったWordPressプラグインです。
という良い点と、
という悪い点があります。
初めて公式ディレクトリに登録したプラグインです。
[link url=”https://popozure.info/20150819/8247″]
2015年10月13日公開。
リンクをカード形式で表示させるプラグインです。
[link url=”https://popozure.info/pz-linkcard”]
Pz-HatenaBlogCardを公開したときから構想があって、WordPressとプラグインとphpとデータベースを勉強しながら作りました。
とにかく自分が使いたくて開発しました。
思いのほか色んなサイトさんで使ってくれています。
一番ユーザーも多くて、一番力を入れているプラグインです。
2回目の登録ということもあって、説明文は全部日本語でチャレンジ。
ちょっとしたトラブルがありつつもすんなり登録できました。
[link url=”https://popozure.info/20151006/9345″]
2016年08月06日公開。
ツイッターの相互フォローさんのふみえ（@fumieblog）さんから「『最近のコメント』を表示するかわいいウィジェットありませんか？」と質問が来て作ったプラグインです。
[link url=”https://popozure.info/pz-recentcomments”]
もちろん当サイトでも使っています。
WordPress標準の「最近のコメント」は飾り気が無いのでどんなサイトでも使えるけど、かわいらしさは無いですね。
2017年01月23日公開。
ビジュアルエディタでもショートコード中にHTMLを記述できるものです。
このプラグインそのものはプラグインの練習として初期に作ったものです。
[link url=”https://popozure.info/20150816/8182″]
一部に需要がありそうな気がしてこっそり公開しました。
ほぼ何もしていないプラグインです。
顔アイコンと吹き出しで会話を表現するプラグイン「Pz-Talk」を作成しました。
多機能では無いけど、シンプルで、初心者の方でも使えるものを考えました。
詳しくは専用ページで。
[link url=”https://popozure.info/pz-talk”]
公式ディレクトリへアクセスします。
「プラグインディレクトリは日本語でも利用可能です。」
え！？Σ(ﾟロﾟ)oﾞ
いつの間に日本語対応したの！？Σ(ﾟロﾟ)oﾞ
というわけで、日本語ページへ行きます。
[link url=”https://ja.wordpress.org/plugins/developers/add/”]
WORDPRESS.ORGにログインします。
700個くらいプラグインの審査待ちっぽいです。
今まではZIPファイルをどこかにアップロードしておいて、説明文を入力しないといけませんでしたが、「Select File」で作成しておいたプラグインのZIPファイルを選択して、「Upload」でアップロードして審査にまわるようです。
説明文はReadMeに書いてあるからか、どうやら要らなくなったようです。
ZIPファイルをアップロードすると、レビュー待ちになります。
「10個以上のプラグインをすでに申請済みだったとしても、以下の情報を読んで記憶をリフレッシュする時間を取ってください。」はどういう意味だかちょっと謎です。
多分、「審査には時間がかかるから気持ちをリフレッシュして待っててね」ってことなんだと思います。
登録して少しして「新しいプラグイン」というメールが届きました。
内容もレビューしますという内容で日本語でした。
日本語っていうだけで安心！
数日はかかると思うので、「待ち」で。
では、この辺で。(^-^)o
↓つづく。
[link url=”https://popozure.info/20180130/12222″]
[amzn-link asin=”B00M939Y0I”][amzn-link asin=”4800711304″][amzn-link asin=”B0714HYR2P”][amzn-link asin=”4295000795″][amzn-link asin=”4799106023″]
顔アイコンと吹き出しを表示して会話を表現するWordPressプラグイン「Pz-Talk」を公式プラグインディレクトリで申請中です。→申請通りました。公開中です。
吹き出しを表示して会話風に表示をさせたくて作成しました。
有名なプラグインとして「Speech Bubble」がありますが、
といった点が気になったので、自分で作っちゃいました。
「多機能ではないけど初心者でも使える」を目指しました。
記事中にショートコード［talk name=”名前”］～［/talk］ではさんでセリフを記述します。
「テキスト エディタ」モードで使っている場合、クイックタグ「トーク」が使用できます。
1回目で開くショートコード、2回目で閉じが表示されます。
記事を表示させると、登録されていない人物は影のアイコンが表示されます。
WordPress管理画面から、「設定画面」→「Pz トーク設定」と選んでいくと設定画面に入れます。
ショートコードは標準では［talk］～［/talk］になっていますが、変更することもできます。
「登場人物」に、表示された名前が追加されていきます。
「選択」を押すと、画像一覧が表示されるので、使用する画像を選択していきます。
登場人物の最後の一行は常に空欄になっているので、あらかじめ名前と顔アイコンを設定しておくこともできます。
名前と画像が1対1になっているため、喜怒哀楽などで画像を分けることはできません。
ショートコードと登場人物を全て削除して、初期の状態に戻します。
通常は使いません。
画像が設定されるとその画像が表示されるようになります。
「似顔絵ジェネレーター」さんで顔アイコンを作成させていただきました。
[link url=”http://www.nigaoemaker.jp/generator/”]
色々と初めてやったことが多かったです。
DBを使わずに登場人物の名前とアイコンURLを記録させる方法とかはしばらく前から考えていたので上手く動いて良かったです。
メディアアップローダーについては、複数設置する方法が見つからなくて、あれこれ試行錯誤しました。
吹き出しのスタイルシートは主に、こちらのサルワカさんの「CSSで作る！吹き出しデザインのサンプル19選」を参考にさせていただきました。
[link url=”https://saruwakakun.com/html-css/reference/speech-bubble”]
そして今回の「キモ」となるメディアアップローダーはこちらのwork.logさんの「WordPressの管理画面内でメディアアップローダーを呼び出す」。
[link url=”https://worklog.be/archives/2377″]
Firegobyさんの「WordPress 3.5の新メディアアップローダーを自作プラグインやテーマに組み込む。」なんかを参考にさせていただきました。
[link url=”https://firegoby.jp/archives/4031″]
では、この辺で。(^-^)o