اظهار المقالات في وورد بريس الدرس الرابع عشر

في هذا الدرس سوف نتعلم كيف نقوم بـ اظهار المقالات في وورد بريس التي قمنا بانشائها في الدرس السابق, وكذلك سنقوم بتخصص اظهار عدد المقالات بناءاً على تصنيف معين .

في الدرس الثاني عشر , قمنا بانشاء كود يظهر لنا المقالات التي نكتبها في موقعنا الالكتروني , وفي الدرس الثالث عشر , قمنا أيضاً بكتابة الكود الذي يمكننا من عمل custom post type  المقالات المخصصة في موقعنا الالكتروني .

تذكرة : قمنا في الدرس السابق بانشاء نوعين من المقالات المخصصة الأول اسمه team والثاني اسميناه locations وقمنا ايضاً بانشاء تصنيف مخصص للمقال المخصص team  اسميناه first_taxonomy . ولكي نقوم باظهار هذه المقالات نقوم بكتابة الكود التالي :

 <div class="container">
<?php  
$wpb_all_query = new WP_Query(array(
                'post_type'=>'team',
                'post_status'=>'publish',
                'first_taxonomy'=>'term_name',
                'posts_per_page'=>6,
                 ));?>
<?php if ( $wpb_all_query->have_posts() ) : ?>
    <div class="row  shadow-sm">
      <?php while ( $wpb_all_query->have_posts() ) : $wpb_all_query->the_post(); ?>
        <div class="col-lg-3 col-6 ">  
            <div class="card ">
                  <a href="<?php the_permalink(); ?>">
                        <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), ' ' ); ?>
                        <div class="post-image" style="background-image:url('<?php echo $url ?>');"  alt="Card image cap">
                        </div>
                        <h3>  <?php the_title();?> </h3>
                  </a>
            </div> 
          </div>
    <?php endwhile; ?>  
  <!-- end of the loop -->    
<?php wp_reset_postdata(); ?>
<?php else : ?>
<p><?php _e( 'لم نجد الى الآن مقالات .' ); ?></p> 
<?php endif; ?>
</div> 
</div>

الدروس السابقة :

كما لاحظت في الكود السابق , قمنا باعطاء أمر لاظهار المقالات team , والتي تكون مسجلة تحت التصنيف first_taxonomy , اكتب مكان term_name اسم الادخال في هذا التصنيف.. وهكذا ,يمكنك استخدام الكود لعدد غير محدود من المقالات والتصنيفات في هذه المقالات .. وللحصول على تنسيق عرض المقالات , اضغط هنا للرجوع للدرس الثاني عشر

اما بالنسبة لاظهار المقالات في التي تحمل الاسم locations يمكنك أيضاً استخدام نفس الكود السابق ,

الآن سوف نقوم بكتابة كود يعرض كل المقالات ولكن بامكانية وضع ارقام التنقل بين الصفحات حتى لا يتم عرضها في صفحة واحده او ما يسمى paginations ..

قم بالنظر في الكود التالي :

<div class=" page-list "  > 
       <?php
       $current_page = get_query_var('paged');
       $current_page = max( 1, $current_page );
       $per_page = 20;
       $wpb_all_query = new WP_Query(array(
                       'post_type'=>'locations',
                       'post_status'=>'publish',
                       'posts_per_page' => $per_page,
                       'paged'=> $current_page,
                       'offset'=> $offset,
                       ));?>
                 <?php if ( $wpb_all_query->have_posts() ) : ?>
                 
                     <div class="row  shadow-sm" >
                      <?php while ( $wpb_all_query->have_posts() ) : $wpb_all_query->the_post(); ?>
                       <div class="col-lg-3 col-6 " >  
                           <div class="card">
                                <a href="<?php the_permalink(); ?>">
                                   <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), ' ' ); ?>
                                       <div class="post-image" style="background-image:url('<?php echo $url ?>');"  alt="Card image cap"></div>
                                               <div class="card-body">
                                                   <h5 class="card-title  "    style="  padding:   0px 0px 0px 0px;" ><?php the_title();?></h5></a>
                                            
                                           </div>
                                         <h5 class=""><a class="btn btn-outline-danger"href="<?php the_permalink();?>">
                                       المزيد   </a></h5>   
                                   </div>
                                 </div>
                               <?php endwhile; ?>
                             </div> 
                         <!-- end of the loop -->    
                       <div class="pagination ">
                               <?php  echo paginate_links( array(
                                   'total'   => $wpb_all_query->max_num_pages,
                                   'current' => $current_page,
                                   'type'          => 'list',
                                   'prev_text' => 'السابق',
                                   'next_text' => 'التالي'
                               ));?>
                          </div>
                         <?php endif;
                       wp_reset_postdata();?>
                     </div>

اما عن التنسيق فساترك لك الخيار بعمل لمساتك الخاصة لاظهار المحتوى باكمل وجه ,, راجع الدرس الثاني عشر للاستفادة من أكواد css ..

وهنا يكون قد انتهى الدرس الرابع عشر .

تابع معي الدرس الخامس عشر الذي سنتحدث به عن كيفية انشاء مسار التنقل او ما يسمى breadcrumb  الذي يمكنك اضافته تحت عنوان المقالات لكي تتيح للمستخدمين التنقل بشكل اسهل في موقعك الالكتروني ..

الزوار قاموا بقراءة ما يلي أيضاً

دراسة هندسة السفن – أفضل جامعات الهندسة البحرية

دراسة هندسة السفن – أفضل جامعات الهندسة البحرية

دراسة الهندسة البحرية هي التخصص الذي يتعامل مع الأمور المتعلقة بتصميم وابتكار وبناء وصيانة السفن البحرية ومعدات الملاحة يركز... قراءة المزيد

افضل التخصصات الجامعية من حيث الراتب

افضل التخصصات الجامعية من حيث الراتب

وفقًا لمركز جامعة جورجتاون للتعليم والقوى العاملة ، اختار 80٪ من الطلاب في الدراسات الجامعية تخصصهم الجامعي بناءً على فرص العمل... قراءة المزيد

تخصصات جامعية لها مستقبل | أفضل 15 تخصص جامعي

تخصصات جامعية لها مستقبل | أفضل 15 تخصص جامعي

في قائمة تخصصات جامعية لها مستقبل, قمنا بتوضيح كل الاساسيات التي يعتمدها الطلاب في اختيارهم لتخصص المستقبل الدراسي, ولذلك قمنا... قراءة المزيد

أهم التخصصات الطبية ذات الإمكانات الأكبر في المستقبل

أهم التخصصات الطبية ذات الإمكانات الأكبر في المستقبل

نقوم بإدراج أفضل التخصصات الطبية ذات الإمكانات الأكبر للتطوير في المستقبل يقول البعض إن التكنولوجيا ستحل محل 80٪ من الأطباء في... قراءة المزيد

تقديم طلب لجوء عن طريق الانترنت

تقديم طلب لجوء عن طريق الانترنت

الكثير الكثير يبحث عن طريقة تقديم طلب لجوء عن طريق الانترنت في كل دول العالم وبالأخص الفئة الشبابية يعانون من مشاكل كثيرة عند توجههم عبر... قراءة المزيد

دورات جامعة هارفارد المجانية مع شهادة معتمدة عالمياً

دورات جامعة هارفارد المجانية مع شهادة معتمدة عالمياً

تقدم دورات جامعة هارفارد المجانية فرصة الحصول على شهادة معتمدة عالمياً من حيث الاعتماد, حيث تكون الدورات هذه اونلاين بشكل كامل ومجانية... قراءة المزيد

3 تعليقات على “دورات جامعة هارفارد المجانية مع شهادة معتمدة عالمياً”

  1. يقول Juomaa:

    كيف استطيع تقديم طلب هجره شرعيه الى كندا او ايا دوله اوروبيه من اجل إكمال الدراسة فيها انا شب اعزب اقيم في لبنان من حوالي 2013

  2. يقول Afras:

    I want to study in Uk for free

    1. يقول خالد:

      عندي مشكلة صحية الي واسرتي

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

اخترنا لك المنح التالية للتقديم عليها

المنحة التونسية SMU للطلاب التونسيين

المنحة التونسية SMU للطلاب التونسيين

منذ إنشاء المؤسسة تعمل جامعة جنوب البحر الأبيض على تعزيز التميز الأكاديمي من خلال منح المنحة التونسية لألمع طلابها اليوم ، مؤسسة SMU ،... قراءة المزيد

منحة مشروع علوم الحياة المبتكر متعدد التخصصات في المانيا الممولة بالكامل

منحة مشروع علوم الحياة المبتكر متعدد التخصصات في المانيا الممولة بالكامل

تدعو كلية الدراسات العليا الطلاب المتميزين من جميع أنحاء العالم والتخصصات الأساسية المختلفة التي تتراوح من العلوم الطبية والبيولوجيا... قراءة المزيد

زمالات مابعد الدكتوراه في السويد بمجالات التعليم الهندسي

زمالات مابعد الدكتوراه في السويد بمجالات التعليم الهندسي

هذه دعوة إلى منصب زمالات مابعد الدكتوراه يركز على التدريس والتعلم في التعليم متعدد التخصصات والفردي والمرن في الهندسة والهندسة... قراءة المزيد

منح جامعة تشجيانغ لدراسة البكالوريوس والدراسات عليا في الصين

منح جامعة تشجيانغ لدراسة البكالوريوس والدراسات عليا في الصين

منح جامعة تشجيانغ من أجل تنفيذ مبادرة "Belt and Road" التي وضعها الرئيس Xi Jinping بنشاط، تعزيز تدويل تعليم جينهوا، جذب المزيد من الطلاب الأجانب،... قراءة المزيد