ライフハック

記事下にプロフィールがないからPVが上がらない!?プラグイン「Simple Author Box」で簡単に解決!

2016年1月7日

WordPressを使ってると、意識しないとソーシャルメディアでの拡散率が低くなっちゃうんですよね。

はてなブログみたいな新記事や人気記事の拡散システムがあまり存在しない分、自分でせっせと宣伝していかなければなりません。

なんだかなぁ!(©阿藤快)と思っていたあるとき、私が頻繁にお世話になっているNaifixさんにこんな記事が。

シェアボタンと共に記事の下に設置しておきたいのが、プロフィール欄です。「こんなひとが書いています」なんて、顔写真やアバターつきで設置してあるブログをよくみますよね。

サイドバーがあるならそこにおいてもよいのですが、ブログに訪れてくれた方がどこに一番注目するかというと、記事のすぐ下

読者の行動を促すことを「コールトゥアクション」と言いますが、ブログでは『読み終わった。さてどうしよう』という瞬間を狙うのが最も効果的。

ここに簡単な自己紹介と興味のあるジャンルを載せておくことで、フォロワー増を狙います。肩書きや実績を載せると、記事の信頼度をちょっぴり上げることもできます。

参考WordPressブログのアクセス数を月間1万PVに伸ばす超具体的な方法-Naifix

なるほど…

 

記事下か。これまでサイドバーしか置いてなかったなあ。

私はTwitterやFacebookで更新情報を流しているので、フォローして頂くとブログを定期的に読んで頂ける率がグッと上がるなと。

 

でも、ウィジェット欄をイジるための知識がない!スタイルシートコチョコチョできない!

どうすりゃいいのさ…と思っているところに記事の続きが。

Simple Author Box を使えばCSSの知識がなくてもカッコイイ著者情報を載せることができます。

なに!?Simple Author Box…なるへそ、そのプラグインいいねえ使ってみたい!!

というわけで、早速やってみました。

けっこう簡単なのに、プロフィール欄がオシャレに仕上がりましたよ!しかも記事下にキレイに収まっています!!

あなたも是非!

スポンサーリンク

①プラグインをダウンロードする

まずは、自分のダッシュボードに入りましょう。

 

1

この「プラグイン」欄⇒「新規追加」に進み、ダウンロードします。

 

2

「プラグインの検索」で、「Simple Author Box」と入力。Enterを押すと…

 

3

はい!出ました!

私は「インストール済み」になっていますが、ここが「今すぐインストール」になっているはずなのでクリックします。

しかしこのプラグインの中の写真の人。このサングラスの人ね。


もうコレにしか見えなくなっちゃったわ…ワタシ疲れてるのかな…

 

で、ダウンロードできたら有効化します。

4

ダウンロード終わった画面で有効化するもよし、このページで有効化するもよし。

有効化が終わったら、「Settings」を押しましょう。今から設定に移ります。

 

②設定

「Settings」を押すと、この画面に来ます。

5

この4つの設定、全部英語ですがあんまりイジる必要はありません!もともとオシャレ!

内容を解説していきますね。

General options(一般設定)

gene

パソコン画面の大きさの関係で下切れちゃってますが、こんな感じです。

各設定の解説としては、

 

  • Manually insert the Simple Author Box

プロフィールの表示箇所の設定です。何もしなければ勝手に記事下になります。

「YES」にするとコードが表示されるので、どこでも貼り付けられます。

  • Hide the author box if author description is empty

ここを「YES」にすると、プロフィール情報(後述)に書かれていない人物データは隠されます。

  • Author avatar image style

筆者の写真が、□か○かを設定します。写真の設定に関しては後述。

  • Rotate effect on author avatar hover

ここを「YES」にすると、ポインタが合った筆者顔写真が回ります

…ただし、時計回りに70°ぐらい…。まあ1度お試しください。

先の顔写真で□を選ぶと無効ですが。

  • Show author website

自分のサイトを表示できます。複数サイトがある方は是非。

  • Social icons type (colored background or symbols only)

ソーシャルアイコンのビジュアル設定です。ここが一番の見せ所かな。

colored」を選ぶと細かい項目が出てきて、、カタチの設定や影をつけるかどうか…といったことが設定できます。めっちゃオシャレですね!

  • Open social icon links in a new tab

ソーシャルアイコンをクリックしたとき、別ウィンドウに表示するかどうかの設定。

  • Hide the social icons on author box

ソーシャルアイコンを非表示にできます。今回の趣旨にはのっとっていませんが…。

 

他の「Color options」「Typography options」「Miscellaneous options」はお好みで…という感じです。筆者はノータッチです。ここまで書きすぎで疲れたわけではありません。断じて違う!違うんだあアアアアウワアアアアアン

 

プロフィール欄の設定

このプラグインは、Wordpressのプロフィール欄から情報を吸い出します。

7

横の「ユーザー」欄をクリックし、自分の名前をクリックします。

 

888

「連絡先情報」という項目に、各種SNS欄があります。

私はTwitterとFacebookだけですが、自分の使っているものを記入していきましょう。

 

ここでひとつ注意。

各種SNS欄は、ホームページアドレス(例:https://twitter.com/Jinzo_studio)を入れましょう。

私はここにアカウントのID(例:@Jinzo_studio)を入力したので、クリックしても「そのページは存在しません」が出て、なんだかなぁ(©阿藤快)状態になりました。

 

9

プロフィール情報、プロフィール写真の設定です。のびのびと書きましょう。

プロフィール写真はGravaterというのを使わなければなりません。この青文字をクリックしましょう。

③Gravaterで顔写真設定

10

この画面になるので、Wordpressアカウントを持っていれば矢印部をクリック。

WordPressアカウントを持ってない!そんな設定した覚えはない!という方は、下段に記入して「sign up」をクリックします。

 

12

ログインできたらこの画面に来ます。

この青文字をクリックします。

 

13

この画面になるので、自分が登録したい画像のありかを指定します。

 

14

画像を選択するとこうなります。

切り取り設定をして、下のボタンをクリックします。

 

15

レーティング設定。よいこのみんなはGをクリックしましょう。

 

17

これで設定完了です!

 

18

画像が入ってることを確認して、「プロフィールを更新」をクリックします。

コレにて終了!!!お疲れ様でした!

 

設定終了した結果

end

すごい!ちゃんと記事下に入ってる!!

オシャレキレイです!

 

これでフォロワーが増えました!!とはまだ言えませんが…

簡単キレイに設定できますので、ぜひ導入してフォロワー&定期購読者増加を狙いましょう!

 

追記-モバイル版のセンタリング解消(2016/1/17)

このSimple Author Box、ひとつだけ地味な悩みが。

 

 

before

モバイル表示だと、プロフィール表示がセンタリングされます。

その結果、何とも残念な体裁に…

 

この解決法を、さかのうえのまろ(@sakanoueno_maro)さんが教えてくださいました!!

mr.maro

参考まろろぐ

 

 

2

まず、左メニューの「外観」「テーマの編集」を開きます。

この中の、style.cssを開きます。

私はSimplicityを使っているので、子テーマのmobile.cssを開きます。

 

 

3

ここに、以下のコードを貼り付けます。

 

.saboxplugin-wrap .saboxplugin-desc {
text-align: left !important;
}

 

これだけで終了です!簡単!!

 

after

ご覧の通り、左寄せでスッキリしました。

さかのうえのまろさん、ありがとうございました!

 

スポンサーリンク

おすすめ新着記事

SANGOとAFFINGERの比較ポイント

ブログ

2020/9/17

SANGOとAFFINGERを徹底比較。両方使った正直な感想をレビューします

ざらし SANGOを使ってるんだけど、AFFINGERに変更した方が良い? AFFINGERを使ってるんだけど、SANGOに変更して大丈夫かな? 有料のWordpressテーマを買おうと思うんだけど、SANGOとAFFINGERならどっちがいいかな? 上記の疑問に答える記事です。   多くのブロガーに親しまれているWordpressテーマ、「SANGO」「AFFINGER」。どちらも良いテーマだけに「どっちを選ぶか?」は難しいところ。 わたしは「SANGO」「AFFINGER5」どっちもを使った ...

続きを読む

AFFINGER5はWINGかEXか

ブログ

2020/9/14

AFFINGER5「WING」と「EX」の違いまとめ。最初からEXは必要ありません

ざらし AFFINGER5、「WING」だけじゃなく「EX」も必須なの? EXも含めた「PACK3」が割引だけど、買っといたほうがいいの? 「EX」は普通版の「WING」とどこが違うの? この記事では、上の疑問を解決していきます。   わたし自身も、思い切って「AFFINGER5」を導入しました。とにかく満足、の一言です!他人のサイトを見ていて「この機能欲しいんよな〜」と思っていたものばっかり入ってます。 でも、 せっかくだから「EX」も買ったほうがいい? 機能メガ盛りの「PACK3」の割引がす ...

続きを読む

定食酒場あしこのテイクアウト弁当

徳島生活

2020/8/10

【徳島市応神町】「定食酒場あしこ」のテイクアウト弁当が安くておいしい!今こそ注文だ!

こんにちは、徳島在住のJinzo(Jinzo_studio)です。4月の終わり、うちのポストにこんなチラシが入っていました。 ▲徳島市応神町にある「定食酒場あしこ」のメニュー。例のウイルスの影響で店舗営業ができず、5/1からテイクアウトを始めるということでした。 よくよく見てみると… ざらしや、安いよね? うん。650円からスタートって!いいぞいいぞ頼んでみよう!Jinzo 前々からお店の前を通ることが多く、気になっていたお店でした。これまで行く機会がなかったんですが、このたびお弁当を注文してみることにし ...

続きを読む

カフェ・ザ・モーニングをおススメします

徳島生活

2020/8/10

【徳島市佐古町】カフェ・ザ・モーニング(THE MORNING)|おしゃれ・おいしい・ボリューミー!最高のcafe

ざらし徳島は田舎だけど、オシャレなカフェとかあるのん? (ナチュラルに徳島バカにしたなこいつ…)あるわーい!Jinzo こんにちは、Jinzo(Jinzo_studio)です。徳島にもオシャレなカフェはいろいろありますよ。 その一つが、徳島市・佐古町にある「CAFE THE MORNING(カフェ・ザ・モーニング)」。店内は若い女性客でいっぱいでした。 店内・外オシャレ ごはんめっちゃおいしい ご飯の量がボリューミー でもリーズナブル すばらしいカフェでした! この記事では、徳島の中でも特にすばらしいカフ ...

続きを読む

徳島県民の県民性アイキャッチ

徳島生活

2020/8/10

徳島人の県民性。32年住んだ後、外国に出たぼくから見た性格・特徴

こんにちは、Jinzo(Jinzo_studio)です。ちょっとデリケートな話題に突っ込んでいこうと思います。 徳島人の県民性について記事を書こうと思い、検索してみると… ▲「徳島人 性格」で調べたはずなのに…   ▲関連ワードの1番目に「徳島県民 クズ」って出るんですよ。みんなどんだけ徳島人キライなん!!!   まあ…正直言って「徳島に来たばっかりの人、どうか引かないでおくれ…」って思う徳島県民も確かにいます。ディ〇ニーランドの滝の上から落ちるやつぐらいヒヤヒヤするのよ。 それでも、 ...

続きを読む

  • この記事を書いた人

Jinzo

徳島→中国・広東省に転勤したアラサー。現在は徳島に一時帰国中。 徳島暮らしを始めた人に向けて、徳島生活に役立つノウハウ・超ローカル情報を記事にしています。

-ライフハック

© 2020 ジンゾースタジオ