Tech Tips

  1. Uncategorized
  2. 400 view

Create profile part fit with the thema on WordPress

I wanted to make a part of self-introduction on WordPress side bar. Then I googled how to make it and I found a good site. WordPress上にプロフィールを表示してみよう I wrote some source code on sidebar.php following the site to fit the theme.
<div class="widget-top"></div>
  <div class="sideProfile">
    <div class="sideProfileContent">
      <b><i><?php the_author_meta('nickname'); ?></i></b><br />
      <?php the_author_meta('description'); ?>
    </div>
  </div>
<div class="widget-bottom"></div>
And then I also wrote css code on 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;
}
The result is like this.
Looks nice♪

Uncategorized recent post

  1. Run Amazon FreeRTOS on M5Stack Core2 for AWS …

  2. Udacity Self-Driving Car Engineer Nanodegree …

  3. Install sbt 1.0.0 and run sample template

  4. Visualization of Neural Network and its Train…

  5. [Machine Learning]Created docker image includ…

関連記事

PAGE TOP