Skokov/home.php at master · YuliiaVdovenko/Skokov · 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
<?php
/**
 * @package understrap
 */

get_header();
$container   = get_theme_mod( 'understrap_container_type' );?>


<!--section Home Blog-->
<div class="slider-back">
    <div class="container">
        <h2 class="blog-name"> <?= __('Blog', 'understrap-child')?> </h2>
    </div>
</div>

<!--Section Posts-->
<div class="<?php echo esc_attr( $container ); ?>">
    <div class="row">
        <div class="col-md-7 col-lg-8">
            <ul class="post-list news-list row">
                <li class="blog-element-item col-12 col-lg-6 post-item">
                    <div class="blocquaote">
                        <blockquote>
                         <strong> &ldquo; <?php echo get_theme_mod('quote_text'); ?> &#8221; </strong>
                        </blockquote>
                        <h3 class="quote"> <?php echo get_theme_mod('author_text'); ?> </h3>
                    </div>
                </li>
                <?php if(have_posts ()) : while ( have_posts() ) : the_post();?>
                <li class="blog-element-item col-12 col-lg-6 post-item">
                    <a href="<?php the_permalink(); ?>">
                        <?php the_post_thumbnail();?>
                    </a>
                    <div class="img-title-div col-12">
                        <h2 class="img-title">
                            <a href="<?php the_permalink(); ?>">
                                <?php the_title() ?>
                            </a>
                        </h2>
                        <?php the_excerpt(); ?>
                        <div class="d-flex flex-wrap justify-content-center justify-content-sm-end">
                            <span class="post-likes"> <i class="fa fa-heart" aria-hidden="true"></i> 15 </span>
                            <ul class="d-flex flex-wrap justify-content-center justify-content-sm-end
                            align-items-baseline col-12 col-sm-8 col-md-10 col-lg-8">
                                <li>
                                    <span class="by"> <?= __('by','understrap-child');?> </span>
                                    <a  class="post-likes" href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>">
                                        <?php the_author(); ?>
                                    </a>
                                </li>
                                <li>
                                    <span class="post-likes before-after">
                                        <?php comments_number( '0 comments', '1 comment', '% comments' ); ?>
                                    </span>
                                </li>
                                <li>
                                    <span class="post-likes">
                                       <?php the_date('M. d, Y');?>
                                   </span>
                               </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <?php endwhile; ?>
            <?php endif; ?>
            </ul>
            <div class="my-pagination">
                <?php the_posts_pagination(); ?>
            </div>
        </div>
        <aside class="sidebar col-md-5 col-lg-4">
            <?php dynamic_sidebar('right-page-sidebar'); ?>
        </aside>
    </div>
</div>


<?php get_footer(); ?>