marrocchat/category.php at master · 1993moustafa/marrocchat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<?php get_header(); ?>
<div class="container page-container mt-3 mt-lg-0 px-lg-3">
  <div class="bg-white shadow-none shadow-sm">
    <div class="row pt-lg-4 px-lg-4">

      <div class="my-3 text-center w-100 d-block d-lg-none">
       <ins class="adsbygoogle"
       style="display:block; text-align:center;"
       data-ad-layout="in-article"
       data-ad-format="fluid"
       data-ad-client="ca-pub-7475749348053006"
       data-ad-slot="5053472862"></ins>
       <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
     </div>

     <div class="col-12 col-lg-8 pr-lg-0 order-2 order-lg-1">
      <?php
      $paged = (get_query_var( 'paged' )) ? get_query_var( 'paged' ) : 1;
      $args = array(
        'post_type' => 'post',
        'category__in' => wp_get_post_categories($post->ID),
        'post__not_in' => array($post->ID),
        'post_status' => 'publish',
        'posts_per_page' => 8,
        'paged' => $paged,
      );
      $arr_posts = new WP_Query( $args );
      if ( $arr_posts->have_posts() ) :
        while ( $arr_posts->have_posts() ) :
          $arr_posts->the_post();
          ?>

          <div class="row mb-2">
            <div class="col-12 col-sm-4 pr-lg-0">
              <?php
              $image = get_field('cover_image');
              if( !empty($image) ): ?>
                <div class="hovai-demo-box-6 box-shadow padding-bottom">
                  <a href="<?php the_permalink() ?>" class="d-block news-href h-100">
                    <div class="hovai-box-image-6">
                      <img class="media img" alt="<?php the_title(); ?>" src="<?php echo $image['url']; ?>">
                    </div>
                    <div class="hovai-box-details-6">
                      <div class="tabel">
                        <div class="tabel-cell">
                          <small><?php the_title(); ?></small>
                        </div>
                      </div>
                    </div>
                  </a>

                  <div class="hovai-box-social-6">
                    <div class="tabel">
                      <div class="tabel-cell">
                        <a href="whatsapp://send?text=<?php echo ($title .''. $url);?>">
                          <span class="icon whatsapp">
                            <img src="<?php bloginfo('template_url'); ?>/asset/images/whatsapp-hover.svg" alt="Whatsapp">
                          </span>
                        </a>
                        <a href="JavaScript:newPopup('http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>');">
                          <span class="icon facebook">
                            <img src="<?php bloginfo('template_url'); ?>/asset/images/facebook-hover.svg" alt="Facebook">
                          </span>
                        </a>
                        <a href="JavaScript:newPopup('http://twitter.com/home?status=Reading:<?php the_permalink(); ?>');">
                          <span class="icon twitter">
                            <img src="<?php bloginfo('template_url'); ?>/asset/images/twitter-hover.svg"
                            alt="Twitter">
                          </span>
                        </a>
                        <a href="JavaScript:newPopup('https://plus.google.com/share?url=<?php the_permalink(); ?>');">
                          <span class="icon google-plus">
                            <img src="<?php bloginfo('template_url'); ?>/asset/images/googleplus-hover.svg" alt="Google Plus">
                          </span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              <?php endif; ?>
            </div>
            <div class="col-12 col-sm-8 h-auto">
              <a href="<?php the_permalink() ?>" class="d-block news-href h-100">
                <div class="media-body news-media h-100 p-3">
                  <h5 class="mt-0"><?php the_title(); ?></h5>
                  <p class="mb-3 float-left">
                    <?php echo wp_trim_words (the_excerpt(), 1, '...' ); ?>
                  </p>
                  <div class="clearfix">
                    <small class="d-flex readmore align-items-center float-left">
                      <i class="material-icons">keyboard_arrow_right</i>&nbsp;Lees verder
                    </small>
                    <small class="date d-flex align-items-center float-right">
                      <i class="material-icons mr-2">calendar_today</i> <?php $post_date = get_the_date( 'j M Y' ); echo $post_date; ?> | <?php the_time('H:i') ?>
                    </small>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <hr>
          <?php
        endwhile;
        echo '<div class="text-center mb-4">';
        wp_pagenavi( array( 'query' => $arr_posts, ));
        echo '</div>';
      endif;
      ?>
    </div>

    <div class="col-12 col-lg-4 order-lg-2 d-none d-lg-block mb-3">
      <?php get_sidebar(); ?>
      <div class="my-3 text-center w-100">
        <ins class="adsbygoogle"
        style="display:block; text-align:center;"
        data-ad-layout="in-article"
        data-ad-format="fluid"
        data-ad-client="ca-pub-7475749348053006"
        data-ad-slot="8888463408"></ins>
        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
      </div>
    </div>

  </div>
</div>
</div>
<?php get_footer(); ?>