¿Cómo agregar un archivo CSS personalizado en el tema?

Normalmente agregoestefragmento de código si quiero agregar otro archivo css

 <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/my_custom_css.css" type="text/css" media="screen" />
 

Creo que los creadores detemas quieren retenertanto como seaposible del diseño de diseño deltema.Entonces,un archivo CSSpersonalizadono duelemucho.Creo queesmás unapregunta de apoyo.Conel archivo CSSpersonalizado,los creadorespueden ayudar a quienes usan sustemasmásfácilmente.Debido a queel style.css originalno se hamodificado,el creador deltemaprobablementepuedaechar un vistazo al archivo csspersonalizado.

I usually add this piece of code if I want to add another css file

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/my_custom_css.css" type="text/css" media="screen" />

I believe the theme makers want to retain as much as possible of the theme's layout design. So a custom css file doesn't hurt much. I think it's more of a support question. With custom css file, the makers can help those who use their themes more easier. Because the original style.css is unaltered, so the theme maker can probably take a look in the custom css file.

Usar @importen WordPresspara agregar CSSpersonalizado yanoes lamejorpráctica,peropuede hacerlo conesemétodo.

lamejorprácticaes usar lafunción wp_enqueue_style()en functions.php.

Ejemplo :

 wp_enqueue_style ('theme-style', get_template_directory_uri().'/css/style.css');
wp_enqueue_style ('my-style', get_template_directory_uri().'/css/mystyle.css', array('theme-style'));
 

Using @import in WordPress for adding custom css is no longer the best practice, yet you can do it with that method.

the best practice is using the function wp_enqueue_style() in functions.php.

Example:

wp_enqueue_style ('theme-style', get_template_directory_uri().'/css/style.css');
wp_enqueue_style ('my-style', get_template_directory_uri().'/css/mystyle.css', array('theme-style'));

Activeeltema hijo y agregueel siguiente código deejemploen function.php

 add_action( 'wp_enqueue_scripts', 'child_enqueue_styles');

function child_enqueue_styles() {

wp_enqueue_style( 'reset-style', get_template_directory_uri() . '/css/reset.css', array());
}
 

Activate the child theme and add the following example code in the function.php

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles');

function child_enqueue_styles() {

wp_enqueue_style( 'reset-style', get_template_directory_uri() . '/css/reset.css', array());
}

Mipropuesta sería utilizartemas secundarios. Esmuyfácil deimplementar ytodas lasmodificaciones que realice (incluidos losestilos)están completamente aisladas deltema original.

My proposal would be to use child themes. It is very easy to implement and all modifications you do (including styles) are completely isolated from the original theme.

Si desea dejar su html. puede agregaresto a su archivo css.Creo queestoesmejor.

 @import url("../mycustomstyle.css");
 

también,dependiendo de sutema,funcionará contemasparapadrese hijos.

-tengaen cuenta que cssfunciona secuencialmente (cuando se usaelmismonivel deidentificador,ya usado),por lo que lo últimoen su archivo se sobrescribirá. así queponga suimportación deestilopersonalizadoen laparteinferior si desea anular cosas.

If you want to leave your html along. you can add this to your css file. I think this is better.

@import url("../mycustomstyle.css");

also depending on your theme it will work with child and parent themes.

-- keep in mind, css works sequential (when using the same level of identifier, already used ) , so what is last in your file will overwrite. so put your customstyle import at the bottom if you want to override stuff.

Paraevitar la sobrescritura del CSS deltemaprincipal u otros archivos,SIEMPRE debe usar untema secundarioen WordPress ...no hacerlo solo le causarágrandes dolores de cabeza yproblemasen elfuturo.

Con respecto al archivo custom.css,existennumerosasformasen que los desarrolladores detemasmanejanesto ...muchos deellos lo hacen simplementeparatratar deevitar que los clientes queno quieran usar untema hijo,desde laedición del archivoprincipal style.css ....

De cualquiermanera,no deberíapreocuparseporeso,siempre y cuando use untema hijo,no deberíatener quepreocuparsepor actualizar sutemamás adelante yperder sus cambios ... acostúmbrese a usar siempreeltemainfantiltemas,me lo agradecerásmástarde,loprometo.

To prevent overwritting of main theme CSS or other files, you should ALWAYS use a child theme in WordPress ... not doing so will only cause you major headaches and problems down the road.

https://codex.wordpress.org/Child_Themes

... and with how easy it is to setup a child theme, there is no reason you shouldn't be using one.

Using a child theme will then allow you to override any of the main parent theme files you want, simply by copying from parent into your child, or by creating a new file with the same name.

Regarding the custom.css file there's numerous ways that theme developers handle this ... a lot of them do this simply to try and prevent clients who don't want to use a child theme, from editing the main style.css file ....

Either way you shouldn't be worried about that, as long as you use a child theme you shouldn't have to worry about updating your theme later on and losing your changes ... get in the habit of always using child themes, you will thank me later, i promise.

Lamejormaneraes combinartodos losestilosen colaen una solafunción y luego llamarlos usando la acción wp_enqueue_scripts . Agrega lafunción definida alfunctions.php detutemaen algún lugar debajo de la configuracióninicial.

Bloque de código:

 function add_theme_scripts() {
    wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css' );
    wp_enqueue_style ( 'custom', get_template_directory_uri () . '/css/custom.css', array( 'style' ) );
}
add_action ( 'wp_enqueue_scripts', 'add_theme_scripts' );
 

 wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);