Luxeritas:cssカスタマイズ
記事一覧ページの記事タイトル文字ホバー色の変更
[code lang=”python” title=””]
.entry-title a:hover {
color: #55acee;
}
[/code]
ページネーションの背景色
[code lang=”python” title=””]
.pagination>.active>span, .pagination>li>a:hover{
background-color: #55acee;
}
[/code]
記事一覧ページの、カテゴリーの前についているアイコンを消す
[code lang=”python” title=””]
#list .fa-folder {
display:none;
}
[/code]
記事一覧ページの、カテゴリーデザインの変更
[code lang=”python” title=””]
#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;
}
[/code]
このままでは2つ以上カテゴリーがある場合に、間にカンマ「 ,」が入ってしまうので、meta.php、154行目の「a href~」の前にあるカンマ「 ,」を消します。
[code lang=”python” title=”meta.php”]
$category .= ‘ <a href="’ . get_category_link( $value->cat_ID ) . ‘">’ . esc_html( $value->cat_name ) . ‘</a>’;
[/code]
この様な感じとなります。
関連記事のサムネイル関係
関連記事のサムネイル画像読み込み:related.php
85行目 $thumb = ‘thumb100’; で使用する画像を指定している
サムネイル画像の作成:inc/thumbnail-images.php
[code lang=”python” title=””]
#related .term img{
width:128px; #関連記事サムネイル画像枠の横幅
height:72px; #関連記事サムネイル画像枠の縦幅
border:none; #関連記事サムネイル画像枠線を消す
}
[/code]