菊 A1

菊半裁 A2 (A3 x 2)半分枚数 1C x 30% (500部/1000部)
菊半裁 A2 (A3 x 2)半分枚数 4C x 50% (500部)
菊半裁 A2 (A3 x 2)半分枚数 4C x 30% (1000部)

background-repeat no-repeatの使用例

body { 
 background-image: url(image/hoge.gif); 
 background-repeat: no-repeat; 
}

no-repeatは背景画像を繰り返さないです。
——————-
background-positionの使い方、意味

背景画像の位置の初期値を指定します。
何も指定しなければ左上端(top leftまたは0 0)の状態です。

background-position: top right;
<br clear=”left” />
left 左フロートに対する回り込みを解除
right 右フロートに対する回り込みを解除
all どちらの回り込みも解除
none 回り込みを解除しない (初期値)
<br clear=”all” />

clearfix

after擬似要素を利用してclear
floatさせている画像やボックスなどの子要素。その子要素を包んでいるはずの親要素が子要素を包んでくれないケース

floatを使った際の表示の崩れを正すためによく使われる clearfix

div:after { 
content: "."; 
display: block; 
visibility: hidden; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
clear: both; 
}

floatしている要素を囲っている親要素divにclearfixを入れる。

html
<div class="content clearfix">
<div id="left">left</div>
<div id="right">right</div>
</div>
CSS
.content{
 width: 600px;
 height: auto;
 border: 3px solid #ED1A3D;
}

#left{
 width: 100px;
 height: 200px;
 float: left;
 border: 3px solid #fff000;
}

#right{
 width: 488px;
 height: 200px;
 float: left;
 border: 3px solid #000ddd;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix { display: inline-table; }

リスト表示

黒丸
list-style-type: disc;

白丸
list-style-type: circle;

なし
list-style-type: none;

(画像)
例:wordpress bay-スタイルシート
list-style-image: url(bay/images/arrow.png);
他のリストは黒丸などの標準にしたい場合は、
そこへ
list-style-image: none;
を入れること。いれないと、優先して表示されてしまう。

マージン&センター揃え

margin: 【上】【右】【下】【左】;
margin: 【上下】【左右】;

上下が0pxの場合、
センター揃えは margin: 0px auto;
右端ぞろえは  margin: 0px 0px 0px auto;
(0の場合pxは省略してもよいです)

応用

div.xxxbox {
margin-left: auto;
margin-right: 50px;
}

margin右側に50pxつけて、左をauto

Slug名指定 (カテゴリー&特定ページ)

投稿 slug −−−−−−−−−−−−−−−−−−−−−−−−−−

和文サイト

お知らせ −−− news

イベント −−− event

新着情報 −−− what

 

英文サイト

English −−− eng

Events −−− events

Information −−− info

What’s New −−− whats

英文サイト −−−−−−−−−−−−−−−−−−−−−−−−−−

Front(top/ home) −−−  efront

 

−−−−−−−−−−−−−−−−−−−−−−−−−−

検索結果のカテゴリーでテンプレートを分ける

<?php
//検索結果のカテゴリーでテンプレートを分ける
add_filter('template_include','custom_search_template');
function custom_search_template($template){
 if ( have_posts() ) {
 if ( is_search() ) {
 if (in_category( array( 13,17,24 ) ) ){
 $template = get_query_template('search-eng');
 }
 }
 return $template;
} else $template = get_query_template('search-no');
return $template;
}
?>