WEBマスターの手帳 > WEBサイト作成 > WordPress > 自分の好きな場所に著者表示できるWordPressプラグイン「Simple Author Box」

WordPress

2015年3月30日

自分の好きな場所に著者表示できるWordPressプラグイン「Simple Author Box」

4844a2b8a03cdf3474e5346b6f883220.png
Twitter 2 Facebook Google+ はてブ 1 Pocket チャットワーク Eight Feedly

WordPressで投稿の著者表示はしていますか?表示させているよという方は、どうやって表示させていますか?phpで書いている?それともプラグインを使っていますか?

プラグインを使っているよという方は多いのではないでしょうか?手軽だし便利ですよね。WEBマスターの手帳でも「Fancier Author Box」を使って表示をさせていました。

今後のWEBマスターの手帳の展開を考えて、少し表示場所を変えたいと思ったのですが、「Fancier Author Box」は表示位置を自分の好きな場所にするのに、ちょっと面倒。

ということで、新しい著者表示プラグインを使い始めました。

スポンサードリンク

Simple Author Box

Simple Author Box

早速ですが「Simple Author Box」は

<?php if ( function_exists( 'wpsabox_author_box' ) ) echo wpsabox_author_box(); ?>

を著者を表示させたい箇所に貼り付けることで変更することができます。

カスタマイズの幅が広い

「Simple Author Box」は、とてもデザインのカスタマイズの幅が広いです。さらにカスタマイズ用の設定項目が用意されているので、誰でもカスタマイズができます。(英語が読めれば)

ただし「Fancier Author Box」と違って「Simple Author Box」では「最近の投稿」など同じ著者の投稿をタブで表示させることは出来ません。

デザインのバリエーションも豊富

「Simple Author Box」は表示デザインも豊富です。

Simple Author Boxのデザイン
Simple Author Boxのデザイン2

デザインのサンプル:Simple Author Boxのデザインサンプル

ソーシャルメディアのアイコンもいじれる

ソーシャルメディアのアイコンも四角にしたり丸にしたり、影をつけたりと色々できます。
ソーシャルアイコンのカスタマイズソーシャルアイコンのカスタマイズで影をつける

Simple Author Boxのカスタマイズ設定

簡単にSimple Author Boxの設定を解説しておきます。(英語だとわからない!という方もいると思うので)

General options:基本設定

Simple Author Boxのカスタマイズ設定1

  • Manually insert the Simple Author Box:著者の表示箇所を好きなところにする場合はYESにする
  • Top margin of author box:著者表示スペースの上にどれぐらい空白を置くか
  • Bottom margin of author box:著者表示スペースの下にどれぐらい空白を置くか
  • Hide the author box if author description is empty:ユーザー説明がない時に著者表示するか否か
  • Author avatar image style:著者の写真の形(四角か丸か)
  • Rotate effect on author avatar hover:著者の写真にマウスが乗った時に写真を回すか否か

Simple Author Boxのカスタマイズ設定2

  • Show author website:著者のWEBサイトを表示するか否か
  • Social icons type (colored background or symbols only):ソーシャルアイコンの色(カラーか同一色か)
  • Social icons style:ソーシャルアイコンの形(四角か丸か)
  • Rotate effect on social icons hover:ソーシャルアイコンにマウスが乗った時にソーシャルアイコンを回すか否か
  • Use flat long shadow effect:ソーシャルアイコンに影をつけるか否か
  • Show a thin border on colored social icons:ソーシャルアイコンに枠線を入れるか否か
  • Open social icon links in a new tab:ソーシャルアカウントを新しいタブで開くか否か
  • Hide the social icons on author box:ソーシャルアイコンを表示するか否か

Color option:色設定

Simple Author Boxの色設定

  • Author name color:著者名の色
  • Author website link color:WEBサイトへのリンクの色
  • Border color of Simple Author Box:枠線の色
  • Background color of social icons bar:ソーシャルアイコンスペースの背景色
  • Social icons color (for symbols only):ソーシャルアイコンの色(同一色の時)の色

Typography option:文字設定

Simple Author Boxのフォント設定

  • Google font characters subset:文字タイプの設定(Googleフォント)
  • Author name font family:著者名の文字タイプ
  • Author website font family:著者のWEBサイトの文字タイプ
  • Author description font family:著者の説明文の文字タイプ

Simple Author Boxのフォント設定2

  • Author name font size:著者名の文字サイズ
  • Author website font size:著者のWEBサイトの文字サイズ
  • Author description font size:著者の説明文の文字サイズ
  • Size of social icons:ソーシャルアイコンの大きさ
  • Author description font style:著者の説明文を斜体にするか否か

Miscellaneous options

ここはCSSをいじりたい人や他のプラグインと合わせて使う場合などなので割愛!

著者表示に使えるプラグインも色々あって面白い!

あっ…でも著者の人の他の記事表示は有ったほうがいいのか。まぁいいか。

この記事が良いと思ったらシェアしてください

Pocket

御社のターゲット像を明確にする!ペルソナ作成シート

ペルソナ作成シート

WEBマーケティングで重要なのが「相手は誰?」というターゲット像を明確にすることです。

そこでWEBサイトを訪問する人は誰?企業ブログを訪問する人は誰?SNSで繋がりたい人は誰?これらターゲット像を明確にするための「ペルソナ作成シート」を【無料】で配布しています。

WEBマスターの手帳をフォローして最新情報をゲットしよう!

4844a2b8a03cdf3474e5346b6f883220.png

この記事に「いいね」と思ったらフォローしてね!


この記事を読んだ方におすすめの記事

この記事を書いた人

遠藤 聡
中小企業のWEB担当者&ソーシャルメディア担当者としてWEBサイトの管理運用から企業ブログ、Facebookページ、Twitter、YouTubeチャンネルの管理運用(企画&実施)を行なっております。 具体的なサービス内容はサービス詳細ページをご覧ください。

コメント

  • ソーシャルメディア活用チェックシートのダウンロード
  • ペルソナ作成シートのダウンロード
  • @webmaster_note
  • Instagram

最新記事一覧

あなたにオススメの記事

ピックアップ記事一覧

カテゴリー

人気記事ランキング

  • 本日
  • 週間
  • 月間
  • 殿堂

本日の人気記事

週間の人気記事

月間の人気記事

殿堂の人気記事