Page 1 of 1

Erstelltes Theme wird nicht richtig erkannt

Posted: Tue Jun 20, 2017 5:38 pm
by wmcig
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!

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Tue Jun 20, 2017 7:21 pm
by Edi
Welche Version von Bludit hast Du installiert?

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Tue Jun 20, 2017 9:13 pm
by Torsten_Kelsch
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.

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Wed Jun 21, 2017 8:20 pm
by wmcig
Edi wrote:Welche Version von Bludit hast Du installiert?
Die aktuelle Version!

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Wed Jun 21, 2017 8:28 pm
by Edi
1.6.3?

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Tue Jul 04, 2017 8:17 pm
by wmcig
Nein, 1.6.2.

Die Version 1.6.3 sehe ich nicht. Wird diese bereits als Download angeboten?

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Tue Jul 04, 2017 10:53 pm
by Torsten_Kelsch
@wmcig: 1.6.2 ist die aktuelle, eine 1.6.3 ist jedenfalls nirgends zu finden. Vielleicht hat sich Edi vertippt.

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Wed Jul 05, 2017 12:03 am
by Edi
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.

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Wed Jul 05, 2017 12:52 pm
by Edi
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".

Re: Erstelltes Theme wird nicht richtig erkannt

Posted: Wed Jul 05, 2017 2:35 pm
by Torsten_Kelsch
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.