ayatonobuの徒然日記

hope to find something special

*

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

      2014/12/08

       
  • このエントリーをはてなブックマークに追加
  • follow us in feedly
  • LINEで送る

 

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

今日のこの設置方法は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>
するとページ表示はこうなります。
キャプチャ

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

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

キャプチャ

 

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

キャプチャ

 

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

キャプチャ

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

 

 - ブログ SEO対策, ブログ設置関連

  • このエントリーをはてなブックマークに追加
  • follow us in feedly
  • LINEで送る

  関連記事

ブログ初心者が独自ドメインを使ってブログ開設に挑戦

最初ブログを立ち上げるのはほんとに試行錯誤で全然わからないことだらけです。その苦 …

ブログを継続して書くために必要だと思うこと ~ブログを続けるコツについて考えてみた~

僕の祖父は亡くなる直前まで数十年にわたって、分厚い日記帳に毎日あった出来事を記し …

ブログ初心者でも Google Adsense 審査通るか、やってみた

昨日よりWordPressで立ち上げたブログ。GoogleAdsenseに早速審 …

GoogleAdsense 二次審査突破

GoogleAdsenseの二次審査突破の連絡が先ほどありました。それから2時間 …

ブログ初心者が GoogleAdsense 短期間で一次審査突破のために必要な3つのコツ

先ほどアドセンスの一次審査パスしたというメールが到着しました。失敗も経験している …

初めてブログを立ち上げる時の苦労

二日前からブログを立ち上げようと決心した。 まず最初に一年前に作ったFC2ブログ …

ブログのアクセスを増やすためのTipsをまとめた記事を厳選チェック 最初にすべき3つのこと

ブログを書き始めてもうすぐ1週間になるが、もちろんまだ見ていただいている方はそれ …

ブログ開始10日目で、PV1000訪問者数558まで来ました。

本日でブログ開始10日目になりました。 当初色々苦労もありましたが、だいぶブログ …

Stinger5で記事途中にAdsenseを挿入するやり方

これを試みている最中にfunctions.phpを触っていたら、ブログにアクセス …

Stinger5でサイドバーのAdsenseを他の広告に変える手順

この記事は自分の備忘録として、記載しておく。 Stinger5でサイドバーのAd …