WordPressでテーマに合うようにプロフィール表示してみる

せっかくだから自己紹介の部分をWordPress上に書きたいなと思って検索したらいいサイト見つけた！ WordPress上にプロフィールを表示してみようこれを見ながら自分が使っているテーマに合うように sidebar.phpに次のコードをサイドバーの最初の方に書き加えてみた。

  &amp;lt;div class="sideProfile"&amp;gt;
    &amp;lt;div class="sideProfileContent"&amp;gt;
      &amp;lt;b&amp;gt;&amp;lt;i&amp;gt;&amp;lt;?php the_author_meta('nickname'); ?&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;br /&amp;gt;
      &amp;lt;?php the_author_meta('description'); ?&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

そして、style.cssに次のコードを書き加えてみた。

.sideProfile {
   background: #784800 url( images/sw-wrapper-bg.png );
   color: #eccfa0;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 11px;
}
.sideProfileContent{
   background:url("myface.jpg") no-repeat left;
   background-position: 10px 10px;
   padding: 0px 0px 0px 80px;
}

その結果、このサイトの右上のように表示されるようになりました。

まぁまぁいい感じ♪

zuqqhi2

某Web系の会社でエンジニアをやっています。学術的なことに非常に興味があります。趣味は楽器演奏、ジョギング、読書、料理などなど手広くやっています。