Luxeritas：cssカスタマイズ

2019年2月23日

記事一覧ページの記事タイトル文字ホバー色の変更

.entry-title a:hover {
	color: #55acee;
}

ページネーションの背景色

.pagination>.active>span, .pagination>li>a:hover{
	background-color: #55acee;
}

記事一覧ページの、カテゴリーの前についているアイコンを消す

#list .fa-folder {
	display:none;
}

記事一覧ページの、カテゴリーデザインの変更

#list span.category {
	color: #fff;
}

#list span.category a{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	background: #55acee;
	display:inline-block;
	padding:3px 6px 3px 6px;
	margin:2px 0 2px 0;
	border-radius: 3px;
}

　
このままでは2つ以上カテゴリーがある場合に、間にカンマ「 ,」が入ってしまうので、meta.php、154行目の「a href～」の前にあるカンマ「 ,」を消します。

$category .= ' <a href="' . get_category_link( $value->cat_ID ) . '">' . esc_html( $value->cat_name ) . '</a>';

　

この様な感じとなります。

関連記事のサムネイル関係

関連記事のサムネイル画像読み込み：related.php

85行目 $thumb = ‘thumb100’; で使用する画像を指定している

　
サムネイル画像の作成：inc/thumbnail-images.php

#related .term img{
	width:128px; #関連記事サムネイル画像枠の横幅
	height:72px; #関連記事サムネイル画像枠の縦幅
	border:none; #関連記事サムネイル画像枠線を消す
   }