2017-01-11 6 views
0

私はちょうどwordpressでプロジェクトに取り掛かりました。そして、このような列のグループ(赤で強調表示)を表示するのがベストプラクティスではないかと思います。enter image description hereワードプレスの要素のグループを表示する最も良い方法

ページ(投稿)にあります。私は、投稿を作成する人が異なるテキストとヘッダーを持つデフォルトの列を挿入できるという要件があります。 私はショートコードを試みましたが、それは複雑すぎるようです。私は列を生成する入力フィールドを持つフォームのようなものが欲しい。ありがとう

答えて

0

私はカスタムポストタイプとショートコードでこの問題を解決します。

プラグイン(オプション - あなたはすべてをコーディング手でした)

  • カスタムポストタイプとカスタムフィールドの作成者 - WCK
  • 直感的なカスタムポスト注文

カスタムポストタイプとフィールドを作成します。 直感的なカスタムポストオーダーを使用して、ユーザーがポストの順序を変更できるようにします。

add_shortcode('cpt-list', 'jpro_cpt_list'); 

function jpro_cpt_list() { 

    $args = array ( 
     'post_type' => array('cpt'), 
     'posts_per_page' => '-1', 
     'orderby' => 'menu_order', 
     'order' => 'ASC' 
    ); 
    $query = new WP_Query($args); 

    $cpt_list = '<div class="jpro-cpt cpt-list container">';  

    if ($query->have_posts()) {         
     while ($query->have_posts()) { 
      $query->the_post(); 

      $post = get_post($id); 
      $postID = $post->ID; 

      $image = get_the_post_thumbnail($postID, 'medium', array('class' => 'aligncenter')); 
      $name = get_the_title($postID); 
      $bio = apply_filters('the_content', $post->post_content); 


      if(!empty($image)){ 
       $output_image = '<div class="cpt-list image">'.$image.'</div>'; 
      } else { 
       $output_image = ''; 
      } 

      if(!empty($name)){ 
       $output_name ='<h3 class="cpt-name cpt-list">'.$name.'</h3>'; 
      } else { 
       $output_name = ''; 
      } 

      if(!empty($bio)){ 
       $output_bio ='<div class="cpt-bio cpt-list">'.$bio.'</div>'; 
      } else { 
       $output_bio = ''; 
      } 

       $cpt_list .= '<section class="jpro-cpt cpt-list columnClass">'; 
       $cpt_list .= $output_image; 
       $cpt_list .= $output_name; 
       $cpt_list .= $output_bio;    
       $cpt_list .= '</section>'; 

     } 
    } else { 
     $cpt_list .='<p>Ooops! No cpt Found.</p>'; 
    } 

    $cpt_list .='</div>';  
    wp_reset_postdata(); 
    return $cpt_list; 

} 

はあなたのコードや要件に合致するように、このショートテンプレートをカスタマイズします
関連する問題