KASABUTA-ENDLESS

*

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

   

スポンサーリンク

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

今回試したのは、これらの4つ。

「about me 3000」

「Web4pro About me」

「About The Autor」

「WP Biographia」

それぞれを解説してみます。

「about me 3000」

2014-10-19_212753

プラグインのインストール後、「外観」の「ウィジェット」から追加できます。

こんな感じになります。

2014-10-19_174426

シンプルで良いですね。

ですが、SNSボタンを設置しようとすると…

2014-10-19_174614

レイアウトが崩れてしまってます。

SNSボタンが要らないなら使ってもいいかも。

使用するテーマによってはちゃんと表示されるかもしれません。

「Web4pro About me」

2014-10-19_214409

まだ少ししかダウンロードされてない比較的新しいプラグインです。

インストール後にウィジェットから追加します。

2014-10-19_180329

ちょっとカスタマイズするとこんな感じになります。

SNSボタンがオシャレで良い感じ!

デフォルトのままで使用すると、

2014-10-19_172616

変な枠がついてるし、新規記事やコメントのほうまで囲い込んでいますね…

簡単に改善できるんで、後ほど解説します。

「About The Autor」

2014-10-19_215823

こちらもウィジェットから追加します。

2014-10-19_172838

これだけしか設定するところがないので、おそらく「ユーザー」→「あなたのプロフィール」の情報を掲載してくれるんでしょうけど…

ウィジェットで設定しても表示されることはありませんでした。

これももしかしたらテーマや他のプラグインとの相性が悪かったのかもしれません。

残念ながら使用できませんでした。

「WP Biographia」

2014-10-19_220224

有名なプラグインで人気があります。

ですが、プラグインを導入後レイアウトがぐっちゃぐちゃになりました(笑)

なんとか綺麗に収めて、サイドバーにプロフィールを表示させることができたのですが、

2014-10-19_173805

あまり好みじゃないし、文章を好きに変えることが出来ません。

シンプルに表示させたい場合はいいかもしれません。

「Web4pro About me」の使い方

「プラグイン」から「プラグイン編集」を選択。

右上の編集するプラグインを選択から「Web4pro About me」

「web4pro-about-me/css/style.css」を選択します。

外枠を外したい場合には、

「border」をCtrl+Fキーで検索。

該当する項目を削除します。

また、SNSボタンとプロフィール本文との間の空白が大きすぎる場合は、一番下のbody-textの数値を少なくしてください。

私の場合は5pxにしています。

このスタイルシートでのそれぞれの項目を変更することでカスタマイズできるので、自由にやってみてください。

プロフィールをサイドバーに載せるプラグイン4つを試してみたのまとめ

いろいろと試して今記事を書いている時点で気がついたのですが、これらのプラグインのどれかと干渉してしまったようで、画像の挿入ができなくなってしまいました。

WP自体のバージョンやプラグインのバージョンによっては干渉してしまって不具合が起きてしまいます。

とりあえず、今回の4つをすべて無効化することで問題解決出来ました。

4つの中では「Web4pro About me」が一番良い感じだとおもいました。

まだ完成してないので、ちょっとずつ調整していきたいと思います。

さて、ここまでお付き合いいただき誠にありがとうございました。

またお見えできる機会を楽しみにしています。

(追記)干渉していたプラグインは「Web4pro About me」でした。

干渉しないようにバージョンアップしてくれるのを願っております。

 - WordPress, 使い方

336adosensu

336adosensu

Message

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

  関連記事

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

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

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

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

By: bluesbby
ワードプレスの記事中にソースコードを表示させる簡単な方法

スポンサーリンク ワードプレスの記事中にソースコードを表示させる簡単な方法 前回 …

By: Chris Potter
画面のキャプチャ後に編集まで出来ちゃう拡張機能(アドオン)が便利らしいゾ♪

スポンサーリンク クロームやインターネットエクスプローラー、ファイアフォックス等 …

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

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

By: Brantley Davidson
[WordPress]オシャレなSNSボタンをサイドバーウィジェットに追加するプラグイン「Lightweight Social Icons」

スポンサーリンク [WordPress]オシャレなSNSボタンをサイドバーウィジ …

By: eyeliam
パーマリンクのカスタムURLは日本語の記事タイトル名じゃあかんのや!!

スポンサーリンク ワードプレスの記事をツイートボタンからツイートしてもらったとき …

14924952180_a6cbfdafda_z
センス良いね!画像をポップアップで拡大表示するワードプレスプラグイン

Photo:Le Danseur by Roy Barnett Jr. &nbs …

By: loomingy1
[STINGER5]カテゴリーでの親子階層の段差を表示する方法

スポンサーリンク STINGER5カスタマイズ…カテゴリーの親子で階層表示の段差 …

108901r
KASABUTA-ENDLESS(かさぶたエンドレス)について

スポンサーリンク KASABUTA-ENDLESS運営者のプロフィール プロフィ …