Tech Tips

  1. ブログ
  2. 49 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. PlatformIO IDE for VSCode を使用して VSCode で Ardu…

  2. ROS Docker イメージで発生した GPG error の解消方法

  3. Streamlit で訪れた国を色づけした世界地図を作成できるアプリケーションを作成してみ…

  4. M5Stack Core2 for AWS – ESP32 IoT開発キットで…

  5. Udacity Self-Driving Car Engineer Nanodegree …

関連記事

PAGE TOP