Bienvenido a la Comunidad de Treehouse
¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.
¿Buscas aprender algo nuevo?
Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de
Inicia tu prueba gratuita
Niyaz Poyilan
Estudiante de Cursos Plus 167 PuntosAgregué archivos css en function.php pero no está teniendo efecto en la página index.php
Como explicó el video, agregué archivos css y js a functions.php pero el estilo en mi index.php permaneció sin cambios.
5 respuestas
Stanley Thijssen
22,831 PuntosHola Niyaz,
Tus funciones de enqueue se ven bien, creo que no agregaste:
<?php wp_head(); ?>
antes de la etiqueta de cierre head y
<?php wp_footer(); ?>
antes de la etiqueta de cierre body dentro de tus archivos de plantilla (index.php por ejemplo).
Josh Miclette
Estudiante de Cursos Plus 6,227 PuntosEso es extraño, ningún archivo CSS está vinculado cuando veo la fuente. Intenta reemplazar tu función con esta:
function np_theme_styles() {
wp_enqueue_style( 'normalize_css', get_template_directory_uri() . '/css/normalize.css' );
wp_enqueue_style( 'googlefont_css', 'http://fonts.googleapis.com/css?family=Julius+Sans+One' );
wp_enqueue_style( 'googlefont_css', 'http://fonts.googleapis.com/css?family=Roboto+Condensed' );
wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'np_theme_styles' );
Además, para probar si funciona, elimina los estilos en línea y pégalos en tu 'style.css'. Asegúrate de eliminar las etiquetas <style></style>.
Además, asegúrate de haber subido todos tus archivos.
Niyaz Poyilan
Estudiante de Cursos Plus 167 PuntosDisculpa molestarte mucho, desafortunadamente no funcionó. Hice como dijiste, ahora la página es solo html.
Josh Miclette
Estudiante de Cursos Plus 6,227 PuntosMe gustaría ayudarte lo más que pueda, así que sigue con tus preguntas. Aquí ambos aprenderemos algo.
Puedo ver que tu página de inicio está despojada de cualquier estilo, lo cual es bueno y nos da una base. Lo único que se me ocurre es cómo tienes tus configuraciones en WordPress. Déjame preguntarte esto:
- ¿Tienes una página llamada 'Inicio'?
- En tu Configuración > Lectura, ¿tu página de inicio es tus últimas publicaciones o una página estática?
Niyaz Poyilan
Estudiante de Cursos Plus 167 PuntosEstoy intentando construir un tema personalizado para el sitio. He agregado una nueva carpeta en la carpeta de temas, y el contenido de la carpeta es el siguiente: - 1. Dos carpetas 'css' y 'js'. 2. Tres archivos index.php, function.php y style.css. En lectura es página estática
Niyaz Poyilan
Estudiante de Cursos Plus 167 PuntosSí tengo. Solo estoy intentando hacer un tema personalizado y lo coloqué en la carpeta wp-content->themes->np-personal
Josh Miclette
Estudiante de Cursos Plus 6,227 PuntosHola Niyaz - ¿Te importaría compartir la función que llama tus estilos para que pueda ver cuál podría ser el problema?
Niyaz Poyilan
Estudiante de Cursos Plus 167 Puntosfunction np_theme_styles(){
wp_enqueue_style( 'normalize_css' , get_template_directory_uri() . '/css/normalize.css');
wp_enqueue_style( 'julius_sans_one' ,'https://fonts.googleapis.com/css?family=Julius+Sans+One');
wp_enqueue_style( 'roboto_condensed' ,'https://fonts.googleapis.com/css?family=Roboto+Condensed');
wp_enqueue_style( 'main_css' , get_template_directory_uri() . '/style.css');
}
Josh Miclette
Estudiante de Cursos Plus 6,227 PuntosCreo que puede ser que haya perdido un paso importante. ¿Tienes WordPress instalado en tu sitio?
Jason Anders
145.864 PuntosHola Niyaz,
Tu archivo CSS "normalize" se está dirigiendo a una carpeta llamada "css" /css/normalize.css. Sin embargo, tu archivo CSS "main" no está siguiendo la misma ruta. Ese archivo va a la raíz /style.css.
Verifica tus carpetas y ve cuál ruta es correcta y ve si eso resuelve el problema.
:)
Niyaz Poyilan
Estudiante de Cursos Plus 167 Puntosestructura de carpetas
Josh Miclette
Estudiante de Cursos Plus 6,227 PuntosGracias Niyaz
Después de ver el video, intenta usar un identificador diferente en los estilos que llaman las fuentes de Google. Ver a continuación:
wp_enqueue_style( 'normalize_css' , get_template_directory_uri() . '/css/normalize.css');
wp_enqueue_style( 'main_css' ,'https://fonts.googleapis.com/css?family=Julius+Sans+One');
wp_enqueue_style( 'main_css' ,'https://fonts.googleapis.com/css?family=Roboto+Condensed');
wp_enqueue_style( 'main_css' , get_template_directory_uri() . '/style.css');
Niyaz Poyilan
Estudiante de Cursos Plus 167 PuntosLo intenté, pero no funcionó. ¿Hay algo que tenga que agregar en index.php para vincularlo con functions.php?
Josh Miclette
Estudiante de Cursos Plus 6,227 PuntosNo, no tienes que agregar ningún código a index.php para llamar a los estilos, eso es lo que está haciendo el archivo functions.php.
Una mejor pregunta es qué estilos no se están mostrando en index.php, ¿y tienes un enlace que puedas compartir?
Niyaz Poyilan
Estudiante de Cursos Plus 167 Puntos-las fuentes no se están cargando
Stanley Thijssen
22,831 Puntos¿Por qué usarías el mismo identificador en 3 archivos diferentes?
Niyaz Poyilan
Estudiante de Cursos Plus 167 PuntosNiyaz Poyilan
Estudiante de Cursos Plus 167 PuntosMuchas gracias Stanley Thijssen y Josh Miclette.