موقع المنح الدراسية العربي الأول

القائمة ☰

التسجيل

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

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


شارك هذه الفرصة مع الأصدقاء

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

في الدرس الثاني عشر , قمنا بانشاء كود يظهر لنا المقالات التي نكتبها في موقعنا الالكتروني , وفي الدرس الثالث عشر , قمنا أيضاً بكتابة الكود الذي يمكننا من عمل 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  الذي يمكنك اضافته تحت عنوان المقالات لكي تتيح للمستخدمين التنقل بشكل اسهل في موقعك الالكتروني ..



شارك هذه الفرصة مع الأصدقاء

اترك تعليقاً

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



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

اضافة خطوط جوجل العربية في ووردبريس في 3 خطوات |Arabic Webfonts

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

تخصيص القالب في ووردبريس customizer الدرس السادس عشر

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

انشاء صفحة الأرشيف في وورد بريس الدرس الخامس عشر

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

اضافة عداد تنازلي بموقعك في ووردبريس باستخدام جافا سكريبت و php

اضافة عداد تنازلي بموقعك WordPress Countdown Timer في ووردبريس باستخدام جافا سكريبت و php , لربما تستغرب من انك تستطيع انشاء عداد تنازلي في ووردبريس... قراءة المزيد

انشاء المقالات المخصصة والتصنيفات المخصصة في وورد بريس الدرس الثالث عشر

انشاء المقالات المخصصة والتصنيفات المخصصة في وورد بريس الدرس الثالث عشر في الدرس السابق تعلمنا كيف نقوم باظهار المنشورات التي نقوم... قراءة المزيد

إظهار مقالات وورد بريس بالصفحات والصفحة الرئيسية – الدرس الثاني عشر

إظهار مقالات وورد بريس بالصفحات والصفحة الرئيسية - الدرس الثاني عشر , في الدرس السابق تعلمنا كيف نقوم بانشاء الصفحة الرئيسية وتصميمها... قراءة المزيد

انظر المنح التالية

القائمة الشاملة ←

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

تقبل منحة جامعة وايكاتو في نيوزيلندا الآن طلبات الحصول على منح التميز الدولي للطلاب الذين يسجلون لأول مرة

منحة البكالوريوس في جامعة هونج كونج

منحة البكالوريوس في جامعة هونج كونج للطلبة ذوى الكفاءات الأكاديمية العالية الفرصة للتقديم على المنحة، والمنحة مقدمة للطلاب

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

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

كورس أون لاين للتعلم الالي مقدم من جامعة ستانفورد

كورس أون لاين للتعلم الالي مقدم من جامعة ستانفورد : التعلم الآلي هو علم جعل أجهزة الكمبيوتر تعمل

STUDYSHOOT ©