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: Elliott Brown
[WordPress]フッターのトップへ戻るボタンの位置を変更する方法(Hueman)

スポンサーリンク [WordPress]フッターのトップへ戻るボタンの位置を変更 …

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

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

By: DVIDSHUB
[WordPress] 「トップへ戻る」「PageTop」をスマホだけ表示しないようにする方法[STINGER5]

スポンサーリンク [WordPress] 「トップへ戻る」「PageTop」をス …

By: Paul Gallo
[WordPress]フッターのクレジット表記の位置を変更する方法

スポンサーリンク [WordPress]フッターのクレジット表記の位置を変更する …

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

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

cropped-stinger5.png
STINGER5のヘッダーをカスタマイズしますよ。

ヘッダーは超重要だと思いませんか? 人に例えると「顔」にあたると個人的に思ってい …

2015-02-05_224359
アキネイター:アナタの考えは見透かされてますよ。

アキネイターってサイト、もしくはアプリ知ってます? なんとなくは知ってたんですけ …

By: jeffreyw
助けて!ワードプレスのビジュアル編集のレイアウトぐっちゃぐちゃ\(^o^)/

スポンサーリンク 助けて!ワードプレスのビジュアルモードでの編集で画像をいれると …

By: Dan Taylor
お気に入りやタブ横のアイコンを作成して変更・表示させる方法

お気に入りやタブ横に表示されるアイコンをオリジナルで作成して変更・表示させる方法 …

By: JD Hancock
人気ブログになるためのプロフィールの書き方

スポンサーリンク 人気ブログになるためにアルファブロガーのブログのプロフィール欄 …