Javascript files

Contents

    Bludit provides helpers to help developers to write less code.

    For the purpose of this tutorial we will use the following names:

    • Name of the theme box
    • Site URL https://www.example.com
    • Theme path /bl-themes/box/
    • Javascript file path /bl-themes/box/main.js

    Let's add a Javascript file called main.js, which should be located in /bl-themes/box/main.js. You don't need to worry about the absolute path if you use the Theme:: helper.

    <?php
    echo Theme::js('main.js');
?>

    HTML output

    <script src="https://www.example.com/bl-themes/box/main.js"></script>

    Example

    Here's a complete example of how to include two Javascript files in a theme.

    <!DOCTYPE html>
<html>
    <head>
        <title>Hello</title>
    </head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<?php
    echo Theme::js('main.js');
    echo Theme::js('buttons.js');
?>

</body>
</html>
    Collaborate with us and edit this page