custom-wordpress-theme/index.php at master · 18WDWU02/custom-wordpress-theme · 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
<!--
    the get_header() function looks for header.php inside your theme folder.
    Giving a value inside the function would then look for a different header
    get_header('front') would then look for header-front.php
    https://codex.wordpress.org/Function_Reference/get_header
 -->
<?php get_header(); ?>

        <div class="container">
            <!-- check to see if the post/page actually has a post -->
            <?php if(have_posts()): ?>
                <!-- Loop over the posts/post and get the current one you are on -->
                <?php while(have_posts()): the_post();?>
                    <div class="row">
                        <!-- check to see if the post/page has a post thumbnail -->
                        <?php if( has_post_thumbnail() ): ?>
                            <div class="col-xs-12 col-md-4">
                                <!-- the_post_thumbnail(ImageSize, Array of attributes for the image) -->
                                <?php the_post_thumbnail('medium', ['class'=>'img-fluid', 'alt'=>'thumbnail image']); ?>
                            </div>
                            <div class="col-xs-12 col-md-8">
                        <?php else: ?>
                            <div class="col-xs-12">
                        <?php endif; ?>
                            <!-- get the title of the current post in the loop -->
                            <h3><?php the_title(); ?></h3>
                            <!--
                                Get the content of the current post in the loop.
                                We have to remember that the content can be html so we want
                                to make sure we put it inside a div or a span rather than specific elements like p and h's
                            -->
                            <div class="wp_content"><?php the_content(); ?></div>
                        </div>
                    </div>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>

<!--
    the get_footer() function looks for footer.php inside your theme folder
    just like the header, adding a value in the function would then look for a different
    footer file
    https://developer.wordpress.org/reference/functions/get_footer/
 -->
<?php get_footer(); ?>