Stinger5でサイドバー上部にプロフィールを設置する方法 ~初心者向け~

Stinger5でサイドバー上部にプロフィールを設置する方法 ~初心者向け~

 

今日は今まで気になっていたけどほっておいたプロフィール設置について実践しながらご報告したいと思います。

今日のこの設置方法はKASABUTA-ENDLESSの記事を参考にさせていただきました。

Stinger5のデフォルト状態

キャプチャ

Stinger5を使う場合に気を付けることとして、サイドバーのWidgetが挿入できるのはデフォルトではアドセンス広告、RSS、及び検索欄の下だということです。なので上図のような位置にプロフィールを入れたいと思います。

まず『外観』⇒『エディット』⇒『sidebar.php』にアクセスします。php最上部はこのようになっていると思います。

キャプチャ『ここにコード挿入』の位置に以下のコードを挿入します。

<div class="twibox">
<h4 class="menu_underh2">about</h4>
<div class="textwidget">
<ul><li>詳しいプロフィール</li></ul>
</div></div>
するとページ表示はこうなります。
キャプチャ

挿入したコードにプロフィール画像と紹介文に変更する

具体的に自分の画像や紹介文に変更し以下のようにします。

キャプチャ

 

すると実際のページは以下のようになりました。

キャプチャ

 

今回は画像は入れませんでしたが画像を挿入する際は以下のようになります。

キャプチャ

今日はこの辺にしておきます。