Soporte » WordPress Avanzado » Editando css en Child Theme

  • Resuelto Alberto

    (@albert0deavila)


    Buenas tardes me llamo Alberto,
    estoy aprendiendo a usar los child theme, es decir, editar css, archivo functions, etc.

    Me gustaría saber para que sirve este archivo (style.dev.css) y que diferencia tiene con el style.css

    Una vez creado un child theme, ¿estos son los tres archivos a crear? style.css, funtions.php y rtl.css

    Y que código debo añadir en el functions cuando creas el archivo por primera vez. He leido el manual que teneis pero me cuesta entenderlo bien, sobre todo la parte de wp_enqueue_style

    Gracias de antemano, un saludo a todos!!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola,

    Asi de pronto y sin saber que theme, puedo decirte al 99% que el archivo style.dev.css es una version para desarrolladores, vamos cambias la llamada haces los cambios y si todo esta bien los copias style.dev.css a style.css.

    En el archivo functions.php solo tienes que añadir la llamada a tu css, javascript y puedes añadir otras personalizaciones, dependiendo de lo que quieras.
    Ten presente que si el theme esta pensado para hacer child theme podras sobreescribir las funciones del theme.

    Tiene que tener presente que para usar tus archivos css, js tienes que usar get_stylesheet_directory_uri o get_theme_file_uri si estas en WordPress 4.7 o superiores

    ejemplo practivo
    child-theme/functions.php

    
    <?php
    add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
    function child_theme_enqueue_styles() {
      // Esto llama al archivo del tema padre 
      wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
      // Esto llama al archivo del tema hijo
      wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
    }
    ?>
    

    A partir de WordPress 4.7 creo se creo la funcion get_theme_file_uri que uso yo independientemente de si es un hijo o padre.

    Espero que te ayude

    Saludos

    Iniciador del debate Alberto

    (@albert0deavila)

    Hola @kallookoo gracias por echarme una mano tan rápidamente.
    Ahora mismo estoy usando WordPress 4.9.5 con un child theme creado por mí y el tema padre es Divi, la web sobre la que estoy trabajando es avilagaviro.es (mi portfolio).

    Te lanzo las preguntas que me han surgido al leer tu respuesta (Disculpa mi ignorancia):

    • ¿Cómo se si un theme esta pensado para hacer child theme?
    • Actualmente en mi archivo style.css hago esta llamada al style.css del tema padre: @import url("../Divi/style.css"); pero en esta web leí que es recomendable usar el método wp_enqueue_style() link
    • Yo no soy desarrollador asique con hacer los cambios en el archivo style.css y no tocar el style.dev.css me es suficiente, no?

    Gracias de antemano, un saludo!!

    • Esta respuesta fue modificada hace 3 años, 1 mes por Alberto.
    • Esta respuesta fue modificada hace 3 años, 1 mes por Alberto.

    Buenas sobre Divi no puedo hablar no me gustan este tipo the theme – compositores y solo miro su documentacion si me hiciese falta.
    Tu solucion te la da @fernandot en https://ayudawp.com/?s=divi hay una extensa lista de ayuda.

    ¿Cómo se si un theme esta pensado para hacer child theme?

    Si permite sobre escribir una function o tiene filters or actions para modificar el resultado de la function.
    Estoy 99.9% convencido que divi es compatible

    Actualmente en mi archivo style.css hago esta llamada al… style.css
    Muy mala practica y en el post anterior te puse un ejemplo, no tienes que saber programacion es un copy&paste y editar los campos segun sea necesario.

    Yo no soy desarrollador asique con hacer los cambios…
    Mi consejos:
    1.- Si no sabes y es complicado contrata ha un profesional, de lo contrario empieza a informarte de que es el CSS, PHP y aunque no seas un experto saber lo basico para que cuando te hablemos de una media query de css por ejemplo te suene y no te parezca chino.
    2.- Nunca modifiques el archivo original si no tienes una copia guarda por si surgue al problema puedas compararlos mas tarde.

    Suerte y te añado la etiqueta divi ya que es el theme padre que usas y puede que alguien con mas conocimientos de ese theme pueda ayudarte

    Iniciador del debate Alberto

    (@albert0deavila)

    .

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Editando css en Child Theme’ está cerrado a nuevas respuestas.