La hoja de estilos CSS no se está cargando

4 nov 2017, 18:12:24
Vistas: 31K
Votos: 2

Soy nuevo en el desarrollo de temas. Mi hoja de estilos CSS no se está cargando, y no estoy seguro si el problema está en el archivo functions.php, style.css, index.php, header.php o footer.php. He agregado una clase div "post-title" en index.php, que debería cambiar el color de la fuente de mis publicaciones, pero en este momento no lo está haciendo. Mi código está a continuación:

functions.php:

            <?php
                function link_css_stylesheet() {
                    wp_enqueue_style('style', get_stylesheet_uri());
                }

                add_action('wp_enqueue_scripts', 'link_css_stylesheet');
            ?>

style.css:

            /*
            Theme Name: Richard Theme Name
            Theme URI: http://www.intechio.com/themes/Richard-Theme
            Author: Richard
            Author URI: https://intechio.com
            Description: Proyecto de tema.
            Version: 1.0
            */

            .post-title {
                color : rgb(0,100,0);
            }

index.php:

            <?php
                get_header();
                ?>

                <div class="post-title">

                    <?php

                    if (have_posts()) : 
                        while (have_posts()) : the_post();
                            the_title();
                            the_excerpt();
                        endwhile; 
                    else: 
                        echo "No hay publicaciones.";
                    endif;

                    ?>

                </div>

                <?php
                get_footer();
            ?>

header.php:

            <!DOCTYPE html>
                <html>
                    <head>
                        <meta charset="<?php bloginfo('charset'); ?>
                        <title><?php wp_title(); ?> | <?php bloginfo('name'); ?></title>
                        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
                        <?php wp_head(); ?>
                    </head>
                        <body <?php body_class(); ?>>
                            <h1><?php bloginfo('name'); ?></h1>
                            <h2><?php bloginfo('description'); ?></h2>

footer.php:

            <p>esto es un pie de página</p>
            </body>
            </html>

Gracias de antemano por cualquier consejo que puedan ofrecer.

1
Comentarios

Verifica el código fuente HTML resultante para ver qué devuelve get_stylesheet_uri() en functions.php.

Max Yudin Max Yudin
21 may 2018 14:04:58
Todas las respuestas a la pregunta 5
3

He intentado crear un tema de WordPress usando tus archivos functions.php, style.css e index.php y para mí, la hoja de estilos se carga correctamente. Por favor, asegúrate de haber añadido tus archivos header.php y footer.php para el tema. Te recomiendo estudiar algunos tutoriales sobre desarrollo de temas en WordPress. Puedes consultar este enlace https://codex.wordpress.org/Theme_Development para obtener información detallada.

4 nov 2017 19:35:52
Comentarios

Gracias, quizás el problema está en los archivos de cabecera o pie de página. He editado mi pregunta anterior para agregar el código de cabecera y pie. Si es posible, por favor echa un vistazo y dime si ves algo obviamente incorrecto en el código.

dimery2006 dimery2006
4 nov 2017 23:24:30

¿Podrías publicar el HTML de tu página de inicio (ver código fuente)? Puede que necesites usar pastebin o un servicio similar.

Alexander Holsgrove Alexander Holsgrove
4 nov 2017 23:41:38

Alex Holsgrove, el estilo CSS ha cambiado repentinamente el color de la fuente. Pero lo realmente extraño es que parece haber un retraso de tiempo. Cambié el color rgb de (0,100,0) a (255,0,0) en mi style.css, pero ahora cuando cargo la página en otra pestaña y uso inspeccionar elemento, todavía aparece el valor rgb antiguo (0,100,0). Tal vez necesite crear un nuevo hilo para este comportamiento extraño.

dimery2006 dimery2006
5 nov 2017 02:54:09
0

Resulta que no había ningún problema con mi código. El problema estaba en que el navegador (Chrome) no estaba actualizando los estilos CSS. Inicialmente pensé que la hoja de estilos no se estaba cargando, pero en realidad el navegador simplemente necesitaba una actualización.

La solución es forzar una actualización de la caché presionando Ctrl + F5. ¡Gracias a todos por la ayuda!

5 nov 2017 03:00:58
1

Es probable que tu archivo header.php no incluya:

<?php wp_head(); ?>

Esta función agregará el marcado HTML necesario para incluir tu archivo CSS.

4 nov 2017 20:55:17
Comentarios

Tengo la función wp_head() en mi archivo header.php, pero tal vez haya algún otro problema. He editado mi pregunta anterior para incluir mi código de header/footer. Gracias.

dimery2006 dimery2006
4 nov 2017 23:25:32
0

He creado un tema simple de WordPress usando tus códigos y veo que tu estilo está funcionando correctamente.

Pero hay un problema de sintaxis en el archivo header.php.

 <meta charset="<?php bloginfo('charset'); ?>

Te faltó un > para cerrar la etiqueta meta y unas comillas " para cerrar el charset. La versión correcta es:

 <meta charset="<?php bloginfo('charset'); ?> ">

Además, para evitar más problemas, por favor revisa la documentación de desarrollo de temas de WordPress.

Como una guía rápida, necesitas usar la función wp_footer() en footer.php.

También evita usar ?> al final del archivo porque cualquier carácter después puede causar un error de headers already sent y podrías ver solo una página en blanco.

5 dic 2018 18:14:42
0

wp_enqueue_style('style', get_stylesheet_uri());

No devuelve style.css

Devuelve la carpeta del tema.

Prueba algo como esto:

function link_css_stylesheet() {
    wp_enqueue_style('style', get_bloginfo('template_directory').'/style.css');
}
add_action('wp_head', 'link_css_stylesheet');
5 dic 2018 20:47:18