かゆい所に手が届く！？STINGERの細かすぎるカスタマイズ特集

WordPressのテーマであるSTINGERの細かすぎるカスタマイズをご紹介します。

絶対にやった方が良いものも含まれます。

STINGER初心者の方には特に参考になると思います。

元になるのは最新バージョンであるstinger3ver20140124です。
（2014/03/14　現在）

すぐに反映されない場合は、新しい記事を書いてみてください。

たぶんそこには反映されていると思うので。

スポンサーリンク

PCの左下のソーシャルボタンを消す

僕は消したい派です。

フッター（footer.php）の「ここにsns02」の所を丸々消します。

こんな風に。

 

↓

 

引用の位置を内側に寄せる

僕の好みとしては、もうちょっと内側に寄せたいんですよね。

こんな風に。

 

まずはPCから直します。

スタイルシート（style.css）の「引用」をいじります。

 

/*----------------------------
引用
-----------------------------*/
.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

 
引用のゾーンに、これをコピーして上書きすれば大丈夫です。

上の画像だと「基本のhタグ」も映ってますが、それはそのままでいいです。

次にスマホです。

スマホだと最初こんな感じです。

 

これをこんな風にします。

 

smart.cssの「引用」をいじります。

 

/*引用*/

.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

 
PCと同じように、これをコピーして上書きすれば大丈夫です。

スポンサーリンク

パンくずリストの下のスペースを短くする

これをもっと短くしたいんですよね。

こんな風に。

 

なんか違和感があったんですよね。

僕だけかもしれませんが。

でも消すのはSEO的によくないみたいです。

僕は昔消しちゃってました！

スタイルシート（style.css）の「google用ぱんくず」をいじります。

 

↓

 

このように一行消すだけです。

PREV（前の記事）、NEXT（次の記事）を現在のカテゴリ内に限定する

これができるのが、ワードプレスの大きな強みの一つであると思っています。

色んなジャンルを扱っている場合、特に便利ですよ。

単一記事の投稿（single.php）の「ページナビ」をいじります。

２箇所に“true”を記述するだけです。

 

↓

 

スマホでツイート、YouTube埋め込みなどが途中で切れるのを直す

これは最初ショッキングでした。

smart.cssの「各コンテンツの最大サイズを制限」をいじります。

 

↓

 

このように一行だけ直します。

下記のソースをコピーして当該行に上書きすれば大丈夫です。

.kizi img, .wp-caption, .kizi table {

 
すると、ちゃんとこうなります。

 

Google AdSenseが途中で切れるのを直す

下記のようにすれば直ります。

</div>
アドセンスのコード
<div class="kizi">

class="kizi"やclass="kizi02"の枠内だと途中で切れてしまうことがあるので、外に出してあげています。

Quick Adsenseを使用している方は、下記のようにしてください。

</div>
</div>
アドセンスのコード
<div class="kizi">
<div>

その代わり、コードを入れた部分の右側で「右」とか「中央」とか設定した部分は無効になります。

カスタマイズは以上です。

その他わからないことがあれば、下記のFAQが参考になるかもしれません。

「 みんなのFAQ 」 一覧

 

 - ブログ STINGER, WordPress