Erstelltes Theme wird nicht richtig erkannt

Post Reply
wmcig
Ssr. Bludit
Posts: 21
Joined: Tue Jun 20, 2017 5:32 pm

Hallo,

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": ""
}
Meine index.php sieht derzeit so aus:

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>
Ich hoffe, man kann mir weiterhelfen!
User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Welche Version von Bludit hast Du installiert?
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
Torsten_Kelsch
Legend Bludit
Posts: 263
Joined: Thu Aug 27, 2015 10:24 pm
Location: Germany
Has thanked: 4 times
Been thanked: 2 times
Contact:

Ach, du liebe Zeit, so viele CSS-Dateien – da ist die Wahrscheinlichkeit groß, dass sich irgendwas ungewollt gegenseitig überschreibt. Das kann man aber mit Developer-Tools im Browser testen; Firefox, Opera, Vivaldi und andere, und wohl sogar Microsoft Edge, liefern ja so was mit. Mit [STR] + [Umschalt] + kann man das Tool in verschiedenen Browsern aufrufen. Da wird dann angezeigt, ob sich CSS-Angaben gegenseitig in die Quere kommen.
On Error GoTo Bed
wmcig
Ssr. Bludit
Posts: 21
Joined: Tue Jun 20, 2017 5:32 pm

Edi wrote:Welche Version von Bludit hast Du installiert?
Die aktuelle Version!
User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

1.6.3?
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
wmcig
Ssr. Bludit
Posts: 21
Joined: Tue Jun 20, 2017 5:32 pm

Nein, 1.6.2.

Die Version 1.6.3 sehe ich nicht. Wird diese bereits als Download angeboten?
User avatar
Torsten_Kelsch
Legend Bludit
Posts: 263
Joined: Thu Aug 27, 2015 10:24 pm
Location: Germany
Has thanked: 4 times
Been thanked: 2 times
Contact:

@wmcig: 1.6.2 ist die aktuelle, eine 1.6.3 ist jedenfalls nirgends zu finden. Vielleicht hat sich Edi vertippt.
On Error GoTo Bed
User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Sorry, ja 1.6.2 (Build 20170528). Da habe ich etwas durcheinandergebracht... Ich meinte es gäbe einer Version 1.6.3 mit ganz geringfügigen Änderungen, die eine Aktualisierung nicht nötig machen. Offensichtlich ist das die Version 1.6.2.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Das Format der Datei metadata.json stimmt nicht. Das hätte ich gleich sehen sollen. :oops:

Richtig wäre:

Code: Select all

{
    "author": "Hans Zimmermann",
    "email": "",
    "website": "",
    "version": "1.0",
    "releaseDate": "2017-06-20",
    "license": "MIT",
    "compatible": "1.6,1.6.1,1.6.2",
    "notes": ""
}
Also "compatible" statt "requires".
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
Torsten_Kelsch
Legend Bludit
Posts: 263
Joined: Thu Aug 27, 2015 10:24 pm
Location: Germany
Has thanked: 4 times
Been thanked: 2 times
Contact:

Ich habe das auch mal getestet, und nachdem ich die Kompatibilität richtig angegeben hatte, war auch das gelbe Dreieck im Backend unter „Themes“ verschwunden. Gut zu wissen also.

Andererseits hat das für die korrekte Darstellung der Website keinerlei Bedeutung, ich kann die metadata.json auch weglassen bzw. löschen. Für einen selber ist sie also nicht wichtig – umso mehr aber für den Fall, dass mein sein Thema veröffentlichen will.

Darüber hinaus hatte ich gedacht, dass es darum ging, dass der Threadersteller Probleme mit dem Aussehen seiner Website hätte, weil er in einem anderen Posting so etwas geschrieben hatte. Daher gehört meine Aussage weiter oben mit den sich eventuell in die Quere kommenden vielen CSS-Dateien auch eher in den anderen Thread. Entschuldigt bitte das leichte Chaos.
On Error GoTo Bed
Post Reply