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: Michelle Tribe
便利スギィ!!投稿編集画面でペイント・お絵かき出来るワードプレスプラグイン「deviantART muro」

ワードプレスの記事投稿で画像を使用したい時に、 「ペイント等で画像を作成・保存→ …

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

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

stinger5
STINGER5の文字サイズを変更する方法

つい先日、今頃になって気がついたのですけどね、 「なんか、うちのブログ、文字小さ …

By: Angie Garrett
[WordPress]記事の終わりにプロフィール・著者情報を自動挿入してくれるプラグインですって

スポンサーリンク [WordPress]記事の終わりにプロフィール・著者情報を自 …

By: Andrew Abogado
[Hueman使い方]サイドバーの背景色を変更する方法。その2

スポンサーリンク [Hueman使い方]サイドバーの色を変更する方法。その2 前 …

By: JD Hancock
人気ブログになるためのプロフィールの書き方

スポンサーリンク 人気ブログになるためにアルファブロガーのブログのプロフィール欄 …

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

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

By: khrawlings
[WordPress]phpをいじってヘッダー右側に相互RSSを設置する方法

スポンサーリンク [WordPress]phpをいじってヘッダー右側に相互RSS …

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

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

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

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