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]

luxeritas

Posted by iser