投稿者: doggstar

googlemap レスポンシブ

<div class="ggmap">iframeのコピーしたコード</div>

http://inthecom.net/?p=718
参考

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

おれはこうしあt

.ggmap {
position: relative;
/*padding-bottom: 36%;*/
padding-bottom:326px;
padding-top: 30px;
height: 0;
overflow: hidden;
width:44%;
float:right
}

未検証：参考になるかしらんがターム（カテゴリー）の階層による分岐

<?php if (get_field('first', 'taxonomy_' . $term_info->term_id)) { $categories = get_terms('taxonomy','orderby=order&order=ASC&hide_empty=0&child_of=' . $term_info->term_id); 
$count = 1; foreach ( $categories as $cat ) { if (get_field('second', 'taxonomy_' . $cat->term_id)) { ?><li<?php if ( $count % 3 == 0 ) { echo ' class="last"'; } ?>><a href="<?php echo get_term_link( $cat, taxonomy ); ?>" title="<?php echo $cat->name; ?>"><?php echo $cat->name; ?></a></li><?php $count++; } } ?>
<?php } else { $categories = get_terms('taxonomy','orderby=order&order=ASC&hide_empty=0&child_of=' . $term_info->term_id); 
$count = 1; foreach ( $categories as $cat ) { ?><li<?php if ( $count % 3 == 0 ) { echo ' class="last"'; } ?>><a href="<?php echo get_term_link( $cat, taxonomy ); ?>" title="<?php echo $cat->name; ?>"><?php echo $cat->name; ?></a></li><?php $count++; } } ?>

http://web-taiyo.com/works/131019.html

施工例のカテゴリで孫カテゴリまである場合に分岐を変化させて作ったカテゴリメニュ。今後何かの役に立つかも。D-Markingの制作事例

<!---TOP部分-->
<div class="sekou_cate_box" style="margin-top:20px;">
<ul>
<?php
//カテゴリメニュー　親子孫
  wp_list_categories( array(
    'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
	'hide_empty' => 1, 
	 'show_option_none' => '',
	 'depth'              => 1,
  ) );
?>
</ul>
<div style="clear:both;"></div>

<?php //$termにはいってる情報で分岐
if ( $term->parent ) : // 親IDが入ってれば　（子だったら）
?>

<!---TOP部分-->
<?php //親のIDを取得してターム情報を引き出す。上記重複のため
$ido=$term->parent;
$term2=get_term($ido,get_query_var( 'taxonomy' ));
if ( $term2->parent ) : 
?>
<div class="sekou_cate_box" style="margin-top:0px;">
<ul>
<!---一覧部分-->
<?php
  wp_list_categories( array(
  'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term2->parent,//親のIDを出力
	'hide_empty' => 0, 
	 'show_option_none' => '',
	 'depth'              => 1,
  ) );
?>
</ul>
</div>
<div style="clear:both;"></div>
<?php endif; ?>


<div class="sekou_cate_box" style="margin-top:0px;">
<ul>
<!---一覧部分-->
<?php
  wp_list_categories( array(
  'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->parent,//親のIDを出力
	'hide_empty' => 0, 
	 'show_option_none' => '',
	 'depth'              => 1,
  ) );
?>
</ul>
</div>
<div style="clear:both;"></div>
<?php //子が子をもってるいか
$teterm = $wp_query->queried_object;//タクソノミー中に使うコード
$teterm_id = $teterm->term_id;
// 子があるかを取得
$children = get_term_children($teterm_id,get_query_var('taxonomy'));
if ($children) : //子がいれば  ?>
<div class="sekou_cate_box" style="margin-top:0px;">
<ul>
<!---一覧部分-->
<?php
  wp_list_categories( array(
    'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->term_id,
    'hide_empty' => 0, 
     'show_option_none' => '',
	  'depth'              => 1,
  ) );
?>
 
</ul>
</div>
<div style="padding-top:0px;"></div>
<?php endif; ?>



<?php
else : //親だったらそのまま出力
?>

<ul>

<!---一覧部分-->
<?php


  wp_list_categories( array(
    'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->term_id,
	'hide_empty' => 0, 
	 'show_option_none' => '',
	 'depth'              => 1,
  ) );
  
  endif;?>

</ul>
</div>



<?php endif;

//ここまでメニュー
?>

マキノの問合せフォーム

クリックすると開くフォーム　一こめは最初から

/*巻のフォーム*/

.makinoform,.mailform{ margin-top:30px;}
.makinoform td{
	width: 14.4%;
	vertical-align: text-top
}
.makinoform td:last-child{
	padding-right: 16px;
	
}

.makinoform tbody { display:none}
.table_box .makinoform:first-child tbody {
	display: inherit
}



.makinoform caption{
	background: #F30;
	color: #FFF;
	padding: 12px;
	cursor:pointer
}

.d_textarea textarea { width:99%}

.mailform th{ position:relative; width:30%; vertical-align:text-top;}
.hissu{
	position: absolute;
	/*	top: 0;
	bottom: 0;*/
	right: 5px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background-color: #FF8700;
	display: inline-block;
	padding-right: 6px;
	padding-left: 6px;
	height: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 3px;/*ヴァーティかるtopにしたで*/
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
	
.ninni{
	position: absolute;
/*	top: 0;
	bottom: 0;*/
	right: 5px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background-color: #CCCCCC;
	display: inline-block;
	padding-right: 6px;
	padding-left: 6px;
	height: 18px;
	/*width: 36px;*/
	margin-top: 3px;/*ヴァーティかるtopにしたで*/
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
		-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
	}
	

<div class="table_box">
<table class="makinoform">
<caption>1パターン目のご依頼内容</caption>
<tbody>
  <tr>
  <td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
  </td>
    <td>プリント
Body
カラー
  </td>
    <td>プリント
Body
サイズ
  </td>
    <td>枚数
  </td>
 <td>プリント
箇所
  </td>
    <td>プリント
サイズ
  </td>
        <td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
  </td>
  </tr>
  </tr>

  

      <tr> 
   <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   [select menu-21-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-21-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-21-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
  [select menu-21-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   </td>
    <td>
   [select menu-21-6  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-21-6-2  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-21-6-3  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-21-6-4  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   </td>
       <td>

   [select menu--21-7 include_blank "フルカラー" "1色シルク"]
   [select menu--21-7-1 include_blank "フルカラー" "1色シルク"]
   [select menu--21-7-2 include_blank"フルカラー" "1色シルク"]
   [select menu--21-7-3 include_blank "フルカラー" "1色シルク"]
   </td>
   
   </tr>
<tr>
 <td colspan="7" class="d_textarea"> 
[textarea textarea-320 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
 <td colspan="7" class="d_textarea"> 
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302 limit:5mb][file file-303 limit:5mb][file file-304 limit:5mb]
</td>
</tr>
</tbody>
</table>
<table class="makinoform">
<caption>2パターン目のご依頼内容</caption>
<tbody>
  <tr>
  <td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
  </td>
    <td>プリント
Body
カラー
  </td>
    <td>プリント
Body
サイズ
  </td>
    <td>枚数
  </td>
 <td>プリント
箇所
  </td>
    <td>プリント
サイズ
  </td>
        <td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
  </td>
  </tr>
  </tr>

  

      <tr> 
   <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   [select menu-22-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-22-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-22-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
  [select menu-22-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   </td>
    <td>
   [select menu-22-6  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-22-6-2  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-22-6-3  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-22-6-4  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   </td>
       <td>

   [select menu--22-7 include_blank "フルカラー" "1色シルク"]
   [select menu--22-7-1 include_blank "フルカラー" "1色シルク"]
   [select menu--22-7-2 include_blank"フルカラー" "1色シルク"]
   [select menu--22-7-3 include_blank "フルカラー" "1色シルク"]
   </td>
   
   </tr>
<tr>
 <td colspan="7" class="d_textarea"> 
[textarea textarea-320-2 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
 <td colspan="7" class="d_textarea"> 
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302-2 limit:5mb][file file-303-2 limit:5mb][file file-304-2 limit:5mb]
</td>
</tr>
</tbody>
</table>





<table class="makinoform">
<caption>3パターン目のご依頼内容</caption>
<tbody>
   <tr>
  <td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
  </td>
    <td>プリント
Body
カラー
  </td>
    <td>プリント
Body
サイズ
  </td>
    <td>枚数
  </td>
 <td>プリント
箇所
  </td>
    <td>プリント
サイズ
  </td>
        <td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
  </td>
  </tr>
  </tr>

        <tr> 
   <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   
   </td>
    <td>
   [select menu-23-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-23-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   [select menu-23-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
  [select menu-23-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
   </td>
    <td>
   [select menu-23-6  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-23-6-2  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-23-6-3  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   [select menu-23-6-4  include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
   </td>
       <td>

   [select menu--23-7 include_blank "フルカラー" "1色シルク"]
   [select menu--23-7-1 include_blank "フルカラー" "1色シルク"]
   [select menu--23-7-2 include_blank"フルカラー" "1色シルク"]
   [select menu--23-7-3 include_blank "フルカラー" "1色シルク"]
   </td>
   
   </tr>
<tr>
 <td colspan="7" class="d_textarea"> 
[textarea textarea-320-3 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
 <td colspan="7" class="d_textarea"> 
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302-3 limit:5mb][file file-303-3 limit:5mb][file file-304-3 limit:5mb]
</td>
</tr>
</tbody>
   </table>
   </div>
   
   
   

<table class="mailform">

<tr><th>希望納品日<span class="ninni">任意</span></th>
<td>
<span style="font-size:80%">通常10営業日以内での発送となります。お急ぎの場合はお問い合わせください。</span></td>
</tr>

<tr><th>納品方法 <span class="hissu">必須</span></th>
<td>[select* menu-874  include_blank "ヤマト運輸（1万円以上は送料無料・時間指定可）" "引き渡しご来店"]</td>
</tr>

<tr><th>お支払い方法 <span class="hissu">必須</span></th>
<td>[select* menu-876  include_blank  "銀行振込（商品到着後、１週間以内）" "引き渡し時ご来店" "ヤマト運輸代引き（只今準備中です。16年2月予定）"]</td>
</tr>

</table>



<table class="mailform">

<tr><th>お名前 <span class="hissu">必須</span></th>
<td>  </td>
</tr>

<tr><th>郵便番号<span class="hissu">必須</span></th>
<td><span style="font-size:80%"></span></td>
</tr>

<tr><th>住所<span class="hissu">必須</span></th>
<td></td>
</tr>



<tr><th>電話番号<span class="hissu">必須</span></th>
    <td>    </td>
</tr>

<tr><th>メールアドレス <span class="hissu">必須</span></th>
  <td>   </td>
</tr>

<tr><th>※メールアドレス確認<span class="hissu">必須</span></th>
  <td> [email* your-email_confirm]
<span style="font-size:80%">＊注意　携帯のアドレスの場合、迷惑メール設定ドメインの解除をお願いします。
こちらからの返信メールが届かない場合があります。info@makinoprint.com</span></td>
</tr>


<tr><th>LINE ID <span class="ninni">任意</span></th>
  <td>   </td>
</tr>

<tr><th>ご希望連絡方法<span class="hissu">必須</span></th>
  <td>  [checkbox* checkbox-220 "メール" "LINE" "電話"]</td>
</tr>

<tr><th>ご予算（あれば）<span class="ninni">任意</span></th>
  <td>  </td>
</tr>


<tr><th>
お見積りご依頼<span class="ninni">任意</span>
お問合せ内容</th>
 <td>   [textarea your-message] </td>

<tr>

<tr><th>
納品先が違う場合は<span class="ninni">任意</span>
こちらに
お書きください。</th>
 <td>   [textarea nouhin-adress x4 "〒"] </td>

<tr>
<th>　</th>
<td>[submit "送信"]</td>
</tr>

</table>

一行内にない項目があるとその行は表示されないからこう書いてる

[your-name] 様
お問合せありがとうございます。
MAKINOプリントです。
下記内容でお問合せ頂きました。
確認後２営業日以内にご返信させて頂きます。


お名前: [your-name]  様
ご住所：[zip][addr] 
電話番号:[text-691]
メール：[your-email]
LINE ID：[your-line]

ご希望連絡方法：[checkbox-220]
ご予算：[text-556]
お問合せ内容:
[your-message]

上記住所以外の納品先：
[nouhin-adress]

希望納品日：[text-963]
納品方法：[menu-874]
お支払い方法：[menu-876]



★１パターン目のご依頼内★
--------------------------------------------
プリントBody品番    ：[text-21-1]
プリントBodyカラー ：[text-21-2]
プリントBodyサイズ ：[text-21-3]
プリント枚数           ：[text-21-4]
-------------------------------------------
プリント箇所1 ：[menu-21-5]　
[menu-21-6]　
[menu-21-7] 
プリント箇所2 ：[menu-21-5-2] 
[menu-21-6-2] 
[menu-21-7-2] 
プリント箇所3 ：[menu-21-5-3] 
[menu-21-6-3] 
[menu-21-7-3] 
プリント箇所4 ：[menu-21-5-4] 
[menu-21-6-4] 
[menu-21-7-4] 
-------------------------------------------
詳細内容：[textarea-320]

添付ファイル名：[file-302]
[file-303]
[file-304]


★2パターン目のご依頼内★
--------------------------------------------
プリントBody品番    ：[text-22-1]
プリントBodyカラー ：[text-22-2]
プリントBodyサイズ ：[text-22-3]
プリント枚数           ：[text-22-4]
-------------------------------------------
プリント箇所1 ：[menu-22-5]
[menu-22-6]
[menu-22-7] 
プリント箇所2 ：[menu-22-5-2]
[menu-22-6-2]
[menu-22-7-2] 
プリント箇所3 ：[menu-22-5-3]
[menu-22-6-3]
[menu-22-7-3] 
プリント箇所4 ：[menu-22-5-4]
[menu-22-6-4]
[menu-22-7-4] 
-------------------------------------------
詳細内容：[textarea-320-2]

添付ファイル名：[file-302-2]
[file-303-2]
[file-304-2]



★3パターン目のご依頼内★
--------------------------------------------
プリントBody品番    ：[text-23-1]
プリントBodyカラー ：[text-23-2]
プリントBodyサイズ ：[text-23-3]
プリント枚数           ：[text-22-4]
-------------------------------------------
プリント箇所1 ：[menu-23-5]
[menu-23-6]
[menu-23-7] 
プリント箇所2 ：[menu-23-5-2]
[menu-23-6-2]
[menu-23-7-2] 
プリント箇所3 ：[menu-23-5-3]
[menu-23-6-3]
[menu-23-7-3] 
プリント箇所4 ：[menu-23-5-4]
[menu-23-6-4]
[menu-23-7-4] 
-------------------------------------------
詳細内容：[textarea-320-2]

添付ファイル名：[file-302-3]
[file-303-3]
[file-304-3]



--
このメールは ホームページのお問い合わせフォームから送信されました

-------------------------------------
牧野広告代理店　プリント事業部
〒486-0916 愛知県春日井市八光町2-30
ハピネス八光403

TEL FAX: 0568-32-4355
mail: info@makinoprint.com
iphone: 080-3070-8232
iphone mail: 2youngc@i.softbank.jp

担当: 牧野　

WordPressで日本語のファイル名をアップロードする方法 コンタクトフォーム7で日本語ファイル名の添付ファイル　文字化け　解消

http://wpnote.link/how-to-upload-the-file-name-of-the-japanese-in-wordpress/

見だしに文字化けと書きましたが、実は、文字化けしている訳ではなく、「WP Multibyte Patch」プラグインを有効化していると日本語ファイル名をmd5ハッシュ値に変換し、サニタイズ化しているからだそうです。

このサニタイズ化を無効にし、日本語ファイル名をそのまま利用するには以下のように設定します。

/wp-content/plugins/wp-multibyte-patch/wpmp-config-sample-ja.php を/wp-content/ 直下にコピー
コピーした、wpmp-config-sample-ja.phpを　wpmp-config.phpというファイル名に変更
wpmp-config.php を編集し、$wpmp_conf[‘patch_sanitize_file_name’] の値をtrueからfalseに変更

これで治ったとおもいきやこれでwpの日本語ファイルがアプできるようになただけ
じつは添付ファイルの方は文字化けしてた
本文はええが

そのためやったのでは
http://www.communitycom.jp/2012/08/20/cn-contact-form-7/　参考
$wpmp_conf[‘mail_mode’] = ‘JIS’;
を
$wpmp_conf[‘mail_mode’] = ‘UTF-8’;

こいつもがメールに関する文字コードの設定

$wpmp_conf[‘patch_wp_mail’] = true;
を
$wpmp_conf[‘patch_wp_mail’] = false;
こいをきってもいかも

レスポンシブルdivスライダー　完成系へ

クロスブラウザで　挙動がおかしかったので
自力で　やったら　できた。　夢みたいだわ。

まさかできるなんて　これだで　webはおもろい

まず
今までのdivスライダーに戻す。
viewer ul li のやつ

ほんとはcss整理したほうがよさそうだが
あえて
あとからcssほとんどあてた。

まずちゃんとしたサイズの画像があることが必須
あとその画像にそいつだけのクラスをつけれること
キャラリーの縦横比の基準になる画像に

class="respo_img"

をつける。

ヘッッダー内に

<script type="text/javascript">
$(window).on('load resize', function(){
var w = ($('.viewer ul li img.respo_img').height());
$('.viewer ul li').height(w);
$('.viewer ul').height(w);
$('.viewer').height(w);
});
</script>

こうやって書いた。
例のサイドバーのやつの応用な

ドル　クラスとかで指定　縦を取得
ドル　クラスとかで指定　縦を入れ替える

みたいにできるらしい
多分Jクエリ

そんで
基準のcss
440は1200のときのmax画像たかさ

ページ読み込み時、全部読み込んでから高さがかわるもんで
ガチャンみたいになるのが見苦しいで
その下はメディアスクリーンで
いちお高さを指定してなるべくガチャンが気にならんようにした。
main_contents_top_fadeのmin-hightは元のcssけした　ややこしいで

.viewer,
.viewer ul,
.viewer ul li{ height:440px;
min-height:inherit;
min-height:auto;}

@media screen and (max-width: 1100px) {.viewer,
.viewer ul,
.viewer ul li{ height:363px;}}

@media screen and (min-width: 1100px) and (max-width: 1200px) {.viewer,
.viewer ul,
.viewer ul li{ height:395px;}}



<script type="text/javascript">
$(function(){
	var $setElm = $('.viewer'),
	fadeSpeed = 1500,
	switchDelay = 5000;

	$setElm.each(function(){
		var targetObj = $(this);
		var findUl = targetObj.find('ul');
		var findLi = targetObj.find('li');
		var findLiFirst = targetObj.find('li:first');

		findLi.css({display:'block',opacity:'0',zIndex:'99'});
		findLiFirst.css({zIndex:'100'}).stop().animate({opacity:'1'},fadeSpeed);

		setInterval(function(){
			findUl.find('li:first-child').animate({opacity:'0'},fadeSpeed).next('li').css({zIndex:'100'}).animate({opacity:'1'},fadeSpeed).end().appendTo(findUl).css({zIndex:'99'});
		},switchDelay);
	});
});
</script>

<!--TOPフェード-->
<script type="text/javascript">
$(document).ready(function() {
$('.viewer').fadeIn(0);
});
</script>

コンタクトフォーム　で　テキストエリアに　改行文字を　予め　挿入する方法

参考

document.myForm.memo.value = "aaa\nbbb"; 
とすれば良いです。
\nは改行コードです。

コード　ポイントは\n

<?php 
$subject = '作業希望日\n\n●第１希望　　　月　　　日\n●第２希望　　　月　　　日\n●第３希望　　　月　　　日'; 
			?>
			<script type="text/javascript">
			jQuery(document).ready(function () {
			  jQuery("textarea#tamatour").val("<?php echo $subject; ?>");
			});
			</script>

<?php echo do_shortcode( '[contact-form-7 id="11" title="コンタクトフォーム 1"]' ); ?>

コンタクト ポイントはid

<tr><th><span style="font-size:80%">仮予約お申込みご希望の方</span>
作業希望日<span class="ninni">任意</span></th>
  <td>[textarea textarea-913 id:tamatour]</td>

</tr>

サイドバーがとまるやつ　はまった　レスポンシブル

レスポンシブルでなければ全然いける

サイドバーも%でしていしてるから
fixedすると　100%では画面全体の%になっっちやう。
ピクセル指定でははみ出ちゃおう

一応方法は

<script type="text/javascript" src="/js/side-fixed-comment.js"></script>

こいつを入れて

var mainArea = $("#main_contents"); //メインコンテンツ
	var sideWrap = $("#d_sidenavi"); //サイドバーの外枠
	var sideArea = $("#d_sidenavi_in"); //サイドバー

これを指定するだけ。

if(wd.height() < sideArea.height()){ //サイドメニューが画面より大きい場合
				if(starPoint < wd.scrollTop() && wd.scrollTop() + wd.height() < breakPoint){ //固定範囲内
					sideArea.css({"position": "fixed", "bottom": "20px"}); 
	
				}else if(wd.scrollTop() + wd.height() >= breakPoint){ //固定解除位置を超えた時
					sideArea.css({"position": "absolute", "bottom": "0"});
	
				} else { //その他、上に戻った時
					sideArea.css("position", "static");
	
				}

この辺をいじってほしい所まで言ったが
24.5%を足す
他は100%に戻す

cssでmaxwidth 280pxにする

fixedはwind100%でやってくるから
どうちゃっても
全く同じサイズにできん。

スクリプトを読み込ませない
ってやつやったけど

一度読み込んだjsをクリアする方法がみつからず断念

ウインドウサイズ小で
ロード時読み込ませないことはできたが
1200まで大きくして読み込んだが
また小さくしたときに
も読み込んでて
だめやった。

４・５時間はまって寝る前に考えた計算でできた。

天才花道

まず
普通に
ヘッダ

<script type="text/javascript" src="/js/side-fixed-comment.js"></script>

side-fixed-comment.js

var mainArea = $("#main_contents"); //メインコンテンツ
	var sideWrap = $("#d_sidenavi"); //サイドバーの外枠
	var sideArea = $("#d_sidenavi_in"); //サイドバー

css　場所ブログアフター

@media screen and (min-width: 1200px) {#d_sidenavi_in{ max-width:280px;}}

@media screen and (max-width: 1000px){#d_sidenavi_in{ max-width:231px; min-width:231px;}}

これで1200px以上1000PX以下の設定
あとは1000から1200までを取得する

ヘッダside-fixed-comment.jsより下（いみある？）

<script type="text/javascript">
$(window).on('load resize', function(){
var w = ($(window).width() -56) * 0.25 ;
$('#d_sidenavi_in').width(w);
});
</script>

<script type="text/javascript">
$(window).on('load resize', function(){
//読み込み時とリサイズ時を同時に処理する
var w = ($(window).width() -56) * 0.245 ;
//wにウインドウサイズを取得して　俺が作っているホームページのサイドバーより上のdivのマージンがピクセルで指定してあるからそれをマイナスして(-56) レスポンシブでサイドバーは24.5%で作成してあるから、それを掛けた(* 0.245) サイズいわゆる　サイドバーのあるべきサイズを取得する
$('#d_sidenavi_in').width(w);
});
//fixedになって親がいなくなった（画面全体になった）サイドバーに値を入れる。
</script>

※ここで重要なのが予め 変動値以外のサイズ　1000以下にはmin-width　1200以上にはmax-widthをしていしておく 　

参考
http://qiita.com/drapon/items/328b1ed23490061e6fdb
この書き方だと要素にwidth=がついて　イメージなどではしていできるだろうが
今回か書き方をかえた
これ参考http://qiita.com/blogger323/items/811f42f8283889071be7
ここから引き抜いた

$('#sidebar').css('width', '');
w = $('#sidebvar').width();
$('#sidebar').width(w);

演算子
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators

こんな書き方もできるだろう
http://bl6.jp/web/javascript/change-process-get-window-size/
処理

 $('#sample').css({
            color: 'red'
        });

点滅css

http://www.will-hp.com/wpblog/web/72/
つかったのはこっち

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

http://shirasaka.tv/434

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.8;/*透明度80%*/
 }
}
.blinking{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}

アメブロをphpでrssで読み込む

参考
http://opendream.co.jp/index.php/%E3%82%A2%E3%83%A1%E3%83%96%E3%83%AD%E3%81%AErss%E6%83%85%E5%A0%B1%E3%81%8B%E3%82%89%E3%83%AA%E3%82%B9%E3%83%88%E3%82%92%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B/


<!-------------------------AMEBA--------------------------------->
  <div id="ameba">
  
  
  
  <div class="rss-box">  
<ul class="rss-items">
<?php
$blogID = '2youngc'; // 例として さんのアメブロを表示します
$checkURL="http://ameblo.jp/";
$lenURL = strlen($checkURL) + strlen($blogID) + 1;
$blogRSS = simplexml_load_file("http://feedblog.ameba.jp/rss/ameblo/{$blogID}");
$bloglist = "" ?>

<?php
$i = 0;
$kiji = 2;//この回数でフォーチ終わる。
foreach ( $blogRSS->item as $item ) 
{
	if($i >= $kiji)://siが３よりおおきくなったら
break;//ループおわり
else://それまではこれで出力
  if( substr( $item->link, 0, $lenURL ) == "{$checkURL}{$blogID}/" ){

	 
// 本人の投稿を判定する（広告を除去する）
    $title = $item->title;
    $link = $item->link;
    $desc = strip_tags( $item->description );
    $desc = mb_strimwidth( $desc, 0, 104, "...", "utf-8" );
    $dt = date( 'Y/m/d', strtotime( $item->children('http://purl.org/dc/elements/1.1/' )->date ) );
    $today = date( 'Y/m/d' );
    $yesterday = date( 'Y/m/d', strtotime("-1 day") );
    $bloglist .= "<li class='rss-item'>$dt ";
    if ( $dt == $today || $dt == $yesterday ) 
	{
      // 当日と1日前の投稿には「NEW」を表示する
      $bloglist .= "<span style=\"color:red\">NEW</span>";
    } //new
	
    $bloglist .= "<br /><a href=\"{$link}\" class='rss-item'>{$title}</a><p style='margin-top:5px; margin-bottom:3px;'>{$desc}</p></li>\n";
  } //自分の記事？
  
$i++;//多分繰り返すごとに$iに数値が１つづ増える
endif;
} //フォーチ
//$bloglist .= "<p style='margin:0px'><a href=\"http://ameblo.jp/{$blogID}/entrylist.html\">もっと見る</a></p>";

echo $bloglist;
?>
<div style="clear:both; margin-top:5px; margin-bottom:3px;"></div>
</ul>
</div>
    </div id="ame">

ワードプレス　みけん

参考
http://mypacecreator.net/blog/archives/2021

<?php
  //以下3行の項目を任意に変更
    $display_posts_count = 5; //実際に表示したい記事件数
    $get_posts_count = 10; //取得する記事件数（PR記事を含むので$display_posts_countより少し多めに設定）
    $feed = fetch_feed('http://feedblog.ameba.jp/rss/ameblo/アメブロのID/rss20.xml'); //取得したいRSS
 
  //以下は必要なければ変更しなくてOK
    $counter = 0; //ループ回数カウンター
    include_once(ABSPATH . WPINC . '/feed.php');
    if (!is_wp_error( $feed ) ) : //エラーがなければ
         $maxitems = $feed->get_item_quantity($get_posts_count); //取得件数
         $feed_items = $feed->get_items(0, $maxitems); //指定件数分の配列作成
    endif;
?>
<ul>
<?php
if ( $feed_items == 0 )  echo '<li>新しい記事はないようです</li>';
  else foreach ( $feed_items as $item ) :
    if( !preg_match('/^PR:/', $item->get_title() ) && $counter < $display_posts_count ): //PR記事の除外 && 表示件数が設定件数を超えないかチェック
?>
<li> <a href="<?php echo $item->get_permalink(); ?>"> <?php echo $item->get_title(); ?></a> <br />
<?php echo $item->get_date('Y.m.d'); ?>更新</li>
<?php $counter++;
      endif;
      endforeach; ?>
</ul>

contact form 7で　ファイルアップロードがうまく行かなかった件　「ファイルのアップロードに失敗しました。エラーが発生しています。

こたえはここ

後フラミングFlamingo　いれた

https://ja.forums.wordpress.org/topic/148640

さくらのコンパネのphp.iniファイルを書き直したのが
良かったかもしれません。

post_max_size=10M upload_max_filesize=10M
としていたのを

post_max_size = '10M'
upload_max_filesize = '5M'

としました。

php ini だとは思ったがサイズがちいさいのはおくれたから
プラグインディレクトリにいれてもだめだったし

っさくらのパネルで書き足したら　wwwのルートディレクトリのをかきなおしたみたいで
　そいつを24MBにしといた

allow_url_fopen = On
allow_url_include = On

post_max_size = '24M'
upload_max_filesize = '24M'

wp-admin/

post_max_size = '12M'
upload_max_filesize = '10M'

<tr><th>画像添付（各10MB以内）</th><td>
[file file-425 limit:10mb]
[file file-426 limit:10mb]
[file file-427 limit:10mb]
[file file-428 limit:10mb]</td></tr>
file と file* で利用可能なオプション
オプション 使用例 説明
id:(id) id:foo input 要素の id 属性値。
class:(class) class:bar input 要素の class 属性値。2個以上のクラスを設定する場合は複数の class: オプションを [file your-file class:y2008 class:m01 class:d01] のように並べる。
filetypes:(ファイルタイプ) filetypes:gif|png|jpg|jpeg 受信可能なファイルタイプ。filetypes: の後にファイル拡張子を並べる。複数のファイルタイプを設定する場合はそれらを ‘|’ (パイプ) でつなげる。
limit:(ファイルサイズ) limit:1048576
limit:1024kb
limit:1mb		 受信可能な最大ファイルサイズを指定する。kb (キロバイト)、mb (メガバイト) の接尾辞を使って指定することも可能。それらが省略された場合はバイトが単位になる。小数表記 (例: [file your-file limit:1.5mb]) はできないので注意。

柴田をおしゃれにする方法

まず現時点で気づいたことは
しゃれたものが一切に等しくない

あるとすれば
おれのパソコンデスクから椅子マック一式くらい

箱をキレイにするのは確かに一番基本で需要だが
いつここも使えなくなるかわからないので
ある程度にしといて
まずはもしココが使えなくなっても
持ち出せるパーツを増やす。

おしゃれなパーツをふやせば
気分も上がるし
いざとなれば
事務所を引っ越せるし
自宅事務所はそのままで

まあ
今後、ここ以外に移すことはあっても
自宅にもってかえることはないだろう。

冷蔵庫含め
ココ以外でも事務所を開ける方向に
準備するにはいい機会か。

タクソノミーのカテゴリを強制チェックさせる

//カスタムタクソノミーで選択を強制にする
add_action('admin_print_footer_scripts', 'admin_print_footer_scripts_custom', 21);
function admin_print_footer_scripts_custom() {
    echo '<script type="text/javascript">
      //<![CDATA[
      jQuery(document).ready(function($){
          // default check
          if ($(".categorychecklist input[type=checkbox]:checked").length == 0) {
            $(".categorychecklist > li:first-child > .selectit > input").attr("checked", "checked");
          }
      });
      //]]>
      </script>';
}

            $(".categorychecklist > li:first-child > .selectit > input").attr("checked", "checked");

ここを改造した
> で指定する場合かならず具体的でなければならない。
途中一個でも抜けるとおもった指示が書けない

今回は一個目のリストの小ulリストのインプットまでかかってしまうため
おやから順次具体的にしていして
小カテゴリは強制チェックさせないようにした。

参考　cssセレクタ42個
http://wp-e.org/2014/05/20/2420/
元
http://qiita.com/seltzer/items/899b1cbe636743f2915e

add_action('admin_print_footer_scripts', 'admin_print_footer_scripts_custom', 21);
function admin_print_footer_scripts_custom() {
    echo '<script type="text/javascript">
      //<![CDATA[
      jQuery(document).ready(function($){
          // default check
          if ($(".categorychecklist input[type=checkbox]:checked").length == 0) {
            $(".categorychecklist li:first-child input:first-child").attr("checked", "checked");
          }
      });
      //]]>
      </script>';
}

ダイエットしたければ忘れるな

・朝を抜く（ドリンク系にする　カルピス　ファスティング酵素　コーヒー牛乳など）
・酒を飲むと食欲が増すから
酔いたいなら　空きっ腹に飲んで　飯を用意してから　つまみをちょこちょこ食べてチーズとか
すげー酔っぱらってらりるから　どっかで　すぐ　もうクワーってなって暴走しそうになってきたら
用意した飯を一気に食う。
そうしたら酒ももういらんし、落ち着きを取り戻す。

※夕飯を早めに食って寝酒とかするならほどほどに
つまみは　vドラッグにうってるカシューナッツ多めのナッツの小袋ぐらにししとけ
つまみ　酒はかみかぜ

1

この寝酒のときにおつまみ食べ過ぎると太る。
ましてや朝　昼　夜　おつまみ　だと４食コースだろ。

酒を飲み過ぎると翌日胃腸が油もんをほしがったり
食って体調を取り戻そうと食い気味になるから太る。

・効率の良い食事のためにちゃんこ鍋みたいなカレーを作って
それを朝晩食う。

1187

 

今回成功（柴田で来た日に作って水木金土と問題なくいけた）したレシピは
カレーと
たくあん・すにんにく（自家製）２個くらい〜・生卵・納豆・キムチ　全部100ローで

カレーは
タマネギ中〜中大３個
人参中〜大２本
かぼちゃ大1/4の3/4くらい
さつまいも中１本
ミックスベジタブル200gくらい
豚頭肉200g位
あとえのき小一袋

飽きない為にざくぎり工夫

ざっくり炒めて水1500cc
かぼちゃとさつまいもは後からいれた

にたったらわりとすぐ
火を止めて　カレー粉11人前
今回は100円の5人まえと
もらったバーモンド6人前合わせたやつ

IMG_20151120_203317

解けたら再沸騰させて完成

すぐ食うとしゃびしゃびだが
昼作って夜くうとうまい

サラダも重要
レタス丸ごと１個
大根半分２個
ブラックペッパー醤油まよ
シーチキン

大根をおろして
シーチキンとまぜて

レタスはむしっとく

1191

1202

1238

1286

1356

1380

7938

 

うまくいくと痩せられる

タクソノミーで　子カテゴリか親カテゴリか分岐して　親の場合さらに子をもつか分岐してメニューを出す

$teterm = $wp_query->queried_object;//タクソノミー中に使うコード
$teterm_id = $teterm->term_id;

// 子があるかを取得
$children = get_term_children($teterm_id,get_query_var('taxonomy'));
if ($children) : //子がいれば

ここが新コード

<?php //カテゴリー・タグ情報を取得（slug,アーカイブページでターム名取得,タクソノミー名取得）
$term = get_term_by('slug',get_query_var( 'term' ),get_query_var( 'taxonomy' )
);
?>


<?php //$termにはいってる情報で分岐
if ( $term->parent ) :// 親IDが入ってれば　（子だったら）
?>

<!---TOP部分-->
<?php //親のIDを取得してターム情報を引き出す。
$ido=$term->parent;
$term2=get_term($ido,get_query_var( 'taxonomy' ));
?>
<div class="sekou_cate_box" style="margin-top:20px;">
<div style="margin-bottom:5px;">サブカテゴリ：</div>
<ul>
<!---一覧部分-->
<?php
  wp_list_categories( array(
  'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->parent,//親のIDを出力
	'hide_empty' => 0, 
	 'show_option_none' => '',
  ) );
?>

</ul>
</div>
<div style="padding-top:0px;"></div>

<?php
else: //親だったらそのまま出力

$teterm = $wp_query->queried_object;//タクソノミー中に使うコード
$teterm_id = $teterm->term_id;

// 子があるかを取得
$children = get_term_children($teterm_id,get_query_var('taxonomy'));
if ($children) : //子がいれば 
?>

<div class="sekou_cate_box" style="margin-top:20px;">
<div style="margin-bottom:10px;">サブカテゴリ：</div>
<ul>
<!---一覧部分-->
<?php

  wp_list_categories( array(
    'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->term_id,
	'hide_empty' => 0, 
	 'show_option_none' => '',
  ) );
?>

</ul>
</div>
<div style="padding-top:0px;"></div>
<?php
else:子がいない場合
//var_dump( $children)?>

<?php endif; ?>
<?php endif; ?>

絞り込みでカレントさせる

対応車種： 

<?php //※１ 2ページ目以降でボタンを押されても、1ページ目に飛ぶようにURLを指定
$url = explode('/', $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);
$url_str ='http://'.$url[0].'/'.$url[1].'/'.$url[2].'/';
$sortset = (string)filter_input(INPUT_GET, 'shashu'); //信頼できないのでチェック
?>

<?php if ( $sortset == 'NA'): ?>
<a href="<?php echo get_term_link($term,get_query_var( 'taxonomy')); ?>/?shashu=NA" class="sort_current"><span class="na_c icon_sb">NA</span></a>
<?php else: ?>
<a href="<?php echo get_term_link($term,get_query_var( 'taxonomy')); ?>/?shashu=NA"><span class="na_c icon_sb">NA</span></a>

<?php endif; ?>

こうする

サーバーはxserver メールはサクラ　検証中

サクラですでに稼働中サイトなら
まずXserver にドメインをアサインしてファイルアップして動く準備して
Xserver のMXレコード　TXT を設定

おなまえネームサーバーをXserver

サクラではとくに変更無し
メールサーバーが切り替わるのに時間がかかる気がする。。。

受信出来ないので戻して
再起動したら読み込んだ。Thunderbird
webメールボックスではすでに受信できてたからおかしいと思って。

参考
http://www.happyquality.com/2014/07/12/2915.htm

v=spf1 a:www****.sakura.ne.jp -all

a:に続く文字は、さくらインターネットコントロールパネルの左メニュー「サーバ情報の表示」>「サーバに関する情報」に表示されているホスト名を入力します。

TXTれこーどって
https://support.google.com/a/answer/2716800?hl=ja

x2を借りてみた。

普通にやってもできへんかったから
データベースを空にして
アクセスしてDB作成インストしてから
上書きしたらできた

wp config　と　 htacces が上書きされて
wpconfigは　変わらない

htacess がphpのバージョンが冒頭に記載されてた

#####phpversion#####
AddHandler x-httpd-php5.3 .php .phps
#####end:phpversion#####

何度もphpのバージョンが古いから駄目といわれ
バージョンを変更してたからいきなりDBインストできたかも
まずバージョンを5.3.3に

ただそうしても
アップして解凍　フォルダ移動
でパージョンが記載されていないhtaccessでは
バージョンが一番古いのにもどるっぽい

実験でうごいてるのに
記載無しでhtaccesいれかえたら
バージョンもどってうごかなかった

サーバーパネルで再びもどしたら使えたが

いきなりローカルアップした時できなかったぽい。

もしかしたらキャッシュが残ってたのかも
wwwありなしどっちでも駄目だったのに
シークレットウインドでアクセスしたら
phpのバージョン歌ってきたし。
それとwp config に入れるmsqlサーバーは
db制作じのものでなく
msqlの情報を参照したもので正解

それと　キャッシュと　htaccess のphp のバージョンが問題だったか。。