STINGER7 Web制作 WordPress

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

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

スポンサーリンク

Adsense336

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

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日追記
}

newpost-thumbnail-on.php

変更前

変更後

Aタグの外、且つH5要素内にもう一度記事タイトルを呼び出す関数を追記。Aタグは残して下さい。リンクが機能しなくなります。

kanren-thumbnai-on.php

以下、同様に変更。

変更前

変更後

popular-thumbnail-on.php

変更前

変更後

itiran-thumbnail-on.php

ここだけH3要素なのでご注意ください。

変更前

変更後

The following two tabs change content below.
Akky
会社員有限会社 宮坂整骨院
横浜で整体を生業としています。当ブログは、趣味/仕事/商品紹介/気になったことを記事にしていきます。共感するところが少しでもあれば、SNSでアクションを起こしていただけると嬉しいです。

Adsense336

-STINGER7, Web制作, WordPress

© 2021 タブカン Powered by AFFINGER5