Lisää Javascript teematiedosto

Tässä ohjeessa lisätään kaksi javascript-tiedostoa sivuston <body> -tagin loppuun muokkaamalla Theme.php -tiedostoa.

Step 0. Paikallista Theme.php, ja public-kansio

Step 1: Siirrä tai luo tiedostot public-kansioon

Luo tai siirrä tiedostot ${public_kansio}/some-lib.min.js sekä ${public_kansio}/with-attrs.js.

Step 2: Rekisteröi tiedostot

Muokkaa ${site_kansio}/Theme.php -tiedostoon tekstieditorilla:

<?php declare(strict_types=1);

namespace MySite;

use Sivujetti\UserTheme\{UserThemeAPI, UserThemeInterface};

class Theme implements UserThemeInterface {
    /**
     * @param \Sivujetti\UserTheme\UserThemeAPI $api
     */
    public function __construct(UserThemeAPI $api) {
        if (!$api->isJsFileEnqueued("some-lib.min.js"))
            $api->enqueueJsFile("some-lib.min.js");
        $api->enqueueJsFile("with-attrs.js", [
            "data-attr" => "foo",
        ]);
    }
}

Step 3: Profit

Tämän jälkeen Sivujetti sisällyttää rekisteröidyt tiedostot sivuston <body> -tagin loppuun esim. seuraavasti:

<script src="/sivusto/public/some-lib.js?v=dc5e2a1e"></script>
<script src="/sivusto/public/with-attrs.js?v=dc5e2a1e" data-attr="foo"></script>

Lisää tiedosto vain tiettyyn sivuun

ks. edellinen ohje.