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

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

  関連記事

動画から簡単にアイキャッチを取得するワードプレスプラグイン「Video Thumbnails」

どうも。 Flickerからアイキャッチの画像を持ってくることがほとんどですが、 …

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

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

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

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

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

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

スターサーバー(旧ミニバード)のFTPからダウンロードは50Mの制限があるのでFilezillaを使う

どうも。 久々にワードプレスのテーマを変更しようと思ってます。 テーマ変更すると …

アキネイター:アナタの考えは見透かされてますよ。

アキネイターってサイト、もしくはアプリ知ってます? なんとなくは知ってたんですけ …

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

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

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

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

computer system data screengrab
wordpress「Parse error: syntax error, unexpected~backwpup/backwpup.php on line 69」PHPバージョンアップで治る

どうも。 久しぶりにブログのプラグインをアップデートしたところ、やはりエラーが発 …

ブログの写真・画像に枠をつけてチョット綺麗に見せる方法

スポンサーリンク ブログに掲載する写真や画像に枠をつけてチョット綺麗に見せる簡単 …