基本
<!------------------------------基本分岐----------------------------> <?php if(post_custom('ホームページ')): //カスタムフィールドの有無で分岐 ?> <?php else: ?> <?php endif; ?> <?php if($post->TEL): //カスタムフィールドの有無で分岐 ?> <?php else: ?> <?php endif; ?> <!------------------------------基本出力----------------------------> <!-----------------------------テキスト-------------------------------> <!-- 新 シンプル --> <?php echo esc_html( $post->TEL ); ?> <?php echo nl2br(esc_html($post->kinmujikann )); ?> <!--昔ながら--> <!----改行あり-----> <?php echo nl2br(get_post_meta($post->ID,"役職",true)); ?> <!----改行なし-----> <?php echo get_post_meta($post->ID,"キャッチコピー",true); ?> <!----文字数指定-----> 検証必要mb_strimwidthは横幅? <?php echo mb_strimwidth(post_custom('テキスト'), 0, 200 , '...', utf8); ?> <!----文字数指定-----> <?php echo mb_substr(get_post_meta($post->ID,"店舗名下簡易紹介文",true), 0, 78); ?> <!----文字数指定+改行----->カッコじゃなくてもよいかもecho <?php echo(nl2br(mb_substr(get_post_meta($post->ID,"お店からメッセージ",true), 0, 500))); ?> <!-- 複数全角スペースを1個に置き換えて 改行を全角スペース1こに変換して表示 --> <?php $ryoukin = preg_replace("/[ ]+/u"," ",get_post_meta($post->ID,料金,true)); //複数全角スペースを1個に置き換えて $ryoukin =str_replace("\r\n", ' ', $ryoukin);//改行を全角スペース1こに変換して echo $ryoukin; //表示 ?> <!--ディスプリクションにカスタムフィールドの文字を指定数だけ入れる ソースを改行させない--> <META name="description" content=" <?php echo mb_substr( str_replace(array("\r\n","\r","\n"),'',strip_tags(get_post_meta($post->ID,"プロフィール",true))), 0, 120); //ソースを改行させない カスタムフィールドの文字を指定数だけ入れる ?>"> <!-----文字数指定制限----> <!--ファルコンのプロフィールを ラップトップPC ノートPC スマホ で分けたコード--> <?php $bio_id = 3688;//bio設定 記事ID $bio_con = get_field('biography', $bio_id, ture);// これはアドバンスで記事IDを指定できる //$bio_con = wpautop($bio_con);//これをいれると辻褄が合わない $bio_con = strip_tags($bio_con); //タグをのぞく?> <div class="top_prof"> <p class="pc_bio"> <?php $bio_con2 = nl2br(get_trim_str(array('str'=>$bio_con,'len'=>1100,'echo'=> false)));////改行されてるところにbrを挿入する//ファンクション関数//改行は1文字//lenプラス1文字以上は... echo $bio_con2;?> </p> <p class="note_bio" > <?php $bio_con2 = nl2br(get_trim_str(array('str'=>$bio_con,'len'=>270,'echo'=> false)));////改行されてるところにbrを挿入する//ファンクション関数//改行は1文字//lenプラス1文字以上は... echo $bio_con2;?> </p> <p class="mob_bio" > <?php $bio_con2 = nl2br(get_trim_str(array('str'=>$bio_con,'len'=>100,'echo'=> false)));////改行されてるところにbrを挿入する//ファンクション関数//改行は1文字//lenプラス1文字以上は... echo $bio_con2;?> </p> <!-----//文字数指定制限----> <!-----------------------------画像-------------------------------> <!-- (thumbnail, medium, large, full) get_post_meta() true をセットした場合、文字列として単一の結果を返します。false または値をセットしなかった場合、関数はカスタムフィールドの配列を返します。 --> <!------------------------------共通----------------------------> <!-- 画像のカスタムフィールドの返り値はID --> <!--wp_get_attachment_image( id, size , 真偽(メディアアイコンなんて使用しないでしょ?0が必要),値array('alt'=>$title,'class'=>指定できる,'title'=>$title)); titleって指定できる??--> <?php //サイズ指定 近いものが出る $title= get_the_title(); echo wp_get_attachment_image(get_post_meta($post->ID,"f_name",true),array(190,190),0,array('alt'=>$title, 'class' => " ",'title'=>$title)); ?> <?php //サイズ指定 そのものが出る work_small を作成しなければならない $title= get_the_title(); echo wp_get_attachment_image(get_post_meta($post->ID,"f_name",true),'work_small',0,array('alt'=>$title, 'class' => " ",'title'=>$title)); ?> <?php //画像ファイルのURLを取得して出力 $img_url =wp_get_attachment_image_src(get_post_meta($post->ID,"shop_photo",true),'full'); print $img_url[0]; ?>" <?php //画像ファイルにクラスをつけて表示 mediumを任意のサイズへ 最後array(120,240)など $title= get_the_title(); $img_url2 = wp_get_attachment_image_src(get_post_meta($post->ID,"event_photo",true),'medium'); ?> <img src="<?php print $img_url2[0]; ?>" class="vv" alt="<?php echo $title ?>" title="<?php echo $title ?>" /> <!--リンクをつけたい場合は wp_get_attachment_image_srcを使う --> <?php //画像拡大のリンクにファイルURLとライトボクスのグループと指示を与える ?> <!--シンプルライトボックス用rel--> <a rel="lightbox[roadtrip]" href="<?php //イメージFULL URLを取得 $img_url = wp_get_attachment_image_src(get_post_meta($post->ID,"event_photo",true),'full'); print $img_url[0]; ?>"> </a>
管理画面にアップした画像を使う
これはCFコンテンツに記載
アドバンスカスタムフィールド ACF
<?php $text = get_field('main_menu_all'); //収納?> <?php the_field('main_menu_all'); //出力?> <!--ギャラリー--> <!--画像出力と ループフィールド参考--> <?php if(post_custom('sekou_gallery2')): //ギャラリーがあれば?> <!-- フェードイン画像 --> <div id="loading"> <div class="inner"></div> </div> <!-- ギャラリー --> <div class="flickSlider"> <div class="flickView"> <ul> <?php $fields = get_field( 'sekou_gallery2' ); foreach ( $fields as $field ): ?> <?php $title = get_the_title(); $attachment_id = $field[ 'id' ]; ?> <li> <a href="#" onClick="return false;"> <?php //画像ファイルにクラスをつけて表示 mediumを任意のサイズへ 最後array(120,240)など $title = get_the_title(); $img_url2 = wp_get_attachment_image_src( $attachment_id, car_big ); ?> <img src="<?php print $img_url2[0]; ?>" class="car_big" alt="<?php echo $title.'|'.$head_rogo_under ?>" title="<?php echo $title.'|'.$head_rogo_under ?>" /> </a> </li> <?php endforeach; ?> </ul> <?php //new $days = 30; $today = date( 'U' ); $entry = get_the_time( 'U' ); $diff1 = date( 'U', ( $today - $entry ) ) / 86400; if ( $days > $diff1 ) { echo ' <!--<div class="rabel_new"> <img src="/wp-content/themes/D/d/img/car/rable_new.png" width="54" height="54" alt="新着施工例"> </div>--> '; } ?> </div> <!--/.flickView--> <div class="flickThumb"> <ul> <?php $fields = get_field( 'sekou_gallery2' ); foreach ( $fields as $field ): ?> <?php $title = get_the_title(); $attachment_id = $field[ 'id' ]; ?> <li><a href="#" onClick="return false;"> <?php $car_photo = wp_get_attachment_image( $attachment_id, 'BLOG249_176', 0, array( 'alt' => $title . '|' . $head_rogo_under, 'title' => $title . '|' . $head_rogo_under ) ); echo $car_photo; ?> </a></li> <?php endforeach; ?> </ul> </div> <!--/.flickThumb--> </div> <!--/.flickSlider--> <!----------------------------------------------------> <?php endif; ?>
カテゴリにカスタムフィールド AFC
<!-- ディスプリクションは デフォルトで出せる --> <?php echo category_description(); ?> <?php echo category_description( 962 ); //id指定?> <!-- アーカイブのURLを取得 get_term_link( 962 ); ID必要 get_term_link( $term_id) nameを取得 get_the_category_by_ID( 962 ); ID必要 get_the_category_by_ID( $term_id ); --> <?php $term_id = get_queried_object_id(); // タームIDの取得 ?> <a href="<?php echo get_term_link( 962 ); ?>" class="d_button d_button2" ><?php echo get_the_category_by_ID( 962 ); ?>のホームページ制作実績をすべて見る <i class=" icon-right-open"></i></a> <!--タームに付けた 独自のカスタムフィールド 使う 基本形--> <?php $term_id = get_queried_object_id(); // タームIDの取得 //$taxonomy_slugを設置 $taxonomy_slug = get_query_var('taxonomy'); // タクソノミースラッグを取得 //下記なら上書き if(is_category()){ $taxonomy_slug = 'category'; }//カテゴリはcategory if(is_tag()){ $taxonomy_slug = 'post_tag'; }//タグはtag $taxonomy_slug_id = $taxonomy_slug . '_' . $term_id; //連結したもの作成 例 hp_cate_920 のようなもの //このようにして、カスタムフィールドを取得できる $count = get_field( 'views',$taxonomy_slug . '_' . $term_id ); $count = get_field( 'views',$taxonomy_slug_id ); //例詳細 the_field( 'カスタムタクソノミーに追加したカスタムフィールドの名前', 'カスタムタクソノミーの名前_'.$term_ID); $hoge = get_field( 'カスタムタクソノミーに追加したカスタムフィールドの名前', 'カスタムタクソノミーの名前_'.$term_ID); ?> <!-- 例 D-MARKING のプランhp_cate --> <!--カスタムフィールドを出力 [table “2” not found /]
を リッチテキストのカスタムフィールドに入れた--> <?php $hoge = get_field( 'other1',$taxonomy_slug . '_' . $term_id ); // ?> <?php echo do_shortcode( $hoge ); ?> <!-- 直だし 説明文等 --> <?php the_field( 'other2','hp_cate_920' ); // ?> <!--画像を出力--> <?php $img_id = get_field( 'other_img',$taxonomy_slug_id ); // ?> <?php $title = get_the_category_by_ID( $term_id ); $attachment_id = $img_id; ?> <a href="<?php get_term_link( $term_id) ?>"> <?php //画像ファイルにクラスをつけて表示 $img_url = wp_get_attachment_image_src( $attachment_id, 'full' ); ?> <img src="<?php print $img_url[0]; ?>" class=" " alt="<?php echo $title.'|'.$head_rogo_under ?>" title="<?php echo $title.'|'.$head_rogo_under ?>" /> </a>
その他 ACF
<?php ///その他 ACF 出力 //ファイル(返り値は「ファイルURL」) $file = get_field('file'); if($file){ ?><a href="<? echo $file; ?>" target="_blank">ファイル</a></p> <? } //チェックボックス $check = get_field('check'); if($check){ foreach((array)$check as $value) { echo "セレクトボックス:".$value; } } //ページリンク $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/ <!---画像------>
カスタムフィールドスイート 関連ポスト ウェルカート
参考http://tec.kagati.com/wordpress/customfieldsuite/ 微参考http://www.coipo.net/lab/402.html <!-----------------------------------関連ポスト----------------------------------------------> ■ サンプル <?php $r_posts = $cfs->get('related_post'); if ($r_posts) : echo '<ul>'.PHP_EOL; foreach ($r_posts as $post_id) : $post_obj = get_post($post_id); ?> <li><?php echo esc_html($post_obj->post_title); ?></li> <?php endforeach; echo '</ul>'.PHP_EOL; endif; ?> <!----------------------------------- 実際ウェルカートでのコード----------------------------------------------> <?php $r_posts = $cfs->get('kanren'); if ($r_posts) : ?> <div class="top_titol" style="font-size:24px;">関連商品</div> <div class="top_new_item_all"> <?php endif; ?> <?php query_posts( array( 'post__in' => array( $r_posts[ 0 ], $r_posts[ 1 ], $r_posts[ 2 ], $r_posts[ 3 ], $r_posts[ 4 ], $r_posts[ 5 ], $r_posts[ 6 ], $r_posts[ 7 ], $r_posts[ 8 ], $r_posts[ 9 ], $r_posts[ 10 ] ), 'orderby' => 'title', 'order' => 'ASC' ) ); ?> <?php if ( have_posts() ): while ( have_posts() ): the_post(); usces_the_item(); ?> <?php if ( usces_is_item() ) : ?> <!--ITEM_box--> <a href="<?php the_permalink(); ?>"> <div class="top_new_item_box"> <div class="top_new_item_sam"> <?php //商品画像 usces_the_itemImage( 0, 180, 275 ); ?> </div> <div class="top_item_name"> <?php the_title(); ?> </div> <?php usces_have_skus(); ?> <div class="top_item_disp"> <?php usces_the_itemPrice(); ?> 円</span><span class="tax"> <?php usces_guid_tax(); ?> </span></div> </div> </a> <!--/ITEM_box--> <?php endif; ?> <?php endwhile; ?> <br clear="all" /> </div> <?php endif; ?> <?php wp_reset_query(); ?>
その他使用例
<!--カスタムフィールドの値によって画像を表示--> <?php $fruits = (array)post_custom('果物'); foreach ($fruits as $fruit) { switch ($fruit) { case 'りんご': echo "<img src='apple.png' />\n"; break; case 'みかん': echo "<img src='orange.png' />\n"; break; case 'ばなな': echo "<img src='banana.png' />\n"; break; case 'ぶどう': echo "<img src='grape.png' />\n"; break; } } ?> <!--複数チェックボックス出力例--> <?php echo post_custom('italy'); ?> <!-- 【出力結果】 バッジョ,ピルロ,デルピエーロ --> <?php echo str_replace(',', '<br />', post_custom('italy')); ?> <!-- 【出力結果】 バッジョ<br />ピルロ<br />デルピエーロ --> <ul> <?php $arry_italy = explode(',', post_custom('italy')); foreach ($arry_italy as $italy) { $out .= '<li>' . $italy . '</li>'; } echo $out; ?> </ul> <!-- 【出力結果】 <ul> <li>バッジョ</li> <li>ピルロ</li> <li>デルピエーロ</li> </ul> -->