Görüntüler; [Koca beyaz alan reklam]
İlk iki resim Bludit kullanıyor, diğeri bir temaya ufak birkaç php kod gömdüm.
Kodlar;
topbar.php
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow pt-2 pb-2 fixed-top">
<div class="container">
<a class="navbar-brand fw-bolder" href="<?php echo $site->url(); ?>">
<a href="../"><img src="https://www.ayhangazi.site/bl-themes/kolika/img/logo.png" width="200px" /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<!-- Static pages -->
<?php
$current_page = $_SERVER['REQUEST_URI'];
foreach ($staticContent as $staticPage) : ?>
<li <?php if ($current_page == '/' . $staticPage->slug()) echo 'class="current-menu-item"'; ?>>
<a class="nav-link" href="<?php echo $staticPage->permalink(); ?>"><?php echo $staticPage->title(); ?></a>
</li>
<?php endforeach ?>
</ul>
<?php if (pluginActivated('pluginSearch')): ?>
<div class="d-flex">
<input id="search-input" class="form-control me-2 rounded-pill" type="search" placeholder="Arama Yap" aria-label="Search">
<button onClick="searchNow()" class="btn rounded-pill" type="submit">Ara</button>
<script>
function searchNow() {
var searchURL = "<?php echo Theme::siteUrl(); ?>search/";
window.open(searchURL + document.getElementById("search-input").value, "_self");
}
var elem = document.getElementById('search-input');
elem.addEventListener('keypress', function(e){
if (e.keyCode == 13) {
searchNow();
}
});
</script>
</div>
<?php endif ?>
</div>
</div>
</nav>
<!--/ navbar -->
<script data-ad-client="ca-pub-00" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>page.php <!-- Load Bludit Plugins: Page Begin -->
<?php Theme::plugins('pageBegin'); ?>
<!-- Start title -->
<!-- Container -->
<div class="container pt-5 pb-4 ko">
<div class="row">
<div class="col-sm-8 mx-auto text-center">
<h1 class="fw-bolder"><?php echo $page->title(); ?></h1>
<p class="lead"><?php echo (empty($page->description())?'Complete the description of the article for a correct work of the theme':$page->description()) ?></p>
<p class="card-text"><small class="text-muted"><i class="far fa-folder text-info"></i> <?php if ($page->category()):?>
<a href="<?php echo DOMAIN_CATEGORIES.$page->categoryKey() ?>" rel="tag"><?php echo $page->category() ?></a> <?php endif?> <i class="far fa-clock text-info"></i> <?php echo $page->date(); ?> <i class="far fa-edit text-info"></i> <?php echo $L->get('Reading time') . ': ' . $page->readingTime(); ?></small></p>
</small></p>
</div>
</div>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5251195607663824"
crossorigin="anonymous"></script>
<!-- Kişiselizm -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-000"
data-ad-slot="2549405085"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!--/ Start title -->
<div class="container pb-4">
<div class="row">
<!-- Post Detail -->
<div class="col-sm-8 pb-4 d-grid p-4">
<div class="col">
<figure class="figure">
<?php if ($page->coverImage()): ?>
<img src="<?php echo $page->coverImage(); ?>" class="figure-img img-fluid rounded" alt="<?php echo $page->title(); ?>" width="100%">
<?php endif ?>
<figcaption class="figure-caption"><?php echo $page->custom('figure'); ?></figcaption>
</figure>
</div>
<div class="col inner" style="padding-top:1px;">
<?php echo $page->content(); ?>
</div>
<!-- tag -->
<?php if (!empty($page->tags(true))): ?>
<div class="col pt-3 pb-3">
<?php foreach ($page->tags(true) as $tagKey=>$tagName): ?>
<a href="<?php echo DOMAIN_TAGS.$tagKey ?>"><span class="badge rounded-pill bg-dark"><?php echo $tagName; ?></span></a>
<?php endforeach ?>
</div>
<?php endif; ?>
<!--/ tag -->
<div class="col pb-3">
<?php Theme::plugins('pageEnd'); ?>
</div>
</div>
<!--/ Post Detail -->
<!-- Load Bludit Plugins: Page End -->
<!-- Sidebar -->
<div class="col-sm-4 p-4">
<h3 class="pb-2" style="padding-top:1px;">Son Yazılar</h3>
<?php
$listOfKeys = $pages->getList(1, 8);
if ($listOfKeys) :
foreach ($listOfKeys as $key) :
$lPage = new Page($key);
?>
<div class="d-flex bd-highlight mb-3 bg-light rounded-3">
<div class="p-2 bd-highlight"><img src="<?php echo ($page->coverImage()?$lPage->coverImage():Theme::src('img/noimage.png')) ?>" alt="mdo" width="70" height="70" class="rounded-3" style="object-fit: cover;"></div>
<div class="p-2 bd-highlight align-self-center"><a class="text-dark" href="<?php echo $lPage->permalink() ?>"><?php echo $lPage->title() ?></a></div>
</div>
<?php endforeach ?>
<?php endif ?>
<?php Theme::plugins('siteSidebar') ?>
</div>
<!--/ Sidebar -->
</div>
</div>
<!--/ Container -->footer.php<!-- footer -->
<div class="container-fluid pt-5 border-top pb-5">
<div class="container">
<div class="row">
<div class="col text-center">
<a href="https://www.yetita.com/"><img src="https://www.yetita.com/blog/wp-content/uploads/2019/05/yetita-mini-arama-motorunu-destekliyorum.png" /></a>
<br />
<br />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-000"
crossorigin="anonymous"></script>
<!-- Kişiselizm -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5251195607663824"
data-ad-slot="2549405085"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<br />
<small>Copyright © <?php echo date("Y");?> <strong><?php echo $site->title(); ?></strong>. All Right Reserved.<br>
Powered by <strong><a href="https://bludit.com" target="_blank">Bludit</a></strong> - Theme By <strong><a href="https://blthemes.com" target="_blank">BlThemes</a></strong>
</div>
</div>
</div>
</div>
<!--/ footer -->