TA2OWeb.(たつおウェブドット)

じぇ…でけた!サイドバーの配置を変えれたよ![Stinger3]

 


CSSもPHPも超絶素人!!そう、つまり言いかえればただのテレビ局の大道具。どうもTA2OWです!

今日もブログにカスタマイズに精進しております。

アメブロ時代にCSSを少しイジってて感覚はなんとなぁーーーくわかるんやけど、PHPとかご覧になられてるだけでもう菩薩になれる気がします。

俺のポテンシャルドンマイ!!

SPONSORED LINK


サイドバーのウィジェット並び替え

さて現在使用しているのは「Stinger3」というENJIlogさんが制作してくださったテーマ。
子テーマカスタムに行き詰まってた時、たまたまどんぴさんのブログでその存在を知り、見てみたらとってもおシャンティ!フラットデザインぽい!速攻DLしました。でも理由はそれだけでSEOとかもう全無知

そんな僕でも諸先輩方の優しい指導で出来るカスタムを進める中で、いっちょ前にイジりたいところが出てきたんす。

「サ、サイドバーのウィジェット並びかえてぇ…」



来る日も来る日もGoogleの大海にダイブ。幾度となく溺れました。それでも必死に探しました。時に踊り、時にNSCの友人と美味しいお好み焼きも食べに行きました。ハーゲンダッツも食べました。それでも挫折することなく潜り続けました。

サイドバー並び替えのわかりやすいトピはあるんやけど、PHPの存在を知ってから2週間弱の脳みそにはそりゃもう…ねぇ?
究極、ENJIlogさんにツイッターでお聞きしてみようかな…でもお忙しいそうだし迷惑だよな…かつド素人からの質問なんて大迷惑だろうしな…とか今朝思ってて。

でも諦めたくないので徹底的にやろうと。それでもダメならお聞きしてみようと、腹を決め朝からPHPシリーズとにらめっこ開始。


function.phpの壁

案の定、超絶素人はfunction.phpをイジり3回純白の世界へ旅たちました。だから手を出したくなかったけど、勇気出してみたもののウィジェット追加もダメ。上記の数字を変えてもダメ。で、別の方法を考えることに。

んーsidebar.phpあやしくね?的なニュアンスでじっとながめてたら、これ表示順に並んでるんじゃね?的な感じで、コピペで並べてみたらビンゴ!!


サイドバーの検索窓とNEW ENTRYの間にウィジェットを追加する方法


ではまずsidebar.phpの下の方にある以下をコピーして削除(あとで削除してもOK)してください。

<!--/最近のエントリ-->
    <div id="twibox">
      <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
      <?php endif; ?>
    </div>
  </div>
  <!--/kizi--> 


そのまま同php内の一番上まで行って


<div id="side">
  <div class="sidead">
<?php if(is_mobile()) { ?>
<?php } else { ?>
<?php get_template_part('ad');?>
<?php } ?>
  </div>
  <?php get_search_form(); ?>
  <div class="kizi02"> 
    <!--最近のエントリ-->
    <h4 class="menu_underh2">NEW ENTRY</h4>
    <div id="topnews">
      <div>
<?php


の9行目と10行目のあいだに先ほどコピーしたコードをペーストする。
完成図はこちら↓


<div id="side">
  <div class="sidead">
<?php if(is_mobile()) { ?>
<?php } else { ?>
<?php get_template_part('ad');?>
<?php } ?>
  </div>
  <?php get_search_form(); ?>
  <div class="kizi02">
  <!--/最近のエントリ-->
    <div id="twibox">
      <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
      <?php endif; ?>
    </div>
  </div>
  <!--/kizi-->  
    <!--最近のエントリ-->
    <h4 class="menu_underh2">NEW ENTRY</h4>
    <div id="topnews">
      <div>
<?php


すると




っっキタ!!!

ってか、なんで出来たんやろ、、、、やべぇ マジ神降臨

でもね、多分絶対これSE業界のオフィシャルなやり方ではないと思うんです。だからもし俺みたくプロフを差し替えたい方は、お願いですから自己責任で。function.phpをイジらない方法なので、よっぽどの事がない限り大丈夫だとは思うんですけど、、全く自信はないです。

もっと簡単なやり方あるよ!って方はぜひご教授願いたいです。


今回のマジで!!

これでウィジェットにプロフィールやFeedlyボタンなど入れることができるようになったのでサイトのイメージも変わりますね!直接phpに書き込む方法もありますが、不安な方はコピペで簡単に入れ替えてみてはいかがでしょうか!

Stinger3用Feedlyボタンを作ってみました。そしてボタンの設置方法![Stinger3]
こちらでオリジナルで制作したfeedlyボタンをはってあります。どうぞご自由にお使いください!


この度参考にさせていただいたサイト


【Stinger2】好きな場所にウィジェットを設置する方法 | Oh-Blog





続)女子ブロガー向けにWPテーマSTINGER3をカスタマイズしよう | えけこのくるる

▼シェアしてもらえるとめっちゃ嬉しいです:)
  2014/07/30
       
SPONSORED LINK