Tech Tips

  1. ブログ
  2. 24 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. M5Stack Core2 for AWS – ESP32 IoT開発キットで…

  2. Udacity Self-Driving Car Engineer Nanodegree …

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

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

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

関連記事

PAGE TOP