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

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

CSSだけでhover時に画像を半透明

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

プラグイン image-widgetを利用して、その画像を半透明にするが場合
画像サイズがクラスになります。画像サイズ(176×100)の場合

a img.attachment-176x100 {
background:none;
}
a:hover img.attachment-176x100 {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

Multisite Global Search

マルチサイト運用でサイトを横断した検索

検索窓のためのPHP文を追加

” … ”だと投稿が対象(デフォルト)。’1’の場合だと、固定ページを検索対象する。

追加するPHP文
縦型のフォームの場合
1

横型のフォームの場合
1

全サイトに、検索結果を表示するページを追加
全文表示
[multisite_search_result]

抜粋版
[multisite_search_result excerpt=”yes”]