Screen goes white when setting home display to static on server site (Wordpress)

Question

:)

I have made a Wordpress site, which I have migrated from local to a server. I have created a one pager with images in the bottom that links to the different post of my site. I have used the plugin Advanced custom fields in order to make my site editable.

After a lot of searching online, I found that it was not possible to add custom fields to your index php directly but that you could make a template in which you copied all your old code from the index.php into.

I got it to work on my local host by going to Settings - Readings in my wordpress admin panel an under set my homepage displays as static - Homepage (which is the name of my template).

But when I try to do the same thing on the server site, the screen goes white... Maybe it is something with the file structure?

I've taken a screen shot of whole the files are located in my FTP (Cyberduck). I don't know if its enough to help..

Thanks in advance

<div class="section" id="section2"> 
<div class="row">  
<div class="col-12 col-md-6 col-lg-6" id="left">
    <img src="<?php echo get_stylesheet_directory_uri(); ?>/imgs/pen.png" id="pen" class="img-fluid animation"  alt="Responsive-image"/>
    <lol><h2 id="About">3 Facts</h2></lol>
</div>
<div class="col-12 col-md-6 col-lg-6" id="right">
     <div class="image_field d-none d-md-block">  <!-- image field-->
            <?php $post_image = get_field('avatar_image')['sizes']['large']; ?>
            <img src = "<?php echo $post_image; ?> " id="avatarimage" class="img-fluid" alt="Responsive image">  
        </div>


    <div class="col-md-12 col-lg-12">
            <img src="<?php echo get_stylesheet_directory_uri(); ?>/imgs/Onefinal.svg" id="One"/> <!-- class="img-fluid" alt="Responsive-image" -->
            <div class="container" id=text>
        <?php
                $my_query = new WP_Query('pagename=hej');
                while ($my_query->have_posts() ) : $my_query->the_post();
                the_content();
                endwhile;
                wp_reset_postdata();
        ?>
        </div>
        </div>

Answer 1

Template of the static homepage should be stored in a file called front-page.php which needs to be placed in /wp-content/themes/elnino directory.

Copy code of your template (except comment with template name) and paste it inside front-page.php file.

<div class="section" id="section2">
    <div class="row">
        <div class="col-12 col-md-6 col-lg-6" id="left">
            <img src="<?php echo get_stylesheet_directory_uri(); ?>/imgs/pen.png" id="pen" class="img-fluid animation" alt="Responsive-image" />
            <lol>
                <h2 id="About">3 Facts</h2>
            </lol>
        </div>
        <div class="col-12 col-md-6 col-lg-6" id="right">
            <div class="image_field d-none d-md-block">
                <!-- image field-->
                <?php $post_image = get_field('avatar_image')['sizes']['large']; ?>
                <img src="<?php echo $post_image; ?> " id="avatarimage" class="img-fluid" alt="Responsive image">
            </div>


            <div class="col-md-12 col-lg-12">
                <img src="<?php echo get_stylesheet_directory_uri(); ?>/imgs/Onefinal.svg" id="One" />
                <!-- class="img-fluid" alt="Responsive-image" -->
                <div class="container" id=text>
                    <?php
                        $my_query = new WP_Query('pagename=hej');
                        while ($my_query->have_posts() ) : $my_query->the_post();
                        the_content();
                        endwhile;
                        wp_reset_postdata();
                ?>
                </div>
            </div>