投稿者: doggstar

スマフォ用のサイドメニュー　スライドメニューの導入方法　jquery.sidr.js

jquery.sidr.min.js

こいつを使う

※追記
class=”simple-menu” href=”#sidr”
とし
出てくるのにも
class=”simple-menu” href=”#sidr”要素を入れて
閉じる

下記だと　IDだから１こしかきかない
http://number333.org/2013/06/14/sidr/
説明

ヘッダー

<link href="/js/css/jquery.sidr.dark.css" rel="stylesheet" type="text/css">
<script src="/js/jquery.sidr.min.js"></script>

<script>
$(document).ready(function() {
  $('.simple-menu').sidr({side: 'right'});
});
</script>

こいつでくくって

 <?php if (is_mobile()) : 
 //モバイルヘッダー
 ?>

<?php endif; ?>

リンクボタン

<a class="simple-menu" href="#sidr"> 
<img src="/img/d_this/moble_menu.jpg" width="120" height="120" alt="モバイルメニュー" />
</a>

実際のコード

<div id="sidr">
  <!-- Your content -->
  <ul>
  <li><a href="/会社概要/">タマツアーバリとは</a></li>
  <li style="text-align:center">現地ツアー</li>
    <?php wp_list_categories('title_li=&depth=1&taxonomy=bali-tours-cat&hide_empty=0'); ?>
    <li style="text-align:center">オプショナルツアー</li>
    <?php wp_list_categories('title_li=&depth=1&taxonomy=bali-optional-tours-cat&hide_empty=0'); ?>
    
<li style="text-align:center">　</li>
 <li><a href="/bali-tours/世界遺産ボロブドゥールへバリから日帰ツアー/">
世界遺産ボロブドゥール</a>
</a></li>
<li>

<li>
<a href="/bali-tours/バリ島空港送迎（デンパサール国際空港）/">
空港送迎
</a>
</li>


<li>
<a href="/bali-tours/ガソリン代込のお得な車チャーター！行動自由で/">
車チャーター
</a>
</li>
<li style="text-align:center">　</li>
<li>
<a href="/bali-tours-voice/">
お客様の声
</a>
</li>



<li style="text-align:center">　</li>
<li><a href="/お問合せ/">お問合せ</a></li>
<li><a href="/会社概要/">会社概要</a></li>
<li><a href="/個人情報の取扱/">個人情報の取扱</a></li>
    
  </ul>
</div>

<script>
$(document).ready(function() {
  $('#simple-menu').sidr({side: 'right'});
});
</script>

ギャラリーにてキーワードを強化　画像altをループフィールドでaltに

smart custum fileで

ループフィールドsekou_imgz

のsekou_img_altを画像altへ分岐あり

これはさらに新築施工例orリフォームというターム名まで取得して入れる

 

タイトルにて記事内でターム名取得

<?php if ( $terms = get_the_terms($post->ID, 'built-cat') ) { echo ''; //前 <ul> foreach ( $terms as $term ) { echo '' . esc_html($term->name) . ''; //"前後ろ<li></li> } echo ''; //後ろ</ul> } ?>

ギャラリー

<div id="img_box2">
<div class="navi-image">

 <?php
$fields = SCF::get('sekou_imgz');
foreach ($fields as $field) :
?>
<?php
//ターム名
$tarm_key = $term->name;
//ページタイトル
$title_base = get_the_title();
//画像altあれば
if($field['sekou_img_alt']):
$alt = $field['sekou_img_alt'];
$title = $alt.'|'.$tarm_key.'|'.$title_base;
//画像altなければ
else:
$title = $tarm_key.'|'.$title_base;
endif;

 $attachment_id = $field['sekou_img'];
?>


<a href="#" onClick="return false;">
<?php 
$car_photo = wp_get_attachment_image($attachment_id,'gall_h500',0,array('alt'=>$title,'title'=>$title));
echo $car_photo;
?>
</a>
<?php
endforeach;
?>



</div class="navi-image">
  
  <div class="navi">
<ul>


   <?php
$fields = SCF::get('sekou_imgz');
foreach ($fields as $field) :
?>
<?php
//ターム名
$tarm_key = $term->name;
//ページタイトル
$title_base = get_the_title();
//画像altあれば
if($field['sekou_img_alt']):
$alt = $field['sekou_img_alt'];
$title = $alt.'|'.$tarm_key.'|'.$title_base;
//画像altなければ
else:
$title = $tarm_key.'|'.$title_base;
endif;
 $attachment_id = $field['sekou_img'];

?>


<li><a href="#" onClick="return false;">
<?php 
$car_photo = wp_get_attachment_image($attachment_id,'gall_s',0,array('alt'=>$title,'title'=>$title,'class'=>'navi_sam'));
echo $car_photo;
?>
</a></li>
<?php
endforeach;
?>


    </ul>
  </div class="navi">
  <div style="clear:both;"></div>
  
  


  </div id="img_box2">
<!---------------------------------------------------->

日付で分岐

get_the_time(‘Ymd’)で数字を取得　

if ($day <= 20150611):で その日付を含む古い記事は〜の分岐　 [php] <?php $day = get_the_time('Ymd'); if ($day <= 20150611): ?> <div class="blog_deta"><ul><li class="blogcate_icon"><?php echo get_the_term_list( $post->ID, 'jirei_cat','','','' ); ?> 　</li></ul> <?php edit_post_link('この記事を編集', '', ''); ?> </div> <?php else:?> <div class="blog_deta"><ul><li><?php the_time('Y.m.d'); ?></li><li class="blogcate_icon"><?php echo get_the_term_list( $post->ID, 'jirei_cat','','','' ); ?> 　</li></ul> <?php edit_post_link('この記事を編集', '', ''); ?> </div> <?php endif; ?> [/php]

css3 セレクタ　何番目

20150722追記

http://weboook.blog22.fc2.com/blog-entry-285.html

/*３個目でクリア改行*/
#sample li:nth-child(3n+1){
clear:both;

}


/*2個目でクリア*/
.jirei_box_all .jirei_box2:nth-child(2n+1){clear:both;
}

#smart-cf-custom-field-4672 .smart-cf-meta-box-table:first-child .widefat{ height:480px;}

いつもまちがえるから再び
今回は
:first-childで

最初の要素を指定

親が存在している事で
その後の同じ子でしていする。

今回は
いくつも同じdivの要素で囲われた
その中のテキストエリアを指定

＃divの子　.div::first-childの.widefat

購読者の場合はログイン後にトップページ 管理ページにいかせず　アドミンバー消す

add_action( 'auth_redirect', 'subscriber_go_to_home' );
function subscriber_go_to_home( $user_id ) {
    $user = get_userdata( $user_id );
    if ( !$user->has_cap( 'edit_posts' ) ) {
        wp_redirect( get_home_url() );
        exit();
    }
}
add_action( 'after_setup_theme', 'subscriber_hide_admin_bar' );
function subscriber_hide_admin_bar() {
    $user = wp_get_current_user();
    if ( isset( $user->data ) && !$user->has_cap( 'edit_posts' ) ) {
        show_admin_bar( false );
    }
}

Advanced Custom Fieldsの出力

参考http://kotori-blog.com/wordpress/acf_output/

<?  
//テキスト
$txt = get_field('txt');
if($txt){ ?><p>テキスト：<? echo $txt; ?></p>
<? }
 
//テキストエリア
$area = get_field('area');
if($area){ ?><p>テキストエリア：<? echo $area; ?></p>
<? }
 
//数値
$num = get_field('num');
if($num){ ?><p>数値：<? echo $num; ?></p>
<? }
 
//メール
$mail = get_field('mail'); 
if($mail){ ?><p>メール：<? echo $mail; ?></p><? }
 
//パスワード
$passwd = get_field('passwd');
if($passwd){ ?><p>パスワード：<? echo $passwd; ?></p>
<? }
 
//Wysiwyg エディタ
$editor = get_field('editor'); 
if($editor){ ?><p>Wysiwyg エディタ：<? echo $editor; ?></p>
<? }
 
//画像(返り値は「画像ID」)
$img = get_field('img');
$imgurl = wp_get_attachment_image_src($img, 'full'); //サイズは自由に変更してね
if($imgurl){ ?><img src="<? echo $imgurl[0]; ?>" alt=""></p>
<? }
 
//ファイル(返り値は「ファイルURL」)
$file = get_field('file');
if($file){ ?><a href="<? echo $file; ?>" target="_blank">ファイル</a></p>
<? }
  
//セレクトボックス
$select = get_field('select');
if($select){ ?><p>セレクトボックス：<? echo $select; ?></p>
<? }
 
//チェックボックス
$check = get_field('check');
if($check){
    foreach((array)$check as $value) {
        echo "セレクトボックス：".$value;
    }
}
 
//ラジオボタン
$radio = get_field('radio'); 
if($radio){ ?><p>ラジオボタン：<? echo $radio; ?></p>
<? }
 
//真/偽
$singi = get_field('singi'); 
if($singi){ ?><p>真/偽：<? echo $singi; ?></p>
<? }
 
//ページリンク
$pagelink = get_field('pagelink');
if($pagelink){ 
    foreach((array)$pagelink as $value) {
        echo "ページリンク：".$value;
    }
}
 
//投稿オブジェクト
$object = get_field('object'); 
if($object){ ?><p>投稿オブジェクト：<? echo $object->post_title; ?></p>
<? }
 
//関連(返り値は「Post Objects」)
$kanren = get_field('kanren');
if($kanren){ ?>
<p>関連：<? foreach((array)$kanren as $value) {
    echo '<a href="'.get_the_permalink($value->ID).'">'.$value->post_title.'</a>';
    if ($value !== end($kanren)) {
        echo ", ";
    }
} ?></p><? }
 
//タクソノミー(返り値は「Term Object」)
$taxo = get_field('taxo'); 
if($taxo){ ?><p>タクソノミー：<? 
foreach((array)$taxo as $value) {
    echo '<a href="http://kotori-blog.com/taxonomy/'.$value->slug.'">'.$value->name.'</a>';
    if ($value !== end($taxo)) {
        echo ", ";
    }
} ?></p><? }
 
//ユーザー(フィールドタイプは「セレクトボックス」)
$user = get_field('user');
if($user){ ?><p>ユーザー：<?
    echo '<a href="http://kotori-blog.com/anthor/'.$user['user_nicename'].'">'.$user['nickname'].'</a>';
?></p><? }
 
//ユーザー(フィールドタイプは「Multi Select」)
$user = get_field('user');
if($user){ ?><p>ユーザー：<?
foreach((array)$user as $value) {
    echo '<a href="http://kotori-blog.com/anthor/'.$value['user_nicename'].'">'.$value['nickname'].'</a>';
    if ($value !== end($user)) {
        echo ", ";
    }
} ?></p><? }
 
//Google Map
$googlemap = get_field('googlemap'); 
if($googlemap){ ?><p>Google Map：<? echo $googlemap['address']; ?> lat:<? echo $googlemap['lat']; ?> lng:<? echo $googlemap['lng']; ?></p><? }
 
//デイトピッカー
$datepicker = get_field('datepicker'); 
if($datepicker){ ?><p>デイトピッカー：<? echo $datepicker; ?></p>
<? }
 
//カラーピッカー
$color = get_field('color');
if($color){ ?><p>カラーピッカー：<? echo $color; ?></p>
<? } ?>

アドバンスカスタムフィールド　関連

参考http://kotori-blog.com/wordpress/acf_output/

//関連(返り値は「Post Objects」)
$kanren = get_field('kanren');
if($kanren){ ?>
<p>関連：<? foreach((array)$kanren as $value) {
    echo '<a href="'.get_the_permalink($value->ID).'">'.$value->post_title.'</a>';
    if ($value !== end($kanren)) {
        echo ", ";
    }
} ?></p><? }

2015.06.20追記

しっかりまとめ

<?php
//関連(返り値は「Post Objects」)
$kanren = get_field('kanren_tour');
if($kanren){ ?>


<h3 class="kanren_tour">
関連のあるツアー
</h3>
<?php foreach((array)$kanren as $value) {
   
   // if ($value !== end($kanren)) {
    //    echo ", ";
   // }
   ?>
    
<?php include("a1_d_tour_roop_main_ichiran2_ac.php"); ?>
    
<?php } ?>
<? } ?>

a1_d_tour_roop_main_ichiran2_ac.php

<!--box--><div class="top_box1">

<!--img-->
<a href="<?php echo get_the_permalink($value->ID) ?>" class="block">
<div class="top_box1_img_box">
 <?php //画像ファイルにクラスをつけて表示　mediumを任意のサイズへ　最後array(120,240)など
$title= $value->post_title;
$img_url2  = wp_get_attachment_image_src(get_post_meta($value->ID,"main_img",true),'tour-sam1'); ?>
<img src="<?php print $img_url2[0];  ?>" class="top_sam1" alt="<?php echo $title ?>" title="<?php echo $title ?>" />

<?php  //厳選ツアーなら
if (is_object_in_term($value->ID, 'bali-tours-cat','おすすめ厳選ツアー')): ?>
<div class="top_box1_icon">
<img src="/img/d_this/osusume.png"  alt="厳選おすすめバリ島ツアー" class="no_dhover"></div>

<?php endif; //厳選ツアーならEND ?>


<div class="top_box1_coco">
<img src="/img/d_this/coconatu.png" width="95" height="105" alt="バリ島イメージ・ヤシの木"class="no_dhover">
</div>

</div>
</a>
<!--img-->

<!--disp-->
<div class="top_disp1">
<h3 class="top_disp1_title"><?php //ランキング分岐１
 
  include("a2_d_rank1_ac.php"); ?> 
<a href="<?php echo get_the_permalink($value->ID) ?>">
<?php echo $title ?>
</a>
</h3>
<p class="top_disp1_p">
<a href="<?php echo get_the_permalink($value->ID) ?>">
<?php echo get_post_meta($value->ID,"tour_disp",true); ?>
</a>

<br><br>
<a href="<?php echo get_the_permalink($value->ID) ?>" class="tuzuki">詳しく見る▶</a>
</p>

</div>

<!--/disp-->
<div style="clear:both;"></div>

</div><!--/box-->

a2_d_rank1_ac.php

<?php  //ランキング写真内
if (is_object_in_term($value->ID, 'bali-tours-ranking','1位')): ?>
<img src="/img/d_this/rank/big_crawn1.png"  class="rank1d" alt="バリツアー人気No1" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','2位')): ?>
<img src="/img/d_this/rank/big_crawn2.png"  class="rank1d" alt="バリツアー人気No2" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','3位')): ?>
<img src="/img/d_this/rank/big_crawn3.png"  class="rank1d" alt="バリツアー人気No3" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','4位')): ?>
<img src="/img/d_this/rank/big_crawn4.png"  class="rank1d" alt="バリツアー人気No4" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','5位')): ?>
<img src="/img/d_this/rank/big_crawn5.png"  class="rank1d" alt="バリツアー人気No5" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','6位')): ?>
<img src="/img/d_this/rank/big_crawn6.png"  class="rank1d" alt="バリツアー人気No6" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','7位')): ?>
<img src="/img/d_this/rank/big_crawn7.png"  class="rank1d" alt="バリツアー人気No7" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','8位')): ?>
<img src="/img/d_this/rank/big_crawn8.png"  class="rank1d" alt="バリツアー人気No8" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','9位')): ?>
<img src="/img/d_this/rank/big_crawn9.png"  class="rank1d" alt="バリツアー人気No9" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','10位')): ?>
<img src="/img/d_this/rank/big_crawn10.png"  class="rank1d" alt="バリツアー人気No10" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','11位')): ?>
<img src="/img/d_this/rank/big_crawn11.png"  class="rank1d" alt="バリツアー人気No11" />
<?php elseif (is_object_in_term($value->ID, 'bali-tours-ranking','12位')): ?>
<img src="/img/d_this/rank/big_crawn12.png"  class="rank1d" alt="バリツアー人気No12" />
<?php else: ?> 
  <?php endif; ?>

サムネイルのURLを取得して　好きなサイズで取得する

<?php
if(has_post_thumbnail()):?>

        <?php 
			$title= get_the_title();
			$image_id = get_post_thumbnail_id();
			$img_url2  = wp_get_attachment_image_src($image_id,'tour-sam1'); ?>
<img src="<?php print $img_url2[0];  ?>" class="bali_kotu_box_sam" alt="<?php echo $title ?>" title="<?php echo $title ?>" />
			
            
  <?php else: ?>
  <img src="/img/fb_sam.jpg" width="216" class="bali_kotu_box_sam" alt="初めてなら知っておきたいバリ島観光のコツ">
   <?php endif; ?>

TOPフラッグ　ギャラリー追加時　ファイル名連番　Photoshop　バッジ

まずマックの機能でファイル名を連番にできる。
参考http://programmerbox.com/2013-10-07_automator_image_batch_rename/

要点
アプリ：Automator

サービスを選択
1.イメージファイルを選択
2.Finderを選択
3.ライブラリを選択
4.Finder 項目を求めるを選択

image_213

次は「Finder 項目の名前を変更」をドラッグ&ドロップ

image_214

image_215

image_216

image_217

次は作成したアクションの削除の方法を説明します。

アップルメニュー
↓
システム環境設定
↓
キーボード
↓
サービス
↓
消したいアクション名
↓
アクションファイル
↓
右クリック
↓
ゴミ箱に入れる

あとは連番にしたやつをバッジで小さくしたりすると　同じファイル名で　サムネイルもつくれる。

カテゴリに画像登録　出力コード等　タクソノミー

http://kotori-blog.com/wordpress/cat_customfields/
参考

■アドバンスカスタムフィールド
タクソノミータームを選び
返り値　ID

■画像登録

■コード出力

ページ　一覧出力　フォーチ

ポイントは

'taxonomy'                 => 'bali-tours-cat',
$post_id = 'bali-tours-cat_'.$cat_id;

ポストIDにタクソノミー名アンダーバー＋ID
でそのカテゴリに入力されたもののポストIDがでる

	'child_of'                 => 0,
	'parent'                   => '',
	'orderby'                  => 'name',
	'order'                    => 'ASC',
	'hide_empty'               => 0,
	'hierarchical'             => 1,
	'exclude'                  => '',
	'include'                  => '',
	'number'                   => '',
	'taxonomy'                 => 'bali-tours-cat',
	'pad_counts'               => false 
); 
$categories = get_categories($args);
//$categories = get_categories('parent=0'); 親カテゴリーのみ
foreach($categories as $category) :
 
$cat_id = $category->cat_ID;
$post_id = 'bali-tours-cat_'.$cat_id; 
   
$catimg = get_field('cat_img',$post_id);
$img = wp_get_attachment_image_src($catimg, 'full');
?>
<div>あ<?php echo $category->cat_name; ?></div>
<div><a href="/bali-tours-cat/<?php echo $category->category_nicename; ?>"><img src="<?php echo $img[0]; ?>" alt="<?php echo $category->cat_name; ?>" /></a></div>
<?php endforeach; ?>

カテゴリアーカイブ出だすには

 <?php
$cat_id = get_queried_object()->cat_ID;
$post_id = 'category_'.$cat_id; 
 
$catimg = get_field('cat_img',$post_id);
$img = wp_get_attachment_image_src($catimg, 'full');
?>
<div><?php single_cat_title(); ?></div>
<div><img src="<?php echo $img[0]; ?>" alt="<?php single_cat_title(); ?>" /></div>

Smart Custom Fieldsでループさせるやりかた　出力方法等

https://www.imd-net.com/blog/2014/12/15-210937/
参考

「Reapeat」にチェック

<table>
  <tr>
    <th>種類</th>
    <th>値段</th>
    <th>個数</th>
  </tr>
  <?php
    $oyasai_group = SCF::get( 'cf_oyasai_group' );
    foreach ( $cf_oyasai_group as $field_name => $field_value ) {
  ?>
    <tr>
      <td><?php echo esc_html( $field_value['cf_kind'] ); ?></td>
      <td><?php echo esc_html( $field_value['cf_nedan'] ); ?></td>
      <td><?php echo esc_html( $field_value['cf_kosu'] ); ?></td>
    </tr>
  <?php } ?>
</table>

うちでは

分岐もいれてタイトル　リンクありなし島複雑なり

<h3 class="koe_title">
<?php //スマートカスタムフィールドのループ
    $tour_group = SCF::get( ' tours' );
    foreach ( $tour_group as $field_name => $field_value ) {
  ?>
<?php if($field_value['os_tour_url'] ): //URLがあれば?>
<a href="<?php echo esc_html( $field_value['os_tour_url'] ); ?>" style="color:#EA5514">
<?php echo esc_html( $field_value['os_tour'] ); ?>
</a>
<?php else: //なければ?>
<?php echo esc_html( $field_value['os_tour'] ); ?>
<?php endif; ?>
<br />
  <?php } ?>
  
</h3>

〒郵便番号自動入力　コンタクトフォーム7

ajaxzip3

とやらをつかいます

■welcart

ファンクションの状態でドリではバグルが

いい風に動作するやつ　ファンクションに
http://qiita.com/kawaosa/items/ecacdfb28af3e5dc17b5

<?php
add_filter( 'usces_filter_apply_addressform', 'zip2addr_jp', 10, 3);
function zip2addr_jp($formtag, $type, $data){
  $pref_name = $type.'[pref]';
  $addr_name = $type.'[address1]';
  $js =<<<END
<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zipcode').change(function() {
    AjaxZip3.zip2addr(this, '', '$pref_name', '$addr_name');
  });
});
</script>
END;
  return $formtag.$js;
}
  
  
?>

ばぐらんが
郵便番号を入力しなおせないやつ
これはヘッダーに
http://riyomaru.minibird.jp/wordpress/507/

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js " type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function(){
var addr_de = function(){
AjaxZip3.zip2addr(this,'','delivery[pref]','delivery[address1]','delivery[address2]');
};
var addr_me = function(){
AjaxZip3.zip2addr(this,'', 'member[pref]', 'member[address1]', 'member[address2]');
};
 
var addr_cu = function(){
AjaxZip3.zip2addr(this,'','customer[pref]','customer[address1]','customer[address2]');
};
 
 
switch($('#zipcode').attr('name')){
case 'delivery[zipcode]':
  $('#zipcode').change(addr_de).keyup(addr_de);
  break;
case 'member[zipcode]':
  $('#zipcode').change(addr_me).keyup(addr_me);
    break;
case 'customer[zipcode]':
  $('#zipcode').change(addr_cu).keyup(addr_cu);
    break;
}
});
//]]>
</script>

コンタクトフォーム7の場合

<tr><th>郵便番号</th>
<td>[text* zip id:zip 10/ watermark]</td>
</tr>

<tr><th>住所</th>
<td>[text* addr id:addr]</td>
</tr>

フォーム出力コード前に

★★★うまくいった改造

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zip').change(function(event) {
    AjaxZip3.zip2addr(this, '', 'addr', 'addr');
  });
});
</script>

×××これは修正できっせん

<script type='text/javascript' src='https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js'></script>
<script type="text/javascript">
jQuery(function(){
  jQuery('#zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','addr','addr');
  })
})
</script>