【30万PV】WordPressブログでPVを稼ぐためのオススメの設定。最初にやるべきテーマ、プラグイン、CSSの変更。

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
/*--------------------------------------
  ヨメレバ・カエレバ・トマレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box, .tomarebalink-box{
 box-sizing: border-box;
 border: double #ccc;
 border-radius: 2px;
 padding: 10px;
 margin-bottom: 5px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}
.booklink-image, .kaerebalink-image, .tomarebalink-image{
 margin:0 15px 0 0;
 width: 100px;
 text-align: center;
 -webkit-flex: 0.6;
 flex: 0.6;
}
.cstmreba img{
 margin: 0 auto;
 text-align: center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info{
 -webkit-flex: 2;
 flex: 2;
 margin:0;
 line-height: 1em;
 overflow: hidden;
}
.booklink-name, .kaerebalink-name, .tomarebalink-name{
 line-height:1.0em;
}
.booklink-name a, .kaerebalink-name a, .tomarebalink-name a{
 text-decoration: none;
 font-weight: bold;
}
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date{
 background-color: #FFF;
 padding: 2px;
 font-size: .4em;
 text-align: left;
 line-height: 0.5em;
 margin-bottom: 3px;
}

.booklink-powered-date a, .kaerebalink-powered-date a, .tomarebalink-powered-date a {
 text-decoration: none;
}
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
 font-size: .7em;
}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1{
 flex-wrap: wrap;
 display: -webkit-flex;
 display: flex;
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 display: inline-block;
 margin: 3px 3px 0 0;
 padding: 10px 0px;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover, .tomarebalink-link1 a:hover{
 color: #fff;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkkakakucom, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkjtb, .shoplinkjalan, .shoplinkikyu  {
 width: 48%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkjtb a, .shoplinkjalan a, .shoplinkikyu a {
 width: 100%;
}
/* amazon */
.shoplinkamazon a {
 color: #FF9901 ; /* 文字の色 */
 border: solid 1px #FF9901 ; /* ボーダー色 */
}
.shoplinkamazon a:hover {
 background-color: #ff9901; /* カーソルを重ねた時の背景色 */
}
/* 楽天 */
.shoplinkrakuten a {
 color: #c20004 ; /* 文字の色 */
 border: solid 1px #c20004 ; /* ボーダー色 */
}
.shoplinkrakuten a:hover {
 background-color: #c20004; /* カーソルを重ねた時の背景色 */
}
/* kindle */
.shoplinkkindle a {
 color: #007dcd; /* 文字の色 */
 border: solid 1px #007dcd ; /* ボーダー色 */
}
.shoplinkkindle a:hover {
 background-color: #007dcd; /* カーソルを重ねた時の背景色 */
}
/* 価格 */
.shoplinkkakakucom a {
 color: #314995; /* 文字の色 */
 border: solid 1px #314995 ; /* ボーダー色 */
}
.shoplinkkakakucom a:hover {
 background-color: #314995; /* カーソルを重ねた時の背景色 */
}
/* kobo */
.shoplinkrakukobo a {
 color: #990000; /* 文字の色 */
 border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkrakukobo a:hover {
 background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* yahoo */
.shoplinkyahoo a {
 color: #7b0099; /* 文字の色 */
 border: solid 1px #7b0099 ; /* ボーダー色 */
}
.shoplinkyahoo a:hover {
 background-color: #7b0099; /* カーソルを重ねた時の背景色 */
}
.shoplinkyahoo img {
 display: none;
}
.shoplinkyahoo a {
 font-size: 10px;
}
/* 7net */
.shoplinkseven a {
 color: #82c36f ; /* 文字の色 */
 border: solid 1px #82c36f ; /* ボーダー色 */
}
.shoplinkseven a:hover {
 background-color: #82c36f; /* カーソルを重ねた時の背景色 */
}
/* jtb */
.shoplinkjtb a {
 color: #990000 ; /* 文字の色 */
 border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkjtb a:hover {
 background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* jtb */
.shoplinkikyu a {
 color: #990000 ; /* 文字の色 */
 border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkikyu a:hover {
 background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* jalan */
.shoplinkjalan a {
 color: #FF9901 ; /* 文字の色 */
 border: solid 1px #FF9901 ; /* ボーダー色 */
}
.shoplinkjalan a:hover {
 background-color: #FF9901; /* カーソルを重ねた時の背景色 */
}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
	.booklink-box, .kaerebalink-box, .tomarebalink-box {
		padding: 15px;
	}
	
	.booklink-image, .kaerebalink-image, .tomarebalink-image {
		width: 100px !important;
		min-width: initial;
	}
	
	.booklink-name > a, .kaerebalink-name > a, .tomarebalink-name > a {
		font-size: 15px;
		font-weight: bold;
	}
	
	.booklink-name, .kaerebalink-name, .tomarebalink-name {
		margin-bottom: 12px;
	}
	
	.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date  {
		margin-top: 8px;
	}
	
	.booklink-link2 a,
																		.kaerebalink-link1 a,
																		.tomarebalink-link1 a {
		width: calc(100% - 4px);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 2px 0;
		padding: 10px 0;
	}
}

.menu ul li {
list-style: none;
}


/* 関連記事の文字 */
.post h4.point {
	margin-bottom:30px;
	position:relative;
	border-bottom:solid 1px #f3f3f3;
	background-color:transparent;
	margin-top:41px;
}
.post h4 .point-in {
	padding:3px 20px;
	max-width:80%;
	box-sizing:border-box;
	font-size:15px;
	font-weight:bold;
	background:#f3f3f3;
	color:#000;
	position:absolute;
	bottom:0;
	left:0;
	top:auto;
}

#side aside h4 {
background-color: #fff;
padding: 10px;
margin-bottom: 1px;
border-radius: 3px 3px 0px 0px;
border-left: 12px solid #009e05;
}
aside .kanren {
background-color: #fff;
border-radius: 0px 0px 3px 3px;}

/*アプリーチカスタム*/
#appreach-box {
	border-radius: 5px;
	border: double #CCC;
	margin-bottom: 5px;
}

.appreach-links {
	margin-bottom: 5px;
}

.appreach-footer {
	margin-bottom: 0;
	line-height: 0;
}

/*目次(Table of Contents Plus)*/
/*余白と角丸*/
#toc_container  {
  margin-bottom:30px;
  border-radius: 20px;
}

/*見出しテキストGoogleフォント*/
#toc_container p {
  font-family: "Josefin Sans", sans-serif;
}

/*中央寄せ*/
#toc_container { 
  margin-left: auto; 
  margin-right: auto; 
}