Loading repository data…
heitorspedroso / repository
Esse Tema foi desenvolvido para ser uma ferramenta rápida na mão do desenvolvedor, através dele o desenvolvedor já pode criar o tema sem se preocupar com a estrutura de arquivos que já está pronta e com loops pré-definidos sem influencia em html/css
Descrição em Português Esse Tema foi desenvolvido para ser uma ferramenta rápida na mão do desenvolvedor, através dele o desenvolvedor já pode criar o tema sem se preocupar com a estrutura de arquivos que já está pronta e com loops pré-definidos sem influencia em html e pouca influência em css
Description in English This theme is designed to be a quick tool in the developer's hand through it the developer can now create the theme without worrying about the file structure that is ready and pre-defined loops without influence in html and little influence on CSS
Addons
RESET CSS (a reset in css to have no differences between browsers)
Bootstrap GRID (a bootstrap grid-only version)
Yoast SEO Breadcrumb (https://yoast.com/wordpress/plugins/breadcrumbs/)
- Install with comands: npm install gulp / npm install gulp-sass / npm install gulp-rename
- Run in the root folder of theme: gulp
- After run gulp: an already mined css file will be saved in /wp-developer-theme/assets/css/
- A query-only file CSS will be saved in /wp-developer-theme/css-dev/
- Always try to individualize the css files for better maintenance in the future using the 'conditional styles' of the file 'enqueues.php'
- Example THAT IS ALREADY IN THE FILE '/inc/enqueues.php' and it should be used:
<?php
function wp_developer_theme_styles(){
wp_enqueue_style('styles-reset', get_template_directory_uri() . '/assets/css/reset.min.css', '', '1.0');
wp_enqueue_style('styles-bootstrap-grid', get_template_directory_uri() . '/assets/css/bootstrap-grid.min.css', '', '1.0');
wp_enqueue_style( 'styles-theme', get_template_directory_uri() . '/style.css', '','1.0');
wp_enqueue_style('styles-common', get_template_directory_uri() . '/assets/css/style-common.min.css', '', '1.0.0');
//conditional styles
if (is_page() || is_404() || is_search()) {
}
if (is_front_page()) {
}
if (is_single()) {
}
}
add_action( 'wp_enqueue_scripts', 'wp_developer_theme_styles' );
?>
- The JS file other than CSS, instead separating into multiple files, maintain the file structure 'main.js' by firing functions according to the body class you need
- If you need to import another JS file, import using conditions, as in CSS, in the file '/inc/enqueues.php'
- DO NOT CARE ANY OTHER FILE JS WITHOUT BEING THROUGH THIS PATH
- NEVER CALL ANOTHER JQUERY, THE DECLARATION OF MORE OF A JQUERY CAUSES CONFLICT, AND THE ISSUE ALREADY HAS A JQUERY DECLARED IN THE FILE 'ENQUEUES.PHP'
- Example THAT IS ALREADY IN THE FILE '/inc/enqueues.php' and it should be used:
<?php
//Include the enqueue footer SCRIPTS
function wp_developer_theme_scripts(){
wp_enqueue_script('jquery');
wp_enqueue_script('main', get_template_directory_uri() . '/assets/js/main.js', '', '1.0',true);
}
add_action( 'wp_enqueue_scripts', 'wp_developer_theme_scripts' );
?>
Selected from shared topics, language and repository description—not editorial ratings.
GuiiCoelhoo17 /
Esse foi um projeto criado para o técnico em informática do Senac-SP. Desenvolvi um site utilizando as linguagens HTML5, CSS3, Java Script e PHP com o TEMA: Academia voltada a Saúde e Bem Estar.