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; }