Flag of Ukraine
SymfonyCasts stands united with the people of Ukraine

Adding a very Simple Layout

Keep on Learning!

If you liked what you've learned so far, dive in!
Subscribe to get access to this tutorial plus
video, code and script downloads.

Start your All-Access Pass
Buy just this tutorial for $12.00

Adding a very Simple Layout

Ok, let’s improve one more thing by giving contact.php the same HTML layout as our homepage. To do this, just isolate the header and footer into their own files, say layout/header.php and layout/footer.php. Move all of the HTML from the top of the index page into header and the stuff from the bottom into footer:

<!-- layout/header.php -->
<!DOCTYPE html>
<html lang="en">
<head>...</head>
<body>
<!-- header code here... -->
<!-- layout/footer.php -->
<footer>...</footer>
</body>
</html>

Require the header near the top of each page and the footer after our page-specific code:

<?php
    // index.php
    // ... the big PHP code block at the top
?>
<?php require 'layout/header.php'; ?>

<!-- all of the HTML and PHP code from the middle  ...-->

<?php require 'layout/footer.php'; ?>

Note

Repeat the same thing in the contact.php file.

And just like that, our two pages are sharing the layout!

You’re going Far!

Woh! You just learned a ton: coming from the basics of PHP to using arrays, functions, foreach loops, complex if statements, true/false boolean values, user-defined functions, require statements and more. We also got your system setup so that you can develop and try your own code locally.

So congratulations, but keep going! There’s so much more that we need to cover, like how to submit a form, talk to a database, and use query parameters. And to be serious developers, we also need to organize our project better. As nice as the functions.php, header.php, and footer.php files are, real developers organize things in more sophisticated ways. But keep working and we’ll get there!

See ya next time!

Leave a comment!

4
Login or Register to join the conversation
Serhii R. Avatar
Serhii R. Avatar Serhii R. | posted 5 months ago

Hi everyone! Sorry, but how I should guess where the header.php and footer.php are located? I noticed this small bottom line only after I had made a mistake. Could you make it more conspicuous, please? Or give a more detailed description of file locations. By the way, the course is amazing! I think if I had subscribed to symfonycasts earlier I would have learned PHP faster. Thanks for your time spent creating this!

Reply

Hey Serhii R.

Welcome to SymfonyCasts, I'm glad you find our tutorials useful :)

About files location, we usually mention where a file lives, or at least show the full path of a file in the code blocks (down in the script). My apologies if it wasn't very clear in this video. Actually, this tutorial is missing a few features due to technical reasons, if you go to a more recent tutorial you'll notice that you can click on the script to play the video exactly at that point. Also, the script contains expandable code blocks, video subtitles in English and Spanish, and a few other useful things :)

Cheers!

Reply
Moses O. Avatar
Moses O. Avatar Moses O. | posted 1 year ago

Really glad to have reached this far and am still pushing on!Thank you GUYS!

Reply

Yo! We are happy to hear it! Thanks for being with us!

Cheers and happy coding!

Reply
Cat in space

"Houston: no signs of life"
Start the conversation!