「Stinger3カスタマイズ」画面下へ付いてくる、SNSボックスを削除する方法

公開日: : Stinger3, WordPress

Stinger3カスタマイズ、SNSボックス

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタマイズ記事です。修正した内容は、画面下部へ付いてくるSNSボックスを削除するように修正致しました。

SNSボックスカッコイイですよね。透明だし、付いてくるし。でもシンプルにスッキリさせたかったので削除することにしました。

今回のStinger3カスタマイズもスゴーク簡単です。猫でも出来るなんちゃら〜より簡単!猿でもわかるなんちゃらより簡単!

さて早速、Stingerカスタマイズ方法を紹介していきますね。っていうか簡単なので紹介するまでもなかったのですが、備忘録的に記事に残しておきます。

Stinger3カスタマイズ手順

1.修正するファイルを開く

ファイル名:footer.php

「footer.php」をテキストエディタで開きます。

2.「SNSボックス」を生成しているコードを検索する

「footer.php」から「<div id=”snsbox”>」という記述を探す。

3.修正しよう!

こちらがソースコードです。

■修正前(L49行目から抜粋)

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/base.js"></script>
<?php
}
?>
<?php if (is_home()) { ?>
<div id="snsbox">
  <div class="sns">
    <ul class="snsb clearfix">
      <li> <a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php echo home_url(); ?>" data-text="<?php bloginfo('name'); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> 
      </li>
      <li>
        <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo home_url(); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
      </li>
      <li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
        <g:plusone size="tall" href="<?php echo home_url(); ?>"></g:plusone>
      </li>
      <li> <a href="http://b.hatena.ne.jp/entry/<?php echo home_url(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> 
      </li>
    </ul>
  </div>
</div>
<?php } else { ?>
<div id="snsbox">
  <div class="sns">
    <ul class="snsb clearfix">
      <li> <a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> 
      </li>
      <li>
        <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
      </li>
      <li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
        <g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>
      </li>
      <li> <a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>|<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> 
      </li>
    </ul>
  </div>
</div>
<?php } ?>
</body></html>

 

■修正後

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/base.js"></script>
<?php
}
?>

</body></html>

私が使用している、[Stinger3ver20130925]の場合だと

<?php if (is_home()) { ?>」から「<?php } ?>

までの35行ほどを削除します。これでOKです、削除するだけなのでとても簡単ですね。私の場合はこれで上手くいっております。

こんなに消してしまっていいの?って思いますよね。1文字でも消し忘れたり、多く削除してしまったら崩れてしまう可能性がありますので、バックアップ必ず取った方がいいでしょう。

 

Stinger3カスタマイズまとめ

未だに少しづつStinger3をカスタマイズしております。

カスタマイズが一段落したらStinger3カスタマイズ記事をまとめたいと考えおります。

スポンサードリンク

  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事

WordPressビジュアルリッチテキスト表示されない

WordPress初心者にたまにある「ビジュアルリッチエディタ」が表示されなくて焦った

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというち

記事を読む

LOGO

「Stinger3カスタマイズ」ブログのシンボルであるファビコン(favicon)を変更する方法

WordPress無料のテーマである、「Stinger3」のカスタマイズを行いました。 今回は

記事を読む

st3

Stinger3をカスタマイズしている私が、テーマをアップデートされた際の差分インストール方法を紹介

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 St

記事を読む

stinger3カスタマイズ画像

「Stinger3カスタマイズ」サイト名をテキストから画像へ変更

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカスタマ

記事を読む

stinger3カスタマイズ区切り線

「Stinger3カスタマイズ」トップページを見やすく!記事と記事の区切り線を追加する方法

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

Stinger3カスタマイズ、マウス続きを読む

「Stinger3カスタマイズ」続きを見るの上にマウスを置いたら変化するようにしてみた

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

st3

今話題のSEOに強いWordPressのテーマ「Stinger3」をカスタマイズしてみる

SEOに強い「Stinger3」というテーマをカスタマイズしようと考えていおります。

記事を読む

stingerカスタマイズ「続きを見る」

「Stinger3カスタマイズ」続きを見る(続きを読む)を右側へ移動させる方法

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

スポンサードリンク

Message

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


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

スポンサードリンク

写真 2016-05-29 12 23 33
超簡単!MacでBluetoothスピーカーに接続する方法

MacにBluetoothポータブルワイヤレススピーカーに接続

写真 2016-05-29 13 10 57
MacBookと相性抜群!BluetoothスピーカーのオススメはSONY「SRS-X55」で決まり!

SONY「SRS-X55」   どうもこ

wraplus for Macbook Air
ノートPCにオススメ!おしゃれなMacBookAir&Proケース10選

MacBook AirやProは、シルバーカラーのスタイリッシュな

MacBookステッカー
MacBookAirと一緒に買うと良いオススメアイテム5つ紹介!

こんにちは!メインPCをWindowsからMacに変えてからも

退職したい
退職したい人の背中を押すための記事

  ある検索キーワードで私のブログを訪れる方た

→もっと見る

  • @leeway
    はじめまして。当ブログ管理人のLeewayと申します。
    20台後半の元サラリーマンです。現在はフリーで活動中。 書きたいことを自由に書いております。
    更新情報などつぶやきますので、よかったらフォローお願いします。


    follow us in feedly
PAGE TOP ↑