KASABUTA-ENDLESS

*

便利スギィ!!投稿編集画面でペイント・お絵かき出来るワードプレスプラグイン「deviantART muro」

   

ワードプレスの記事投稿で画像を使用したい時に、

「ペイント等で画像を作成・保存→ワードプレスにアップロード」

という流れが少し面倒に感じたことはありませんか?

私は時々ペイントソフトで作成した画像をアップロードするんですけど面倒に思ってしまうんですよね。

そこで、投稿画面においてペイントソフトをオンラインで起動できるようなプラグインやサービスを探しました。

すると「deviantART muro」という良いプラグインがありましたので紹介します。

スポンサーリンク

deviantART muroとは

Embed deviantART muro, the HTML5 drawing application, for image drawing in your Media Library, in articles, and for drawing in comments.

プラグインページより引用

「deviantART muro」はHTML5のドロイングソフトで、画像をあなたのメディアライブラリー、記事やコメント中に埋め込むことができます。…みたいな意味かな?

・Draw in your browser to create new images in your Media Library.
・Allow your users to draw in their browser to add images to their comments.
・Embed deviantART muro with a preselected image within your articles, for example to run a competition or ask for feedback on an artwork you’ve drawn.

プラグインページより引用

・ブラウザ上で、あなたのメディアライブラリーに新しい画像を作成することができます。

・コメント欄にて閲覧者のブラウザ上で画像を作成し追加することができます。

・絵の勝負をしたり、書いた絵の評価をしてもらったりできます。

だいたいこんな感じですわ。

がんばって訳したけど…間違ってたらスンマセン。

deviantART muroのインストール

「プラグイン」→「新規追加」で【deviantART muro】を検索。

2014-12-16_145943

インストール!

2014-12-16_150052

勝手にインストールしますので、完了したら有効化。

有効化後に「メディアを追加」をクリックすると、

2014-12-16_151113

deviantART muroが追加されています。

deviantART muroのアカウント

このプラグインの機能を使用するには、まず、アカウントを取得する必要があります。

右上の「Login or Signup~」のところをクリック。

2014-12-16_153431

新たにポップアップするので赤丸のとこをクリック。

2014-12-16_153618

登録画面になります。

2014-12-16_153946

ユーザー名、メルアド、メルアド再確認、パスワード、誕生日、性別、メルマガ登録するかしないか。

最後に一番下の「I have read and agree~」のところにチェックを入れて、「Become a Deviant」をクリック。

2014-12-16_154401

登録したメルアドに確認メールが届くので、「Verify Email address」をクリック。

これで登録完了です。

さっそく、使ってみましょう。

deviantART muroの使い方

たくさんの種類のペンがあります。

2014-12-16_155858

並びは左上から下へ、の順番です。

水玉みたいなのとか、文字のペンとか面白いですね!

2014-12-16_160948

消しゴム、塗りつぶし等、ペイント系ソフトでは当たり前の機能は使えます。

アノテーション機能がイイ感じです。

2014-12-16_161526

文字のフォントは日本語は選べませんが、ローマ字のフォントは多すぎるくらい豊富です。

他には、レイヤーとかの要素もありますが、私には興味が無いし必要ないので省きます。

保存方法は、絵を書き終わったあと、右上の「Done」を押すと、

2014-12-16_163300

自動的に保存されて、

2014-12-16_163354

メディアライブラリに追加されています。

ここから保存した絵を、

deviantart_muro_drawing

このように挿入することができます。

以上ですべて完了であります。

お疲れ様でした。

Hahaha!

まとめ

これはいいプラグインを見つけてしまった。

今後活用されると思います。

レイヤーとかの勉強もしてみようかな。

 - WordPress, 使い方

336adosensu

336adosensu

Message

メールアドレスが公開されることはありません。

  関連記事

By: jeffreyw
助けて!ワードプレスのビジュアル編集のレイアウトぐっちゃぐちゃ\(^o^)/

スポンサーリンク 助けて!ワードプレスのビジュアルモードでの編集で画像をいれると …

pagetop
[STINGER5]トップへ戻るのボタンを好きな画像に変更する方法「PageTop」

スポンサーリンク [STINGER5]トップへ戻るのボタンを好きな画像に変更する …

By: Dan Taylor
お気に入りやタブ横のアイコンを作成して変更・表示させる方法

お気に入りやタブ横に表示されるアイコンをオリジナルで作成して変更・表示させる方法 …

By: Maria Keays
[WordPress]投稿日付と時間の表示を変更する。あと投稿者名を削除する方法(Hueman)

スポンサーリンク [WordPress]投稿日付と時間の表示を変更する。 あと投 …

dnserror
エラー105「DNS ルックアップでエラーが発生したため…」の解決方法

DNS ルックアップでエラーが発生したため、kasabuta-endless.n …

By: Piotr Drabik
ワードプレスでカテゴリーの記事数と階層を表示させる簡単な方法

スポンサーリンク ワードプレスでカテゴリーの記事数と階層を表示させる簡単な方法 …

By: NASA Goddard Space Flight Center
STINGER5でサイドバー上部にプロフィール欄を設置する方法

スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …

By: Linus Bohman
[WordPress]プロフィールをサイドバーに載せるプラグイン4つを試してみた

スポンサーリンク [WordPress]プロフィールをサイドバーに載せるプラグイ …

cropped-stinger5.png
STINGER5のヘッダーをカスタマイズしますよ。

ヘッダーは超重要だと思いませんか? 人に例えると「顔」にあたると個人的に思ってい …

By: DVIDSHUB
[WordPress] 「トップへ戻る」「PageTop」をスマホだけ表示しないようにする方法[STINGER5]

スポンサーリンク [WordPress] 「トップへ戻る」「PageTop」をス …