当サイトには広告が含まれております

記事の下に著者紹介の表示をする Simple Author Box プラグイン

この記事は最終更新日から8年経過しています。内容が古い可能性があります。

RYUS blogの記事はほぼ毎日兎本が書いていますが、天野も書く場合があります。このように複数の著者が書いている場合やにはどちらが書いているのかについて著者紹介をしたいと思うことが多いと思います。
そんなときに使えるプラグイン Simple Author Box があるという噂を聞いたのでさっそく入れてみました。
入れてみて思ったのですが、記事は検索結果などで直接見に来られることが多いので、著者が複数でない場合でも記事の下に著者紹介があるとわかりやすいと思います。

記事をざっと見る

Simple Author Box をインストールする

Simple Author Box をインストールします。

ダッシュボード プラグイン>新規追加 をクリック

Simple Author Box と入力してリターン

今すぐインストール をクリック

プラグインを有効化 をクリック。これでインストールが終了です。

インストールした時点でどのように表示されているか?

インストールが終了した時点でどのように表示されているかを確認します。

こんな感じに表示されています。

天野の記事の下を見ると

自動的に天野のプロフィールが表示されていました。

この表示はユーザーのプロフィールから表示されます。現在は、

こんな感じにプロフィール画像だけは入っていて、プロフィール情報は入っていないため、こんな感じの表示になっているようです。

このプロフィール写真はGvavatarのものではなく、

[ryus_blogcard url=”https://usortblog.com//simplelocalavatars/”]

で設定したものでした。Gravatarもしくはこの方法でプロフィール写真を登録すると良いかと思います。

また、Simple Author Box プラグインを入れたことでプロフィールで各種SNSの設定が追加されていました。

表示の設定をする

Simple Author Box で設定できる項目を追加してみます。

まずは

ダッシュボード ユーザー>あなたのプロフィール をクリックします。

プロフィール ‹ w442 — WordPress

SNSなどのURL入力欄がとてもたくさんありますので、該当するところにURLを入力します。

プロフィール情報も入力して、

プロフィールを更新 をクリックします。これで、

このように表示されました。プロフィールでHTMLが書けるのでURLのリンクも付けられます。SNSのボタンをクリックすると各SNSにリンクしています。

Simple Author Box の設定で表示をカスタマイズしてみる

次に、Simple Author Box の設定で表示をカスタマイズしてみます。

ダッシュボード 設定>Simple Author Box をクリック

このような設定画面になります。

クリックするとオプションの値が変更できるのでこのようにしてみました。

変更を保存 をクリック

変更後はこのようになりました。著者画像が丸く切り取られ、SNSボタンが大きくわかりやすくなりました。SNSボタンをクリックしたときも別タブで開くようになります。

おまけ:スマホ表示もきれいにできていました


スマートフォンでの表示
を確認しました

Simple Author Boxの設定変更前

IMG_0829

Simple Author Boxの設定変更後

IMG_0830

ちゃんと表示されていました(^^)/

[amazon_searchlink search=”WordPress デザイン”]

この記事が気に入ったら
いいね または フォローしてね!

あなたのシェアが励みになります!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (2件)

  • 役に立つ記事をありがとうございます。優秀な著者紹介ボックスを探していましたが、なかなか良いものがありませんでした。Simple Author Boxは簡単に見栄えの良い著者紹介ボックスが作れそうですね。早速、私が運営してい「本の棚」でもここの記事を参考に活用させていただきます。

    ちなみに、このコメントボックスはなにか特別なプラグインなど使っていますか?スッキリとして使いやすそうです。

    大山

    • 大山賢太郎さん、こんにちは!記事がお役に立ったようでうれしいです。「本の棚」というWebサイト、興味深いサイトですね。

      >ちなみに、このコメントボックスはなにか特別なプラグインなど使っていますか?スッキリとして使いやすそうです。

      なのですが、特に何かをした覚えがないのでテーマのSimplicityのおかげでスッキリしているのかもしれないです。

コメントを残す

記事をざっと見る