チェック カスタムフィールド | ロゼットリボン専門店|胸章リボン・アワードリボン・リボン徽章・記章・式典用リボン・リボンバラ・来賓リボン・表彰リボン・式典リボン・賞リボン

チェック カスタムフィールド | ロゼットリボン専門店|胸章リボン・アワードリボン・リボン徽章・記章・式典用リボン・リボンバラ・来賓リボン・表彰リボン・式典リボン・賞リボン

新規会員登録で200pt GET
ゲストさん 新規登録
お気軽にご相談ください!
お問い合わせフォーム
052-725-8288

チェック カスタムフィールド

■デザイン参考
テキストはどんどん長くしても、それに対応して、幅も大きくなる
小さくもなるよ。1カラムのセンターボックスのデザインに利用
モバイルは改行しないとかは各自設定するか 使いやすいようにね。

基本

<!------------------------------基本分岐---------------------------->

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

 

■デザイン参考
テキストはどんどん長くしても、それに対応して、幅も大きくなる
小さくもなるよ。1カラムのセンターボックスのデザインに利用
モバイルは改行しないとかは各自設定するか 使いやすいようにね。