PHP 做 layout template

只要有版面，然後思考如何將內裏的內容變成動態使用 PHP 更新，

例如，做好咗一個網站版面之後，我哋就可以替換內𥚃的內容。例如標題、文章內容、作者等。

例如以下版面。

See the Pen Row-Column based layout demo by Thomas Seng Hin Mak (@makzan) on CodePen.

我們可以將 Banner 及 Promote 的圖及內容變成 PHP 可替換的內容，然後就用動態形式從檔案或數據庫載入，處理後印出來。

首先，我們將 LOGO 設定為 $logo，然後再在版面中加上。

<?php
  $logo = "The Company";
?>

在 PHP 中，所有變量都以 $ 開頭。

HTML 中，再相對應位置印出 $logo。

<div class="column logo"><a href='#'><?= $logo ?></a></div>

<?= $variable ?> 是 PHP 直接列印的簡寫。全寫為 <?php echo $variable ?>。

下一步，我哋係可以為幾個連結變成動態變量：

<?php
  $link1 = "Home";
  $link2 = "About";
  $link3 = "Blog";
  $link4 = "Products";  
?>

又或者更加好的做法，就是使用數組 (Array)。

<?php
  $links[] = "Home";
  $links[] = "About";
  $links[] = "Blog";
  $links[] = "Products";
  $links[] = "Contact";
  $links[] = "Buy now";
?>

如果我們要表達一組資訊，而唔係單單一個資訊，可以使用有名既 Array 群來做到呢個效果：

<?php
  $links[] = ["name"=>"Home", "url"=>"/index.php"];
  $links[] = ["name"=>"About", "url"=>"/about.html"];
  $links[] = ["name"=>"Blog", "url"=>"/blog.html"];
  $links[] = ["name"=>"Products", "url"=>"/products.html"];
  $links[] = ["name"=>"Contact", "url"=>"/contact-us.html"];
  $links[] = ["name"=>"Buy now", "url"=>"#"];
?>

個好處係，每一組都係緊密在一起，不會出現加多了一個連結名，但忘記增加網址的情況。而使用有名字 Array 的好處係，在使用時，可以更確切指出正在使用哪一個資訊。試想像 $link[0] 和 $link['name'] 的分別。