Lifehack

記事下にプロフィールがないから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

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

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

 

スポンサーリンク

おすすめ新着記事

PC

2020/10/2

100均グッズでOK!デスク周りの配線を隠してすっきりさせた方法【ケーブルは天板の裏に】

デスク周りの配線が汚すぎる…Jinzo ゴチャア… ざらしうわあ… あまりにも配線が汚すぎるので、配線を隠してスッキリさせました。結果がこちら!   YEAHHHHH!!どうですかこのスッキリ具合!! これで足元のゴチャゴチャ配線ともおさらば。掃除もしやすくなり、部屋も心もスッキリ。   ▲配線は、机の天板の裏に隠しています。   ざらしでも、こうするのにもお金が掛かったでしょ? いいや!100均のグッズ3つしか使ってないよ!Jinzo 材料は、100均(セリア)で買った3 ...

続きを読む

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

徳島生活

2020/8/10

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

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

続きを読む

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

徳島生活

2020/8/10

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

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

続きを読む

阿波弁辞書作りました

徳島生活

2020/8/10

【阿波弁辞書作りました】しわしわ、どちらいか…分からないときのための徳島方言一覧

ざらしくん、ほれまがるけんかいといてだな。Jinzo ざらし…!!??!? ほーなーけん!!ほれ、まがるけん!!かいといてっちょんで!!Jinzo ざらし…!??!?!?(「日本語でお願いします」の顔で) こん↑にちは↑、Jinzo(Jinzo_studio)です。阿波弁で失礼します。上の会話、解りました? 徳島に引っ越してきてびっくりすることのひとつ、阿波弁。若い人はそこまで方言キツくありませんが、おっちゃんおばちゃんのしゃべる阿波弁がマジで分からない。 関西弁寄りのイントネーションなので、結構わかりそ ...

続きを読む

徳島は何もないわけじゃない!

徳島生活

2020/8/10

徳島に「何もない」わけじゃない!徳島歴32年のぼくが、徳島の住みやすいポイントを紹介します

こんにちは、Jinzo(Jinzo_studio)です。 こないだぼくの兄がGoogleで検索してたら、「うはwww「徳島」で検索したら「徳島 何もない」って出てきたwwwww」 と言うので、ぼくもやってみました。「徳島 な」まで入力した結果がコレ。 ホンマやwwww一番に出てきた!!!Jinzo これさあ、徳島に転勤とか進学とかで引っ越してくる人ちょっとガッカリするんちゃうやろか? な゛ん゛でだよ゛お゛!徳島行きかよおおおお!!!(©カイジ)みたいになるんちゃうかと。それ辛いやんね。   そり ...

続きを読む

  • この記事を書いた人

Jinzo

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

-Lifehack

© 2020 ジンゾースタジオ