KASABUTA-ENDLESS

*

[STINGER5]サイドバーのウィジェットとかの順番を入れ替える方法

   

スポンサーリンク

[STINGER5]サイドバーのウィジェットとかの順番を入れ替える方法

ワードプレステーマ「STINGER5」のサイドバーで表示される順番を入れ替えてみます。

STINGER5のデフォルトの状態ではRSS登録やサイト内検索、新着記事の下にウィジェットが表示されます。

ウィジェットでプロフィールなどをサイドバーの一番上に表示したくても出来ないんですよね。

調べてみるとあっさり解決できそうでしたのでヤってみようと思います。

テーマの編集よりPHPをイジリますので、バックアップをとっておくようお願いします。

sidebar.phpを書き換える

サイトを形作る重要な部分を書き換えるのでバックアップしときましょ。

大丈夫ですか。早速やりましょう。

「外観」→「テーマ編集」よりサイドバーを選択。

「/最近のエントリ」と「スマホだけのアドセンス」の間にある以下のコードを、

  <div id="mybox">
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : //サイドウイジェット読み込み ?>
    <?php endif; ?>
  </div>

「 RSSボタンです 」の上に入れ替えます。

私の場合はちょっとだけデフォルトの状態から書き換えてるので、記述が異なる部分があるかもしれませんが、こんな感じになります。

<aside>
<?php if (is_404()) { ?>
<?php } else { ?>
  <div class="ad">
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(4) ) : else : //アドセンス ?>
    <?php endif; ?>
  </div>
<?php } ?>
  <div class="twibox">
   <div class="textwidget"></li></ul>
   </div>
   </div>

  <div id="mybox">
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : //サイドウイジェット読み込み ?>
    <?php endif; ?>
  </div>

  <!-- RSSボタンです -->
  <div class="rssbox"> <a href="<?php echo home_url(); ?>/?feed=rss2"><i class="fa fa-rss-square"></i>&nbsp;購読する</a> </div>
  <!-- RSSボタンここまで -->
  <?php get_search_form(); //検索フォーム表示  ?>
  <!-- 最近のエントリ -->
  <h4 class="menu_underh2"> NEW POST</h4>
  <?php get_template_part('newpost');?>
  <!-- /最近のエントリ -->

  <!-- スマホだけのアドセンス -->
<?php if (is_404()) { ?>
<?php } else { ?>
  <?php if(is_mobile()) { //スマホの場合 ?>
  <div style="padding-top:10px;">
    <?php get_template_part('ad'); //アドセンス読み込み ?>
  </div>
  <?php } else { //PCの場合 ?>
  <?php } ?>
<?php } ?>
  <!-- /スマホだけのアドセンス -->
  <div id="scrollad">
      <?php get_template_part('scroll-ad'); //追尾式広告 ?>
  </div>
</aside>

こうすると…

2014-10-20_174048

ウィジェットが一番上に来ます。

以上で完了であります。

お疲れ様でした。

[STINGER5]サイドバーのウィジェットとかの順番を入れ替える方法のまとめ

いかがだったでしょうか。

簡単そうでしたらやってみてくださいね。

このたびは以下のサイト様を参考にさせていただきました。

3分で終わる!stingerのサイドバー並び順を入れ替える方法 | cv0629


Stinger3 – カスタマイズ備忘録〈その一〉 ~標準でSEOに強いWordPressテーマ(無料)~ | mogi2fruitsどっとねっと


ありがとうございました!

さて、ここまでお付き合いいただき誠にありがとうございました。

またお見えできる機会を楽しみにしています。

 - WordPress, 問題解決

336adosensu

336adosensu

Message

メールアドレスが公開されることはありません。

  関連記事

By: Piotr Drabik
ワードプレスでカテゴリーの記事数と階層を表示させる簡単な方法

スポンサーリンク ワードプレスでカテゴリーの記事数と階層を表示させる簡単な方法 …

By: NASA Goddard Space Flight Center
STINGER5でサイドバー上部にプロフィール欄を設置する方法

スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …

pagetop
[STINGER5]トップへ戻るのボタンを好きな画像に変更する方法「PageTop」

スポンサーリンク [STINGER5]トップへ戻るのボタンを好きな画像に変更する …

By: Angie Garrett
[WordPress]記事の終わりにプロフィール・著者情報を自動挿入してくれるプラグインですって

スポンサーリンク [WordPress]記事の終わりにプロフィール・著者情報を自 …

By: loomingy1
[STINGER5]カテゴリーでの親子階層の段差を表示する方法

スポンサーリンク STINGER5カスタマイズ…カテゴリーの親子で階層表示の段差 …

stinger0003
スマホにも強い!STINGER5のインストール手順

先日、大人気のワードプレステーマ「STINGERシリーズ」作者のENJIさんが新 …

By: Trish Hamme
[WordPress]コメント欄、ムダを削除して反応率を上げたいねん

スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …

By: Shannon Kringen
[WordPress]子テーマ作成の一番手軽で簡単な方法!プラグイン『Duplicate Theme』

ブログの文字サイズを大きくしようかと思い、子テーマのCSSをいじろうかとしたら、 …

By: Travis Isaacs
[ワードプレス]手動でcssやphpのバックアップをとるアナログな方法

[ワードプレス]cssやphpのバックアップをとる方法 ワードプレスのHowto …

By: Waiting For The Word
WordPressインデックスされない!原因と理由は?

スポンサーリンク WordPressブログがインデックスされない原因と理由を調査 …