Erstelltes Theme wird nicht richtig erkannt

Post Reply
wmcig
Jr. Bludit
Posts: 6
Joined: Tue Jun 20, 2017 3:32 pm

Erstelltes Theme wird nicht richtig erkannt

Post by wmcig » Tue Jun 20, 2017 3:38 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: 894
Joined: Sun Aug 09, 2015 3:01 pm
Location: Zurich
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Edi » Tue Jun 20, 2017 5:21 pm

Welche Version von Bludit hast Du installiert?
Planet Bludit, Tipps, Snippets und nützliche Links.

User avatar
Torsten_Kelsch
Master Bludit
Posts: 99
Joined: Thu Aug 27, 2015 8:24 pm
Location: Germany
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Torsten_Kelsch » Tue Jun 20, 2017 7:13 pm

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
Jr. Bludit
Posts: 6
Joined: Tue Jun 20, 2017 3:32 pm

Re: Erstelltes Theme wird nicht richtig erkannt

Post by wmcig » Wed Jun 21, 2017 6:20 pm

Edi wrote:Welche Version von Bludit hast Du installiert?
Die aktuelle Version!

User avatar
Edi
Site Admin
Posts: 894
Joined: Sun Aug 09, 2015 3:01 pm
Location: Zurich
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Edi » Wed Jun 21, 2017 6:28 pm

1.6.3?
Planet Bludit, Tipps, Snippets und nützliche Links.

wmcig
Jr. Bludit
Posts: 6
Joined: Tue Jun 20, 2017 3:32 pm

Re: Erstelltes Theme wird nicht richtig erkannt

Post by wmcig » Tue Jul 04, 2017 6:17 pm

Nein, 1.6.2.

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

User avatar
Torsten_Kelsch
Master Bludit
Posts: 99
Joined: Thu Aug 27, 2015 8:24 pm
Location: Germany
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Torsten_Kelsch » Tue Jul 04, 2017 8:53 pm

@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: 894
Joined: Sun Aug 09, 2015 3:01 pm
Location: Zurich
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Edi » Tue Jul 04, 2017 10:03 pm

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.
Planet Bludit, Tipps, Snippets und nützliche Links.

User avatar
Edi
Site Admin
Posts: 894
Joined: Sun Aug 09, 2015 3:01 pm
Location: Zurich
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Edi » Wed Jul 05, 2017 10:52 am

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".
Planet Bludit, Tipps, Snippets und nützliche Links.

User avatar
Torsten_Kelsch
Master Bludit
Posts: 99
Joined: Thu Aug 27, 2015 8:24 pm
Location: Germany
Contact:

Re: Erstelltes Theme wird nicht richtig erkannt

Post by Torsten_Kelsch » Wed Jul 05, 2017 12:35 pm

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

Who is online

Users browsing this forum: No registered users and 1 guest