Re: Theme without boostrap
Posted: Sun Apr 17, 2022 10:03 am
Hello, I am trying to make a new theme for Wonder CMS (3.3.1), using Materialize CSS framework. I am in the prototype phase for now. Unfortunately after enabling this theme a white page appears. I don't know what I am doing wrong. Can someone take a look at the code?
Code: Select all
<?php global $Wcms ?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Encoding, browser compatibility, viewport -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Search Engine Optimization (SEO) -->
<meta name="title" content="<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>" />
<meta name="apple-mobile-web-app-title" content="<?= $Wcms->get('config', 'siteTitle') ?>">
<meta name="description" content="<?= $Wcms->page('description') ?>">
<meta name="keywords" content="<?= $Wcms->page('keywords') ?>">
<meta property="og:url" content="<?= $this->url() ?>" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="<?= $Wcms->get('config', 'siteTitle') ?>" />
<meta property="og:title" content="<?= $Wcms->page('title') ?>" />
<meta name="twitter:site" content="<?= $this->url() ?>" />
<meta name="twitter:title" content="<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>" />
<meta name="twitter:description" content="<?= $Wcms->page('description') ?>" />
<!-- Admin CSS -->
<?= $Wcms->css() ?>
<!-- Website and page title -->
<title><?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?></title>
<!-- Theme CSS -->
<link rel="stylesheet" href="<?=$Wcms->asset('css/materialize.css') ?>">
<link rel="stylesheet" href="<?=$Wcms->asset('css/style.css')?>">
</head>
<body>
<!-- Admin settings panel and alerts -->
<?= $Wcms->settings() ?>
<?= $Wcms->alerts() ?>
<nav>
<div class="nav-wrapper">
<a href="<?=wCMS->url() ?>" class="logo center"><?= $Wcms->get('config', 'siteTitle') ?></a>
</div>
</nav>
<ul class="sidenav right" id="navigation">
<?= $Wcms->menu() ?>
</ul>
<div class="container" id="content">
<a href="#!" data-target="navigation" class="sidenav-trigger menu-trigger"><img src="<?= $Wcms->asset('icons/menu-icon.png') ?>"></a>
<div class="section">
<div class="row">
<?= $Wcms->page('content') ?>
</div>
</div>
</div>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col s12 l6">
<?= $Wcms->block('subside') ?>
</div>
<div class="col s12 l6">
<h5>Menu</h5><!-- Tytuł -->
<ul class="col s12 l6 footer-menu">
<?= $Wcms->menu() ?>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<?= $Wcms->footer() ?>
</div>
</div>
</footer>
<!-- Javascript -->
<!-- Admin JavaScript. More JS libraries can be added below -->
<?= $Wcms->js() ?>
<script src="<?= $Wcms->asset('js/jquery.min.js') ?>"></script>
<script src="<?= $Wcms->asset('js/materialize.min.js') ?>"></script>
<script>
$(document).ready(function(){
$('.sidenav').sidenav({edge: 'right'});
});
</script>
<!-- Javascript - koniec -->
</body>
</html>