Registro de Assets

Para adicionar Javascripts e Estilos utilize este arquivo ./core/config/assets.php. É recomendável gerenciar suas dependencias pelo Gulp e não pelas funções wp_enqueue_ do WordPress

Segue os princípios das funçõs wp_enqueue_style, wp_enqueue_script e do hook wp_enqueue_scripts


Adicionar CSS#

O Array de estilos carrega na ordem adicionada e recebe alguns parâmetros:

$handler => [ $src = '', $home = false, $deps = [], $ver = false, $media = 'all' ]

ParamTipoDescriçãoObrigatório
$handlerstringNome único do estilo
$srcstringCaminho ou URL do css
$homeboolAparecer somente na Home
$depsarrayDependências
$verstring|bool|nullVersão
$mediastring'all', 'print' e 'screen'
/*
|--------------------------------------------------------------------------
| LOAD CSS
|--------------------------------------------------------------------------
*/
'css' => [
'main-style' => [ 'assets/css/main.css' ],
'home-style' => [ 'assets/css/home.css', true ],
'custom-style' => [ 'assets/css/myCustomStyle.css'],
'select2' => [ 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css' ],
],

Adicionar Javascript#

O Array de javascript carrega na ordem adicionada e recebe alguns parâmetros:

$handler => [ $src = '', $home = false, $deps = [], $ver = false, $in_footer = true ]

ParamTipoDescriçãoObrigatório
$handlerstringNome único do estilo
$srcstringCaminho ou URL do js
$homeboolAparecer somente na Home
$depsarrayDependências
$verstring|bool|nullVersão
$in_footerboolAparecer no footer ou header
/*
|--------------------------------------------------------------------------
| LOAD JAVASCRIPTS
|--------------------------------------------------------------------------
*/
'js' => [
'select2' => [ 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js' ],
'app-script' => [ 'assets/js/app.min.js' ],
'home-script' => [ 'assets/js/home.min.js', true ],
'custom-script' => [ 'assets/js/myCustomScript.js' ],
],