TCD016(Chill)カスタマイズメモ

TCD016(Chill)をいじったときのメモです。

TCD LABO」にもカスタマイズ方法あり。

 

サイドバーのフォントサイズ修正

style_pc.css style_sp.css
【前】
.side_widget { margin:0 0 50px 0; font-size:11px; }
【後】
.side_widget { margin:0 0 50px 0; font-size:15px; }

 

サイドバーの「カテゴリー」「最近の投稿」の“・”を画像に変更

style_pc.css  style_sp.css

【前】

.side_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 0 9px; background:url(img/common/bullet1.gif) no-repeat left 8px; }

【後】

.side_widget li { line-height:170%; margin:0 0 0 0; padding:0 0 0 21px; background:url(http://ここに画像(15×15くらいが良)のURLを指定.jpg) no-repeat left 8px; }

 

サイドバーのテキスト文を太字&文字色修正

style_pc.css  style_sp.css

【前】

.side_widget a { }
.side_widget img { height:auto; max-width:100%; width:auto; }

【後】

.side_widget a { color:#e48898; font-weight:bold; }
.side_widget img { height:auto; max-width:100%; width:auto; }

 

トップページに表示される各記事冒頭分の文字数修正

index.php

【前】

<p class=”desc”><?php if (has_excerpt()) { the_excerpt(); } else { new_excerpt(120); }; ?></p>

【後】

<p class=”desc”><?php if (has_excerpt()) { the_excerpt(); } else { new_excerpt(ココを修正); }; ?></p>

 

見出し

【前】

headline – 見出しのスタイル ←中身全部消す

 

【後】

.news_headline1{
position: relative;
font-size: 16pt;
font-weight: bold;
margin: 0 0 1.5em;
padding: 0.2em 0.5em 0.4em 2em;
border-bottom: 3px solid #4682B4;
}
.news_headline1:before {
position: absolute;
top: -8px;
left: 7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
height: 12px;
width: 12px;
background: #4682B4;
content: “”;
}
.news_headline1:after {
position: absolute;
top: 8px;
left: 2px;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
height: 8px;
width: 8px;
background: #00BFFF;
content: “”;
}
.news_headline2{
margin: 0 0 1.5em;
padding: 0.8em;
border-top: 3px double #ff6699;
border-bottom: 3px double #ff6699;
font-size: 1.143em;
font-weight: bold;
}

 

記事要約からショートコード表示削除

functions.php
【前】
$base_content = strip_tags($base_content);
$trim_content = mb_substr($base_content, 0, $a ,”utf-8″);

【後】
$base_content = strip_tags($base_content);
//この1行を追加した
$base_content = strip_shortcodes($base_content);
//
$trim_content = mb_substr($base_content, 0, $a ,”utf-8″);

 

LATEST ENTRIES→最新の投稿

index.php
【前】
<h3 class=”headline1″>LATEST ENTRIES</h3>
【後】
<h3 class=”headline1″>最新の投稿</h3>

 

スマホタイトル改行位置ずらす

style_sp.css

【前】

/* etc */
#header_logo { font-size:16px; font-weight:normal; margin:13px 0 0px 10px; padding:0; line-height:130%; float:left; width:190px; }
#header_logo a { text-decoration:none; color:#fff; }

【後】

/* etc */
#header_logo { font-size:16px; font-weight:normal; margin:13px 0 0px 10px; padding:0; line-height:130%; float:left; width:290px; }
#header_logo a { text-decoration:none; color:#fff; }

 

関連記事

ページ上部へ戻る
Top