NEW LIFE LOG

STINGER5でサイドバーにプロフィールを設置する方法

      2017/05/02

「STINGER5カスタマイズ」サイドバーにプロフィールを設置

STINGER5のサイドバーは、デフォルトでは上から広告枠、RSS、検索BOX、NEW POSTほか、となっていると思います。

今回は、広告枠とRSSの間にプロフィールを設置してみたいと思います。

 

スポンサーリンク

 

sidebar.phpを編集する

今回は、sidebar.phpを編集しプロフィールを設置したいと思います。

プログラムを編集する際は、念のためバックアップを忘れずに。

それでは、やり方です。

外観→テーマ編集→サイドバー(sidebar.php)に入ります。

 

<?php } ?>
</div>
<?php } ?>

<!– ここにプロフィールを入れます。 –>

<!– RSSボタンです –>
<div class=”rssbox”> <a href=”<?php echo home_url(); ?>/?feed=rss2″><i class=”fa fa-rss-square”></i>&nbsp;購読する</a> </div>
<!– RSSボタンここまで –>

 

下記のようにコードを入力します。

 

<?php } ?>
</div>
<?php } ?>

<h4 class=”menu_underh2″>このブログを書いている人</h4>
<div id=”kanren”><div>
<dl class=”clearfix”>
<dt><img src=”ここに画像のURL” ></dt>
<dd><h5> ここに名前</h5>
<p>ここに簡単なコメント<br><a href=”ここに詳しいプロフィールページへのリンク” >→詳しいプロフィール</a></p></dd>
</dl>
</div></div>

<!– RSSボタンです –>
<div class=”rssbox”> <a href=”<?php echo home_url(); ?>/?feed=rss2″><i class=”fa fa-rss-square”></i>&nbsp;購読する</a> </div>
<!– RSSボタンここまで –>

コードを入力したら、更新して完了です。

下記、完成後の画面になります。

プロフィールの画像サイズと NEW POSTの画像サイズが同じサイズになるようにしています。

サイドバープロフィール

以上で終了です。

お疲れ様でした。

<ご参考>
STINGER5でアドセンスを記事内に設置する方法

STINGER5でサイドバーにアドセンス以外の広告を設置する方法

STINGER5でサイドバーが途中で消える現象を解消する方法

 - ブログ運営

スポンサーリンク

スポンサーリンク

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

  関連記事

「2015年5月のブログ運営状況」月間1,500PVを超えました!

2015年1月22日に初記事を公開してから、5月で4カ月ちょっと経過しました。 …

「2015年4月のブログ運営状況」ブログ開始から3カ月経過!アクセス数を報告します

ブログを開始して3カ月経過 2015年1月22日に初記事を公開してから、3カ月ち …

STINGER5でサイドバーにアドセンス以外の広告を設置する方法

STINGER5カスタマイズ 当ブログのテーマは、STINGER5を使わせて頂い …

Google検索でサイトがモバイル向けかどうかが重視されるようになる

GoogleAdSenseからメールで通知 2015年4月21日より、Googl …

「2015年7月のブログ運営状況」月間1,551PVでした!

ブログを開始してから7カ月が経ちました。 順調にアクセスが増えていたと思っていま …

STINGER5でサイドバーが途中で消える現象を解消する方法

「STINGER5カスタマイズ」サイドバーが途中で消える現象を解消する STIN …

「2015年6月のブログ運営状況」アクセス数増加がリファラスパムの影響だった!

ブログを開始してから6カ月が経ちました。 コツコツとアクセス数が増えていたのです …

STINGER5でアドセンスを記事内に設置する方法

STINGER5カスタマイズ 当ブログのテーマは、STINGER5を使わせて頂い …

Google アドセンスの審査にあっさり合格 

投稿記事数4記事と固定ページ2ページの状態で申請 ブログを開始してから約1カ月足 …