STINGER7カスタマイズのおさらい

2017年8月15日

実はSTINGER7のアップデートで小テーマ上書きをやってしまい、カスタマイズを一からやり直しているところです。カスタマイズした項目は、随時更新いたします。

Adsense336

カスタマイズの内容を公開して、追随する新規ブロガーのお役に立てれば幸いです。やりたい事は目次から探してみて下さい。難しい事はしていません。

1 NEW POSTカード化
- 1.1 コピペ用CSS編集
2 CSSとPHPのみでテキストリンクを要素内いっぱいに広げる

NEW POSTカード化

コピペ用CSS編集


/*
NEW POST
----------------------------*/
.kanren .clearfix,
.kanren .clearfix:last-child {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid indigo;
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

CSSとPHPのみでテキストリンクを要素内いっぱいに広げる

上で作ったカードのリンクを、要素内めいっぱい広げます。

コピペ用CSS編集


/*Aタグ*/
.kanren .clearfix {
	position: relative;
	margin-right: 4px; //*2016年4月5日追記
}
.kanren .clearfix dd h3 a,
.kanren .clearfix dd h5 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px; //タイトルはPHPにて関数で呼び出す
	outline: none; //*2016年4月29日追記
}
.poprank-no {
	margin-left: 115px;
}
.poprank+dd h5 {
	text-indent: 30px;
}
.clearfix dd h3+.blog_info p .pcone a {
	position: relative; //*2016年4月17日stickyを変更
	z-index: 1; //*2016年4月17日追記
}