Подключение Framework's

Contents

    Темы в Bludit очень гибкие, при создании вы можете использовать любой framework (Bootstrap, Foundation, Bulma, UIkit, Semantic UI, и т.д.), любой JavaScript код. Все, что захотите!

    Мы подключим несколько фреймворков в документации, но не стесняйтесь добавлять их больше, редактируя эту страницу.

    Подключение jQuery

    Bludit по стандарту имеет последнюю версию jQuery в своей сборке.

    <?php
        echo Theme::jquery();
    ?>

    HTML вывод

    <script src="https://www.example.com/bl-kernel/js/jquery.min.js"></script>

    Подключение Bootstrap

    Bludit по стандарту имеет последнюю версию Bootstrap в своей сборке..

    Подключеине JavaScript для Bootstrap.

    <?php
        echo Theme::jsBootstrap();
    ?>

    HTML вывод

    <script src="https://www.example.com/bl-kernel/js/bootstrap.bundle.min.js"></script>

    Подключение CSS для Bootstrap.

    <?php
        echo Theme::cssBootstrap();
    ?>

    HTML вывод

    <link rel="stylesheet" type="text/css" href="https://www.example.com/bl-kernel/css/bootstrap.min.css">

    Подключеине UIkit

    Этот framework, к сожалению, не входит в сборку Bludit. Однако, при желании, вы можете подключить, используя методы Theme::css() и Theme::js(). Можно использовать UIkit CDN или скачать файлы framework'a.

    Слудущий пример подключает UIkit из UIkitCDN. Обратите внимание на false, это говорит методу, что мы используем внешний файл.

    <?php
        echo Theme::css('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/css/uikit.min.css', false);
    
        echo Theme::js('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit.min.js', false);
        echo Theme::js('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit-icons.min.js', false);
    ?>

    HTML вывод

    
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/css/uikit.min.css">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.26/js/uikit-icons.min.js"></script>