Custom Field Suite のまとめ

http://komodo.arrow.jp/wp/733#wysiwyg

http://lilacmimosa.jp/blog/wordpress-custom_field_suite-loop-file_upload.html

http://memo352.blog119.fc2.com/blog-entry-355.html

※注意:フィールドループで投稿すると
画像一件だけ出力する方法が分からない。
つまり記事一覧でサムネイルにできない
記事一覧で 項目なら 一個目だけ表示できない。
出し方が分からない

ポストタイプは作れないが

カスタムポストを使いやすくするプラグイン。

なんか分かりやすい操作感。

 

■カスタムフィールドで画像ギャラリー

ギャラリーフィールド event_photos (loop)

にフォトフィールド event_photo(file)

を保存後上手にドラッグイン

 

配置ルール

投稿タイプは指定する。

 

出力方法

ループフィールド

<?php//宣言
$fields = $cfs->get('event_photos');
foreach ($fields as $field) :
?>

<!--シンプルライトボックス用rel-->
<a rel="slb slb_group[111111]" href="
<?php //イメージFULL URLを取得
$attachment_id = $field['event_photo'];
$sample_photo = wp_get_attachment_image_src($attachment_id, "full");
print $sample_photo[0]; 
?>
">

<?php
 //イメージを取得 さらに記事タイトルを取得しライトボックス キャプションを入れ替えるためalt titleを追加
//wp_get_attachment_imageの関数?は4個詳しくは該当際サイトで
$title= get_the_title();
$attachment_id = $field['event_photo'];
$sample_photo = wp_get_attachment_image($attachment_id, "event-sam",0,array('alt'=>$title,'title'=>$title));
echo $sample_photo;
?>
</a>


<?php
endforeach;
?>

以下はお試しでやったループフィールドじゃない時のやつ 例えば カスタムフィールドテンプレートや 単発画像など


<!--シンプルライトボックス用rel-->
<a rel="slb slb_group[111111]" href="
<?php //イメージFULL URLを取得
$img_url =wp_get_attachment_image_src(get_post_meta($post->ID,"event_photo",true),'full');
print $img_url[0]; 
?>
">

<?php //イメージを取得 さらに記事タイトルを取得しライトボックス キャプションを入れ替えるためalt titleを追加
//wp_get_attachment_imageの関数?は4個詳しくは該当際サイトで
$title= get_the_title();
echo wp_get_attachment_image(get_post_meta($post->ID,"event_photo",true),event-sam,0,array('alt'=>$title,'title'=>$title)); ?>

</a>


さらにキャンプションのテキストフィールドを作り
ライトボックスのキャプションにいれるようにした。

入れない場合も考へ分岐

//分岐 キャプション蟻
$title = $field['photo_cap'];
if (empty($title)):
$title= get_the_title();
endif;

ここが分岐emptyは空白なら〜という分岐らしい 初

完成コード

<div class="top_titol">EVENT PHOTO</div>
<div class="event_photo">
<?php
$fields = $cfs->get('event_photos');
foreach ($fields as $field) :
?>


<a rel="slb slb_group[111111]" href="

<?php
$attachment_id = $field['event_photo'];
$sample_photo = wp_get_attachment_image_src($attachment_id, "full");
print $sample_photo[0]; 
?>
">
<?php

 //分岐 キャプション蟻
$title = $field['photo_cap'];
if (empty($title)):
$title= get_the_title();
endif;

 $attachment_id = $field['event_photo'];
 $sample_photo = wp_get_attachment_image($attachment_id, "event-sam",0,array('alt'=>$title,'title'=>$title));
echo $sample_photo;

?>
</a>


<?php
endforeach;
?>
</div>

サイズ購入と在庫管理

商品ごとにサイズ別在庫を抱える場合

商品 sol006

にSKLをサイズごとに
sol006-s
sol006-m
sol006-l
sol006-xl

と分ける。

カートを複数出力しサイズごとにカートへボタン設置

<!--カート-->
<div class="single_cart">
<table cellspacing="0"><tbody>
<?php
//単品の場合ループ宣言
//usces_have_skus(); ?>
<?php //の場合複数ループ宣言
//while (usces_have_skus()): ?>
<?php do { //ページ内にこの前にusces_have_skus()を使った場合こう書く 2回目ってこと?>
<tr><td><span class="zaikostatus"><?php usces_the_itemSkuDisp() ?></span></td><td><span class="zaikostatus2"><?php usces_the_itemZaiko(); ?></span></td><td><span class="zaikostatus2"> 数量 </span><?php usces_the_itemQuant(); ?></td><td>  <?php usces_the_itemSkuButton(カートへ入れる); ?></td>
</tr>
<?php //endwhile; ?> 
<?php } while (usces_have_skus()); ?>
</tbody>
</table>
</div> 

郵便番号から住所を自動で表示 AjaxZip3 welcart編

wp_head()の後に記入(SSLの場合)

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

*追記 2013/6/17
これで動作しない方は、$をjQueryに書き換えてみてください。

商品の編集をログイン中出す。

<?php edit_post_link('この商品を編集', '<div class="henshu">', '</div><div style="clear:both"></div>'); ?>
.henshu {
}
.henshu a {
	color: #FFF;
	background-color: #333;
	background-image: url(../img/body_backgr/body_background_white11.png);
	background-repeat: repeat;
	padding: 10px;
	text-decoration: none;
	overflow: hidden;
	float: left;
}

ファンクション

//アイテムページの編集をアイテム編集ページに
add_filter('edit_post_link', 'my_edit_post_link');
function my_edit_post_link($output) {
  if(usces_is_item()){
  $output = str_replace('post.php?post', 'admin.php?page=usces_itemedit&post', $output);
    }
    return str_replace('<a ', '<a target="_blank" ', $output);
}

商品追加方法

商品に品番をつける 例 sol001
アップ前に
メイン写真に品番をつける 例 sol001.jpg
写真をアップロード

商品マスターより商品追加

最低限必要な項目

商品コード 例 sol001
商品名 例 SOLブランドTシャツ6

SKU価格
SKUコード sol006 (sol006-S sol006-M sol006-L sol006-XL)
売価(円) 5800

カテゴリー

ベストセラー

インストするとウィジェットにwelcart BESTセラーがでる

サイドバーを使える様にして

指定の位置へ

<?php dynamic_sidebar('Widgets 1'); ?>
 <div style="clear:both;"></div>

ベストセラーにサムネイル、順番を画像で出力したり、指定クラスをつける
ファンクションへ

//welcartベストセラー サムネイル+順位表示が画像
add_filter('usces_filter_bestseller', 'my_bestseller_func', 10, 3);
function my_bestseller_func() {
    $args = func_get_args();
    list($html, $post_id, $index) = $args;
    $post = get_post($post_id);
    if ( $index == 0 ){
    $img = 'img/1.png';
}    elseif ( $index == 1 ){
    $img = 'img/2.png';
}    elseif ($index == 2){
    $img = 'img/3.png';
}    else {
}

    $list = '<li class="side_rank"><a href="' . get_permalink($post_id) . '"><img src="' . $img . '" width="24" style="padding-bottom:0px;" />
<br/>' . usces_the_itemImage(0, 175, 267, $post, 'return' ) . '<br>' . $post->post_title . '</a></li>
';
    return $list;
}

Jクエリ カルーセル ラミール ベストセラー商品など

<!--カルーセルスライダー-->

<script type="text/javascript" src="js/jquery.jcarousel.min.js" ></script>

<script type="text/javascript">
jQuery(document).ready(function() {
 jQuery('#mycarousel').jcarousel({
  // 表示設定
  scroll: 1,
  auto: 2,
  wrap: 'both',
 });
});
</script>
<div id="mycarousel">
    <ul>

<li>
<p class="img"><a><img></a></p>
<p class="title"><a>タイトル</a></p>
</li>

<li>
<p class="img"><a><img></a></p>
<p class="title"><a>タイトル</a></p>
</li>





</ul>
</div>

MAMPでPHPファイル以外でもPHPを実行可能

/Applications/MAMP/conf/apache/にあるhttpd.confをテキストエディタなどで開いて、135行目ぐらいにある以下の部分を修正する。

AddType application/x-httpd-php .php .phtml

この部分にPHPを実行させたいファイル形式の拡張子を追加する。

AddType application/x-httpd-php .php .phtml .html

編集したhttpd.confを保存してMAMPを再起動すれば、追加したファイル形式でPHPが動くはず。

ドリでのサイト設定例 面倒だからここに

■サイト
ローカルサイトフォルダ:/Applications/XAMPP/xamppfiles/htdocs/Dropbox/my_server/temp

■サーバー
ローカルネットワーク
サーバー:/Applications/XAMPP/xamppfiles/htdocs/Dropbox/my_server/temp
web url:             http://localhost/Dropbox/my_server/temp/

テストにチェック

タイトルもしくはog:titleの分岐

<meta property="og:title" content="<?php
wp_title( '|', true, 'right' );
if(is_tax('genre')): //大カテゴリ21---------------------------------

  $super = single_term_title('', false);
$args = array(
		'posts_per_page' => 1,
'tax_query' => array(
			'relation' => 'AND',
			array(
				'taxonomy' => 'midashi',//タクソノミー見出しの
				'field' => 'slug',
				'terms' => array( $super, '予備' ),//タームに現在のタームを入れるsuper※条件midashiとgenreのターム名は同じ
//'operator'=>'NOT IN'
				),
),
'post_type' => 'd_midashi_top', //カスタムポスト見出しトップの
	);

	query_posts( $args );

if ( have_posts () ) :
    while ( have_posts() ) :
        the_post();
echo get_post_meta($post->ID,"見出し文",true); 

    endwhile;
endif;
//genreのタクソノミーだったら終わり
?><?php
endif; //else:
wp_reset_query();
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	
	
	   if(is_singular( 'performer' ) )://パフォーマー個---------------------------------
    echo get_post_meta($post->ID,"キャッチコピー",true);
	echo ' ';

endif;
if(is_tax('chiiki')): //パフォーマー地域---------------------------------
	echo 'イベントレポート ';
	
endif;

	// Add the blog name.
	bloginfo( 'name' );
	
	
	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )


		echo " | $site_description";
		
		if(is_page()): //固定ページ--------------------------------
echo " | $site_description";
endif;

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) );

	?>" />

og:typeを分岐

<?php if(is_home()): //ホームなら?>

<meta property="og:type" content="website">

<?php else: ?>
<meta property="og:type" content="article">
<?php endif; ?>

og:descriptionにカスタムフィールドを改行させないで

<?php if(is_singular( 'performer' ) )://パフォーマー個人---------------------------------?>

<meta property="og:description" content="<?php echo mb_substr( str_replace(array("\r\n","\r","\n"),'',strip_tags(get_post_meta($post->ID,"プロフィール",true))), 0, 120); //ソースを改行させない カスタムフィールドの文字を指定数だけ入れる?>"> 


<?php elseif(is_singular( 'event_report' ) )://レポート個---------------------------------?>

<meta property="og:description" content="<?php echo mb_substr( str_replace(array("\r\n","\r","\n"),'',strip_tags($post->post_content)), 0, 120 ); //ソースを改行させない コンテンツの文字を指定数だけ入れる?>"> 

<?php else: ?>
<meta property="og:description" content="大道芸人、マジシャン、似顔絵師、演奏家などの出張派遣、様々なパフォーマーを派遣いたします。全国の芸人が総勢250名以上在籍!イベント企画会社様から個人のイベントまで、驚きの低価格にて派遣いたします。" />
<?php endif; ?>

Custom Field GUI Utility Extenderで表示した画像をog:imgに

<?php if(is_singular( 'event_report' )): //シングルより先に読み込む?>
<meta property="og:image" content="<?php $imagefield = get_imagefield('レポート画像1');
$attachment = get_attachment_object($imagefield['id']);
$imgattr = wp_get_attachment_image_src($imagefield['id'], 'thumbnail'); // thumbnail, large, medium, full を指定
print $imgattr[0]; 
?>" />

<?php elseif(is_singular( 'performer' )): ?>
<meta property="og:image" content="<?php $imagefield = get_imagefield('パフォーマー画像1');
$attachment = get_attachment_object($imagefield['id']);
$imgattr = wp_get_attachment_image_src($imagefield['id'], 'thumbnail'); // thumbnail, large, medium, full を指定
print $imgattr[0]; 
?>" />
<!--それ以外なら-->





<?php else: ?>




<meta property="og:image" content="http://www.xn--q9js4nqcxfya8d9mb5974lbbyb.com/img/face.jpg" />
<?php endif; ?>

thumbnailでええの?fullでしょ?

Custom Field GUI Utility Extender 画像出力

  <?php if(get_post_meta($post->ID, 'パフォーマー画像1', true)): ?> 
    <!--サムネイルコード-->       
<?php
$imagefield = get_imagefield('パフォーマー画像1');
$attachment = get_attachment_object($imagefield['id']);
$imgattr = wp_get_attachment_image_src($imagefield['id'], 'thumbnail'); // thumbnail, large, medium, full を指定
echo '<image src="' . $imgattr[0] . '" width="' . $imgattr[1] . '" height="' . $imgattr[2] . '" alt="' . get_the_title() . '" title="' . get_the_title() . '" />';
?>
<!--サムネイルコード--> 
 <?php endif; ?>

User Role Editor 注意点

User Role Editorのバックアップ リストア時の不具合
多分タームとかと一緒、

クライアントの権限を変更したら出てきた。

Adminimizeも一度空セーブしなければいけない。

何か良く分からない

BackWPup

でバックしたやつを入れたからか??

http://www.saases.jp/blog/wordpress/3200/

タイトルを入力してくださいを変える

//タイトルを入力してくださいを変える
function change_default_title( $title ) {
	$screen = get_current_screen();
	if ( 'performer' == $screen->post_type ) {
		$title = 'パフォーマー名を入力してください。';
	} else if ( $screen -> post_type == 'post' ) {
		$title = 'これは投稿だけ変更します';
	}
	return $title;
}
add_filter('enter_title_here', 'change_default_title');