Tema Varlıkları

assets/
├── css/                    50 stil dosyası: default.css, theme.css, sonra yüzey başına bir tane
│   └── libs/               5 üçüncü parti paket: bootstrap-icons, fontawesome, fonts, prism, wcp-table
├── js/                     55 betik: default.js, money.js, sonra yüzey başına bir tane
│   └── libs/               6 üçüncü parti paket: tom-select, intl-tel-input, jspdf, ...
├── images/                 27 giriş, gruplu: hero/, logo/, banks/, avatars/, addons/
├── videos/                 bir görselden ağır olan her şey
├── favicon.svg             diğer varlıklar gibi adreslenir
└── component-showcase.html temanın kendi primitiflerinin canlı kataloğu

public function assetUrl(string $path = ''): string;

// $path  temanın assets/ dizinine göre. Baştaki eğik çizgi kırpılır,
//        yani 'css/default.css' ile '/css/default.css' aynı istektir.
//        Boş dize assets dizininin kendisini döner.
//
// döner  {APP_URI}/templates/website/{Tema}/assets/{$path}
//        artı, uzantı css ya da js ise VE dosya diskte varsa ?v={mtime}

<!-- Smarty: tek adlandırılmış parametre, 'path' -->
<link rel="stylesheet" href="{asset path='css/balance.css'}">
<script src="{asset path='js/balance.js'}" defer></script>

<!-- Twig: tek konumsal argüman -->
<link rel="stylesheet" href="{{ asset('css/balance.css') }}">

<!-- Düz PHP tema ve view dışındaki her PHP -->
<link rel="stylesheet" href="<?= Theme::active()->assetUrl('css/balance.css') ?>">

<link rel="icon" type="image/svg+xml" href="{asset path='favicon.svg'}">

<!-- Sorgu, bootstrap-icons.min.css'in kendi src satırında zaten duran hash'tir.
     Yanlış yazarsanız tarayıcı yazı tipini iki kez indirir. -->
<link rel="preload" href="{asset path='css/libs/bootstrap-icons/fonts/bootstrap-icons.woff2'}?e34853135f9e39acf64315236852cd5a"
      as="font" type="font/woff2" crossorigin>

<link rel="stylesheet" href="{asset path='css/libs/bootstrap-icons/bootstrap-icons.min.css'}">
<link rel="stylesheet" href="{asset path='css/libs/fonts/manrope.css'}">
<link rel="stylesheet" href="{asset path='css/theme.css'}">
<link rel="stylesheet" href="{asset path='css/default.css'}">
<link rel="stylesheet" href="{asset path='css/default-dark.css'}">

<!-- Yalnız gerektiği yerde yüklenir; kararı ikinci bir kabuk değil bir değişken verir. -->
{if $is_client_area}<link rel="stylesheet" href="{asset path='css/client-nav.css'}">{/if}

<!-- Çekirdek betikler, sayfanın kendi bloğundan önce. -->
<script src="{asset path='js/bootstrap.bundle.min.js'}" defer></script>
<script src="{asset path='js/money.js'}" defer></script>
<script src="{asset path='js/default.js'}" defer></script>

{extends file='layouts/default.tpl'}

{block name=head}
    <link rel="stylesheet" href="{asset path='css/account-settings.css'}">
    <link rel="stylesheet" href="{asset path='css/libs/wcp-table/table.css'}">
    <link rel="stylesheet" href="{asset path='css/balance.css'}">
{/block}

{block name=scripts}
    {* Önce kütüphane, sonra onu kullanan sayfa betiği: aynı blok, belge sırası. *}
    <script src="{asset path='js/libs/wcp-table/table.js'}" defer></script>
    <script src="{asset path='js/balance.js'}" defer></script>
{/block}

{block name=content}
    {* ... *}
{/block}

// Kanca noktası bir dize alır ve olduğu gibi basar; etiketi burada kurun ve
// kabuğa dokunmayın. Aynı fonksiyon, aynı sürüm sorgusu.
Hook::add("ui:client.head.css", 1, function (): string {
    $href = Theme::active()->assetUrl('css/extra.css');

    return '<link rel="stylesheet" href="' . $href . '">';
});