Tema parçalarken dikkat edilmesi gereken detaylar

By Admin
In BackEnd
25/Mayıs/2020
Okuma Süresi: 3 dk.

Önyüzde kullandığımız temalar birbirinden farklı js ve css dosyaları içeriyor. Temayı parçalarken head, header, footer gibi alanları bir includes isimli klasöre atıp oradan çekiyoruz. (siz farklı klasör ve dosya isimlendirmeleri yapıyor olabilirsiniz)

Bu includes klasörü içerisine mesela head.php diye bir dosya oluşturduk diyelim. Sitenin anasayfası da, blog sayfası da, iletişim sayfası da buradaki head.php'yi kullanıyor. O yüzden biz bu head.php'yi oluştururken <head></head> bu tagları kullanmayacaz. Bu taglar head.php'yi çektiğimiz ana dosyanın içinde olacak. Anasayfa üzerinden konuşacak olursak. index sayfasını göstereyim size;


<!DOCTYPE html>
<html lang="tr">
<head>
<?php $this->load->view("includes/head"); ?>
</head>
<body class="menubar-left menubar-unfold menubar-light theme-primary">
<?php $this->load->view("includes/navbar"); ?>
<?php $this->load->view("includes/aside"); ?>
<?php $this->load->view("includes/navbar-search"); ?>
<main id="app-main" class="app-main">
<div class="wrap">
<section class="app-content">
<?php $this->load->view("{$viewFolder}/{$subViewFolder}/content"); ?>
</section><!-- #dash-content -->
</div><!-- .wrap -->
<?php $this->load->view("includes/footer"); ?>
</main>
<?php $this->load->view("includes/include_script"); ?>
</body>
</html>


Gördüğünü üzere head.php'yi çekerken head taglarını index sayfasında bırakmışım. Doğru olan yöntem budur. Neden mi?
Çünkü yarın bu index sayfasına bir css ya da başka bir dosya yükleyecek olsam head tagları olmadığı için mecburen includes içerisindeki head.php'ye eklemek zorunda kalacam. head.php'ye eklenen her dosya benim blog sayfamda da, iletişim sayfamda da gereksiz olduğu halde çağırılacak. Artık kaç sayfa varsa hepsinde gereksiz bir yükleme olacak. İşte bunun önüne geçmek ve çağrılacak dosyanın sadece anasayfamda görünmesi için head taglarını head.php içerisine yapıştırmıyoruz.

Gerçi şimdi head taglarını anlatırken footer taglarında aynı işlemi yapmadığımı farkettim :) 



Phpstorm'da en çok kullanılan klavye kısayolları
Owl Carousel Nedir? Nasıl Kullanılır?