Tech Tips

  1. ブログ
  2. 14 view

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

せっかくだから自己紹介の部分をWordPress上に書きたいなと 思って検索したらいいサイト見つけた! WordPress上にプロフィールを表示してみよう これを見ながら自分が使っているテーマに合うように sidebar.phpに次のコードをサイドバーの最初の方に書き加えてみた。
  <div class="sideProfile">
    <div class="sideProfileContent">
      <b><i><?php the_author_meta('nickname'); ?></i></b><br />
      <?php the_author_meta('description'); ?>
    </div>
  </div>
そして、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;
}
その結果、このサイトの右上のように表示されるようになりました。
まぁまぁいい感じ♪

ブログの最近記事

  1. Udacity Self-Driving Car Engineer Nanodegree …

  2. D3.js v7 で点・線・テキスト・ツールチップ・ズームを設定する方法

  3. ソフトウェアシステムアーキテクチャ構築の原理 第2版を読みました

  4. TF-Agents で独自の環境を利用する方法

  5. Amazon Lex V2 で入力させる内容を分岐する方法

関連記事

PAGE TOP