TCD013(Gorgeous)カスタマイズメモ

TCD013(Gorgeous)をいじったときのメモです。

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

 

外枠の外し方

style_sp.css
【前】
/* layout */
#contents { width:100%; }
#main_col { padding:15px; background:#ccc; }
#side_col { padding:15px 15px 2px; background:#bbb; }
.no_side #main_col { }
【後】
/* layout */
#contents { width:100%; }
#main_col { padding:0px; background:#ccc; }
#side_col { padding:15px 15px 2px; background:#bbb; }
.no_side #main_col { }

 

スマフォsliderの文字修正

style_sp.css
【前】
/* gallery */
#recommend_gallery { width:100%; background:#fff; }
#recommend_gallery .rs-slider > li img { height:auto; }
#recommend_gallery ul { margin-bottom:0; }
#recommend_gallery .rs-thumb-wrap { background:#000; }
#recommend_gallery .rs-thumb-wrap > a > img { display:block; height:auto; max-width:100%; width:aut; }
#recommend_gallery .rs-thumb-wrap > a { opacity:0.5; display:block; width:16.6667%; height:6%; }
#recommend_gallery .rs-thumb-wrap > a:hover, #recommend_gallery .rs-thumb-wrap > a.active { opacity: 1 }
#recommend_gallery .rs-caption {
height:auto; padding:10px 20px; background:#000; color:#fff;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: -o-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: -ms-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
}
#recommend_gallery .rs-caption p { margin:0; }
【後】
/* gallery */
#recommend_gallery { width:100%; background:#fff; }
#recommend_gallery .rs-slider > li img { height:auto; }
#recommend_gallery ul { margin-bottom:0; }
#recommend_gallery .rs-thumb-wrap { background:#000; }
#recommend_gallery .rs-thumb-wrap > a > img { display:block; height:auto; max-width:100%; width:aut; }
#recommend_gallery .rs-thumb-wrap > a { opacity:0.5; display:block; width:16.6667%; height:6%; }
#recommend_gallery .rs-thumb-wrap > a:hover, #recommend_gallery .rs-thumb-wrap > a.active { opacity: 1 }
#recommend_gallery .rs-caption {
height:auto; font-size:13px; padding:0px 5px; background:#000; color:#fff;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: -o-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: -ms-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
background: linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8));
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
}
#recommend_gallery .rs-caption p { margin:0; }

 

見出し

style.css
【前】
/* h3 */
.post .style3a { margin:3em -.675em 1.5em; padding:1.1em .875em 1em; font-size:22px; font-weight:400; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; }
.post .style3b { margin:3em -.675em 1.5em; padding:1.1em .875em 1em; font-size:22px; font-weight:400; color:#333; border-top:2px solid #333; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
/* h4 */
.post .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:20px; font-weight:400; border-bottom:none; border-left:2px solid #333; }
.post .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:20px; font-weight:400; border-bottom:1px dotted #aaa; }
【後】
/* 見出しの設定 h3 */
.post h3 {
position:relative;
padding:5px 20px;
font:bold 25px/1.6 Arial, Helvetica, sans-serif;
color:#333;
background:#fff;
text-shadow:
1px 1px 0 #fff,
2px 2px 0 #999;
border-top:#333 solid 3px;
border-bottom:#333 solid 3px;
background-image: -webkit-gradient(linear, left top, right bottom,
from( rgba(255, 255, 255, 0.0)),
color-stop(0.4, rgba(255, 255, 255, 0.0)),
color-stop(0.4, rgba(0, 0, 0, 0.1)),
color-stop(0.6, rgba(0, 0, 0, 0.1)),
color-stop(0.6, rgba(255, 255, 255, 0.0)),
to( rgba(255, 255, 255, 0.0))
);
background-image: -webkit-linear-gradient(top -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-image: -moz-linear-gradient(top -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-image: -o-linear-gradient(top -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-image: linear-gradient(to bottom -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-size:4px 4px;
}
.post h3:before{
content:” “;
position:absolute;
top:100%;
left:24px;
width:0;
height:0;
border-width:12px;
border-style:solid;
border-color:transparent;
border-top-color:#333;
}
.post h3:after{
content:” “;
position:absolute;
top:100%;
left:28px;
width:0;
height:0;
border-width:8px;
border-style:solid;
border-color:transparent;
border-top-color:#f0f0f0;
z-index:1;
}
/* 見出しの設定 h4 */
.post h4{
margin: 0 0 1.5em;
padding: 0.8em;
border-top: 3px double #000000;
border-bottom: 3px double #000000;
font-size: 1.143em;
font-weight: bold;
}

 

引用枠

style.css
【前】
/* block quote */
.post blockquote {
margin:30px 15px; padding:50px 50px 40px; background:#f2f2f2;
【後】
/* block quote */
.post blockquote {
margin:10px 1px; padding:40px 8px 10px; background:#f2f2f2;

 

スマホサイトタイトル

style_sp.css
【前】
/* logo */
#logo_text, #logo { margin:5px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:40%; overflow:hidden; }
【後】
/* logo */
#logo_text, #logo { margin:5px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:70%; overflow:hidden; }

 

スマホにサイドバー(カテゴリ)表示

sidebar.php
【後】

<?php $options = get_desing_plus_option(); ?>

<div id=”side_col”>

<!– smartphone banner –>
<?php if(is_mobile() and !is_single()) { ?>
<?php if($options[‘mobile_ad_code2’]||$options[‘mobile_ad_image2’]) { ?>
<div id=”mobile_banner_bottom”>
<?php if ($options[‘mobile_ad_code2’]) { ?>
<?php echo $options[‘mobile_ad_code2’]; ?>
<?php } else { ?>
<a href=”<?php esc_attr_e( $options[‘mobile_ad_url2’] ); ?>” class=”target_blank”><img src=”<?php esc_attr_e( $options[‘mobile_ad_image2’] ); ?>” alt=”” title=”” /></a>
<?php }; ?>
</div>
<?php }; ?>
<?php }; ?>

<!– category archive list –>
<?php if ($options[‘show_side_category’] or $options[‘show_side_archive’]) { ?>
<div id=”side_widget2″>
<?php if ($options[‘show_side_category’]) { ?>
<div class=”side_widget”>
<h3 class=”side_headline”><?php echo $options[‘side_category_headline’]; ?></h3>
<ul class=”side_category”>
<?php wp_list_categories(‘orderby=name&title_li=’); ?>
</ul>
</div>
<?php }; ?>
<?php if ($options[‘show_side_archive’]) { ?>
<div class=”side_widget”>
<h3 class=”side_headline”><?php echo $options[‘side_archive_headline’]; ?></h3>
<ul class=”side_archives”>
<?php wp_get_archives(‘type=monthly’); ?>
</ul>
</div>
<?php }; ?>
</div><!– END #side_widget2 –>
<?php }; ?>
<?php if(is_active_sidebar(‘index_side_widget’)) { ?>
<div id=”index_side_widget”>
<?php dynamic_sidebar(‘index_side_widget’); ?>
</div>
<?php }; ?>

</div>

 

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

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″);

 

スマホトップ記事一覧表示数の追加

index.php
【前】
<div id=”recent_post”>
<h3 class=”headline1″><?php _e(‘Recent post’, ‘tcd-w’); ?></h3>
<?php
$args = array(‘post_type’ => ‘post’, ‘numberposts’ => 4);
$recent_post=get_posts($args);
if ($recent_post) {
【後】
<div id=”recent_post”>
<h3 class=”headline1″><?php _e(‘Recent post’, ‘tcd-w’); ?></h3>
<?php
$args = array(‘post_type’ => ‘post’, ‘numberposts’ => 6);
$recent_post=get_posts($args);
if ($recent_post) {

【前】
<?php
$featured_cat_id = $options[‘featured_category’];
$args = array(‘post_type’ => ‘post’, ‘numberposts’ => 5, ‘category’ => $featured_cat_id);
$featured_post=get_posts($args);
if ($featured_post) {
$i=1; foreach ($featured_post as $post) : setup_postdata ($post);
if($i==1) {
【後】
<?php
$featured_cat_id = $options[‘featured_category’];
$args = array(‘post_type’ => ‘post’, ‘numberposts’ => 6, ‘category’ => $featured_cat_id);
$featured_post=get_posts($args);
if ($featured_post) {
$i=1; foreach ($featured_post as $post) : setup_postdata ($post);
if($i==1) {

【前】
<?php
$featured_cat_id2 = $options[‘featured_category2’];
$args = array(‘post_type’ => ‘post’, ‘numberposts’ => 5, ‘category’ => $featured_cat_id2);
$featured_post2=get_posts($args);
if ($featured_post2) {
$i=1; foreach ($featured_post2 as $post) : setup_postdata ($post);
if($i==1) {
【後】
<?php
$featured_cat_id2 = $options[‘featured_category2’];
$args = array(‘post_type’ => ‘post’, ‘numberposts’ => 6, ‘category’ => $featured_cat_id2);
$featured_post2=get_posts($args);
if ($featured_post2) {
$i=1; foreach ($featured_post2 as $post) : setup_postdata ($post);
if($i==1) {

 

All In One SEO Pack優先

header.php
【前】
<meta name=”description” content=”<?php seo_description(); ?>” />
【後】
<!–
<meta name=”description” content=”<?php seo_description(); ?>” />
–>

 

TOP記事タイトルの文字数変更

index.php
【前】
<a class=”title” href=”<?php the_permalink() ?>”><?php trim_title(32); ?></a>
【後】
<!–
<a class=”title” href=”<?php the_permalink() ?>”><?php trim_title(40); ?></a>
–>

 

スマホ検索箇所のcssカスタマイズ

style_sp.css

【前】

/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { width:50%; height:32px; margin:0 5px 5px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; float:left; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; text-indent:-9999px; width:95px; height:36px; background:url(img/common/search_button.jpg) no-repeat left top; cursor:pointer; display:block; float:left; margin:-1px 0 0 0; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { background-position:left bottom; }
#footer .widget_search #search-box, #footer .widget_search #s { background:#222; border:1px solid #111; box-shadow:none; }
#footer .widget_search #search-btn input, #footer .widget_search #searchsubmit { background-image:none; background:#111; text-indent:0; color:#ccc; }

【後】

/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { width:55%; height:32px; margin:5px 5px 5px 5px; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; float:left; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; text-indent:-9999px; width:95px; height:36px; background:url(img/common/search_button.jpg) no-repeat left top; cursor:pointer; display:block; float:left; margin:5px 0 0 0; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { background-position:left bottom; }
#footer .widget_search #search-box, #footer .widget_search #s { background:#F8F8FF; border:1px solid #111; box-shadow:none; }
#footer .widget_search #search-btn input, #footer .widget_search #searchsubmit { background-image:none; background:#111; text-indent:0; color:#ccc; }

 

関連記事

ページ上部へ戻る
Top