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: Andrew Abogado
[Hueman使い方]サイドバーの背景色を変更する方法。その2

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

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

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

By: Shannon Kringen
[WordPress]子テーマ作成の一番手軽で簡単な方法!プラグイン『Duplicate Theme』

ブログの文字サイズを大きくしようかと思い、子テーマのCSSをいじろうかとしたら、 …

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

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

By: Elliott Brown
[WordPress]フッターのトップへ戻るボタンの位置を変更する方法(Hueman)

スポンサーリンク [WordPress]フッターのトップへ戻るボタンの位置を変更 …

By: Travis Isaacs
[ワードプレス]手動でcssやphpのバックアップをとるアナログな方法

[ワードプレス]cssやphpのバックアップをとる方法 ワードプレスのHowto …

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

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

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

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

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

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

stinger0003
スマホにも強い!STINGER5のインストール手順

先日、大人気のワードプレステーマ「STINGERシリーズ」作者のENJIさんが新 …