Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
WordPressにアバターを表示!自分のサイト用をプラグインで | 思いだし にっき
サイトアイコン 思いだし にっき

WordPressにアバターを表示 自分のサイト用をプラグインで

<p><img class&equals;"aligncenter size-full wp-image-7445" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;884140f64a213535a519a093c5468f71&lowbar;s&period;jpg" alt&equals;"Simple Local Avatars" width&equals;"448" height&equals;"310" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>アバターは自分の分身となるアイコン。<br &sol;>&NewLine;WordPressでは、アバターの登録のところにGravatarで登録できるようになっています。<br &sol;>&NewLine;他のブログにアバターを登録してみましたが・・・WordPressで使用しているアバターがメールアドレスと紐ついているので、表示したくないSNSでも表示されます。<&sol;p>&NewLine;<p>特定のWordPressのサイトでだけ、そのアバターを使用したい場合は、<br &sol;>&NewLine;Simple Local Avatarsプラグインを使えばできるようなのでやってみました。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Simple Local Avatars<&sol;h2>&NewLine;<p>このプラグインを利用すると、Gravatarに登録しなくてもアバターに好きな画像を表示できるんですね。<&sol;p>&NewLine;<p>WordPressの初期設定ではアバターはミステリーマンになっています。<&sol;p>&NewLine;<p><strong>Simple Local Avatarsプラグイン<&sol;strong>を利用してオリジナルなものにかえます。<&sol;p>&NewLine;<p>記事のコメント欄の管理者アバターを好きな画像にできます。<&sol;p>&NewLine;<p>アバターの画像サイズは自動的にリサイズされますし、<&sol;p>&NewLine;<p>アバター画像は古い記事にも反映されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Simple Local Avatarsのインストール<&sol;h2>&NewLine;<p>WordPressのダッシュボード左側メニューで「プラグイン」をクリック<&sol;p>&NewLine;<p>&Implies;「新規追加」をクリックします。<&sol;p>&NewLine;<p>検索窓に「Simple Local Avatars」と入れて検索します。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7446" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;sla01&period;png" alt&equals;"インストール" width&equals;"606" height&equals;"52" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>表示されたSimple Local Avatarsプラグインの「今すぐインストール」をクリックしてインストールします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7447" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;sla02&period;png" alt&equals;"インストール" width&equals;"601" height&equals;"220" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>インストールされたら「<strong>有効化<&sol;strong>」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7455" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;sla03&period;png" alt&equals;"" width&equals;"604" height&equals;"233" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ここまでは、他のプラグインのインストール方法と同じなので、プラグインを入れたことのある方ならすぐできますね(^^)<&sol;p>&NewLine;<p>で設定をすればいいんですが、画像の用意はできていますか?使いたい画像がどこに保存してあるのか確認しておくといいですね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Simple Local Avatarsの設定<&sol;h2>&NewLine;<p>有効化したらWordPressのダッシュボード左側メニューで「ユーザー」をクリック<&sol;p>&NewLine;<p>&Implies;「あなたのプロフィール」をクリックします。<&sol;p>&NewLine;<p>下の方にスクロールしていくと、<strong>「Avatar」という項目が増えて<&sol;strong>います。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7449" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;sla04&period;png" alt&equals;"アバター" width&equals;"601" height&equals;"239" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ミステリーマンが表示されている右横の「ファイルを選択」をクリックします。<&sol;p>&NewLine;<p>ファイルを選ぶウィンドウが表示されます。<&sol;p>&NewLine;<p>画像を保存してある場所から、使いたいアバターを選んで開くをクリックします。<&sol;p>&NewLine;<p>ミステリーマンが選択したアバター画像になります。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7450" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;sla05&period;png" alt&equals;"アバター変更" width&equals;"601" height&equals;"286" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>画像のサイズは特に指定はないようですね。<&sol;p>&NewLine;<p>自動でリサイズしてくれます。<&sol;p>&NewLine;<p><strong>正方形<&sol;strong>に近い方がよいです。<&sol;p>&NewLine;<p>また、既にメディアの方に画像がある場合は<&sol;p>&NewLine;<p>「ファイルを選択」の下の「<strong>Choose from Media Library<&sol;strong>」ボタンをクリックして、メディアから画像を選びます。<&sol;p>&NewLine;<p>アバターが表示されました&epsi;&equals;&lpar;&DiacriticalAcute;ο`&ast;&rpar;ホッ<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>画像が上手く表示されたのを確認したら、その下の「評価」の項目の「G」にチェックをいれます。<&sol;p>&NewLine;<p>ちゃんと表示されているか、確認してみましょう。<&sol;p>&NewLine;<p>ダッシュボードの「コメント」や右上のアイコンなどが選んだアバターになっていればOKですね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-7451" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2018&sol;05&sol;sla06&period;png" alt&equals;"完了" width&equals;"604" height&equals;"248" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Simple Local AvatarsとGravatarの大きな違いは、「Simple Local Avatars」は自分のサイトにしかアバターを表示させられませんが、「Gravatar」は他人のWordPressサイトにコメントする際も、メールアドレスを入力することでアバターが表示されるということです。<&sol;p>&NewLine;<p>アバターはWordPressのコメントだけでなく、ツイッターでの発言や、どこかのオンラインセミナーの参加などでも、意見を言う時に表示されます。<&sol;p>&NewLine;<p>自分の使い方によってGravatarに登録するか、Simple Local Avatarsで自分のサイトだけにするか、決めてから設定するといいですね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Simple Local Avatarsさいごに<&sol;h2>&NewLine;<p>一つのメルアドをいろいろなところで使って、自分のサイトでも、こちらが訪問先でコメントをいれるときや、SNSでの発言などでもアバターを表示したい場合はGravatarで登録します。<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;7391&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><strong>Gravatarの登録と使い方<&sol;strong><&sol;a><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>今回の私のように、アバターは表示したいけど、自分のサイトでのアバターとほかで表示されるアバターを別にしたいというときは、サイト用はSimple Local Avatarsでアバターを作ります。<&sol;p>&NewLine;<p>用途によってメルアドを使い分けるならSNS用などのメルアドを別に用意して、Gravatarに登録するといいですね(^^ <&sol;p>&NewLine;<p>あなただけのオリジナルアバターを作ってみてくださいね(^^)<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"&sol;&sol;www&period;blogmura&period;com&sol;ranking&period;html"><img src&equals;"&sol;&sol;www&period;blogmura&period;com&sol;img&sol;www88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;www&period;blogmura&period;com&sol;ranking&period;html">にほんブログ村<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了