ich bin neu bei Bludit und gerade dabei ein eigenes Theme für Bludit zu erstellen.
Doch da scheint es Schwierigkeiten zu geben, die ich nicht sehe. Im Backend sieht man bei dem Theme ein gelbes Warndreieck und der Hinweis, dass man das Theme mit der installieretn Bludit Version möglicherweise nicht verwenden könne. Warum?
Meine metadata.json lautet:
Code: Select all
{
"author": "Hans Zimmermann",
"email": "",
"website": "",
"version": "1.0",
"releaseDate": "2017-06-20",
"license": "MIT",
"requires": "Bludit v1.6",
"notes": ""
}
Code: Select all
<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ie"lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ie"lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="ie"lang="en-US">
<![endif]-->
<!--[if IE 9]>
<html id="ie9" class="ie"lang="en-US">
<![endif]-->
<!--[if gt IE 9]>
<html class="ie"lang="en-US">
<![endif]-->
<!--[if !IE]>
<html lang="en-US">
<![endif]-->
<!-- START HEAD -->
<head>
<!-- Include HTML meta tags -->
<?php include(THEME_DIR_PHP.'head.php') ?>
<!-- this line will appear only if the website is visited with an iPad -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
<meta charset="UTF-8">
<!-- Meta tag Title -->
<title><?php echo $Site->title() ?></title>
<!-- CSS -->
<!-- RESET STYLESHEET -->
<?php Theme::css('reset.css') ?>
<!-- BOOTSTRAP STYLESHEET -->
<?php Theme::css('bootstrap.css') ?>
<!-- MAIN THEME STYLESHEET -->
<?php Theme::css('style.css') ?>
<?php Theme::css('custom.css') ?>
<link rel='stylesheet' id='google-fonts-css' href='http://fonts.googleapis.com/css?family=Oswald%7CDroid+Sans%7CPlayfair+Display%7COpen+Sans+Condensed:300,400,800%3A300%7CRokkitt%7CShadows+Into+Light%7CMaven+Pro:400,700%7CAbel%7CMontez' type='text/css' media='all' />
<?php Theme::css('responsive.css') ?>
<?php Theme::css('tipsy.css') ?>
<?php Theme::css('font-awesome.css') ?>
<?php Theme::css('portfolios/full-description/css/style.css') ?>
<?php Theme::css('portfolios/slide-detail/css/style.css') ?>
<?php Theme::css('shortcodes.css') ?>
<?php Theme::css('colorbox.css') ?>
<?php Theme::css('sliders/elastic/css/elastic.css') ?>
<?php Theme::css('css/buttons/mfast-3.css') ?>
<?php Theme::css('contact_form.css') ?>
<?php Theme::css('comment.css') ?>
<?php Theme::css('elastslide.css') ?>
<?php Theme::css('portfolios-columns-style.css') ?>
<!-- Touch icons more info: http://mathiasbynens.be/notes/touch-icons -->
<!-- For iPad3 with retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x.png" />
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x.png" />
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x.png" />
<?php Theme::css('js/thickbox/thickbox.css') ?>
<!-- Javascript -->
<?php Theme::javascript('jquery/jquery.js') ?>
<title>Bludit</title>
<!-- Plugins site head -->
<?php Theme::plugins('siteHead') ?>
</head>
<body class="home page no_js responsive stretched">
<!-- Plugins site body begin -->
<?php Theme::plugins('siteBodyBegin') ?>
<!-- START BG SHADOW -->
<div class="bg-shadow">
<!-- START WRAPPER -->
<div id="wrapper" class="container group">
<!-- START TOP BAR -->
</div>
<div id="border-header"></div>
</div>
<!-- END HEADER -->
<!-- BEGIN #slider -->
<div id="slider-elastic" class="slider slider-elastic elastic ei-slider" style="width: 100%; height: 400px;">
<div class="ei-slider-loading">Loading</div>
<ul class="ei-slider-large">
<li class="first slide-1 slide align-">
<img width="1920" height="400" src="images/slider/slider1.jpg" class="attachment-full" alt="002" />
<div class="ei-title">
</div>
</li>
<li class="slide-2 slide align-">
<img width="1920" height="400" src="images/slider/slider7.jpg" class="attachment-full" alt="002" />
<div class="ei-title">
</div>
</li>
<li class="slide-3 slide align-">
<img width="1920" height="400" src="images/slider/flyer.jpg" class="attachment-full" alt="001" />
<div class="ei-title">
<
</div
</li>
<li class="slide-4 slide align-">
<img width="1280" height="500" src="images/slider/slider2.jpg" class="attachment-full" alt="003" />
<div class="ei-title">
</div>
</li>
<li class="last slide-5 slide align-">
<img width="1920" height="400" src="images/slider/slider3.jpg" class="attachment-full" alt="005" />
<div class="ei-title">
</div>
</li>
</ul>
<!-- ei-slider-large -->
<ul class="ei-slider-thumbs">
<li class="ei-slider-element">
Current
</li>
<li>
<a href="#"> - </a>
<img src="images/slider/slider1_thumb.jpg" alt=" - " />
</li>
<li>
<a href="#"> </a>
<img src="images/slider/slider7_thumb.jpg" alt=" - " />
</li>
<li>
<a href="#"> </a>
<img src="images/slider/flyer.jpg" alt=" - " />
</li>
<li>
<a href="#">Love the red fruit - </a>
<img src="images/slider/slider2_thumb.jpg" alt=" - " />
</li>
<li>
<a href="#"> </a>
<img src="images/slider/slider3_thumb.jpg" alt=" - " />
</li>
</ul>
<!-- ei-slider-thumbs -->
<div class="shadow"></div>
</div>
<!-- ei-slider -->
<!-- END #slider -->
<script type="text/javascript">
jQuery(document).ready(function($){
$('#slider-elastic.elastic').eislideshow({
easing : 'easeOutExpo',
titleeasing : 'easeOutExpo',
titlespeed : 1200,
autoplay : true,
slideshow_interval : 3000,
speed : 800,
animation : 'sides'
});
});
</script>
<?php foreach ($posts as $Post): ?>
<!-- Site Title -->
<h1><?php echo $Site->title() ?></h1>
<?php
if( $Url->whereAmI()=='home' ) {
foreach($posts as $Post) {
echo '<h2>'.$Post->title().'</h2>';
echo '<div>'.$Post->content().'</div>';
echo '<hr>';
}
}
elseif($Url->whereAmI()=='post') {
echo '<h2>'.$Post->title().'</h2>';
echo '<div>'.$Post->content().'</div>';
}
elseif($Url->whereAmI()=='page') {
echo '<h2>'.$Page->title().'</h2>';
echo '<div>'.$Page->content().'</div>';
}
?>
<?php endforeach; ?>
<?php Theme::javascript('jquery.colorbox-min.js') ?>
<?php Theme::javascript('/jquery.tweetable.js') ?>
<?php Theme::javascript('jquery.superfish.js') ?>
<?php Theme::javascript('portfolios/filterable/js/jquery.filterable.js') ?>
<?php Theme::javascript('jquery.tipsy.js') ?>
<?php Theme::javascript('responsive.js') ?>
<?php Theme::javascript('jquery.mobilemenu.js') ?>
<?php Theme::javascript('shortcodes.js') ?>
<?php Theme::javascript('jquery/jquery.masonry.min.js') ?>
<?php Theme::javascript('jquery.flexslider-min.js') ?>
<?php Theme::javascript('jquery.easing.js') ?>
<?php Theme::javascript('sliders/elastic/js/jquery.eislideshow.js') ?>
<?php Theme::javascript('jquery.custom.js') ?>
<!-- Plugins site body end -->
<?php Theme::plugins('siteBodyEnd') ?>
</body>
<!-- END BODY -->
</html>