¿Cómo vincular correctamente a CSS en WordPress header.php?

4 minutos de lectura

avatar de usuario
Samuel

He estado tratando de crear un tema de WordPress pero la vinculación a style.css dentro de header.php no parece funcionar, el encabezado simplemente no aparece. Usé más de 30 códigos, incluso los proporcionados por WordPress y personas con errores similares, pero parece que las soluciones están desactualizadas.

<link href="https://stackoverflow.com/questions/25196920/<?php bloginfo("stylesheet_url'); ?>" rel = "stylesheet">

Este es mi script PHP

<!DOCTYPE html>
<html>

<head>
    <title>Welcome</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://stackoverflow.com/questions/25196920/<?php bloginfo("stylesheet_url'); ?>" rel="stylesheet">
</head>

<body>
    <div class="navbar navbar-default navbar-static-top">
        <div class="container"> <a href="#" class="navbar-brand">Logo</a>

            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#">Home</a>
                    </li>
                    <li><a href="#">Contact</a>
                    </li>
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media<b class = "caret"></b></a>

                        <ul class="dropdown-menu">
                            <li><a href="#">Facebook</a>
                            </li>
                            <li><a href="#">Instagram</a>
                            </li>
                            <li><a href="#">Twitter</a>
                            </li>
                            <li><a href="#">Google Plus</a>
                            </li>
                        </ul>
                    </li>   <a href="http://www.adds.com" class="navbar-btn btn-success btn pull-right">Add</a>

                </ul>
            </div>
        </div>
    </div>
    <div class="container">

  • ¿Dónde se encuentra su archivo css?

    – Khushboo

    8 de agosto de 2014 a las 6:06

avatar de usuario
dipak_pusti

tu tema style.css está incluido por defecto en WordPress por wp_head() función. Antes de terminar su etiqueta HEAD, agregue esta función.

<?php wp_head(); ?>

Si desea agregar hojas de estilo adicionales, use esta función en su functions.php expediente.

function additional_custom_styles() {

    /*Enqueue The Styles*/
    wp_enqueue_style( 'uniquestylesheetid', get_template_directory_uri() . '/css/custom.css' ); 
}
add_action( 'wp_enqueue_scripts', 'additional_custom_styles' );

  • Agregar <?php wp_footer() ?> a continuación, mostrará la barra de wordpress

    – s.prestamistas

    8 de agosto de 2014 a las 7:35

  • Style.css no se incluyó de forma predeterminada para mí. Tuve que agregarlo manualmente.

    – José

    24 de mayo de 2018 a las 15:02

  • Resulta que no estaba incluido wp-head. Debería haber leído más antes de comentar.

    – José

    30 de mayo de 2018 a las 11:26


Has probado:

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/25196920/<?php echo get_stylesheet_directory_uri()."/style.css' ?>">

¿Y tener ese archivo (normalmente lo coloco en un archivo header.php) en el mismo directorio que el archivo style.css?

Esto es lo que hago.

  • Mi fuente es un tema de WordPress con el que trabajo casi a diario, creado desde cero. ¿Está seguro de que su sitio está ejecutando PHP correctamente en esa página de tema? ¿Qué ves en la vista de fuente por “link href=”?

    usuario321531

    8 de agosto de 2014 a las 6:30


  • respuesta de un tiro gracias

    – Naved Khan

    27 de julio de 2019 a las 5:14

Para mí esto funciona muy bien:

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/25196920/<?php bloginfo("template_directory"); ?>/style.css" />

  • ¿Dónde tienes tu estilo.css? y ¿cómo se ve href=”” en la interfaz?

    – Nico Martín

    8 de agosto de 2014 a las 6:54

  • debería proporcionarle la ruta al directorio de plantillas. ¿Eso funciona?

    – Nico Martín

    8 de agosto de 2014 a las 7:35

puedes probar este

 <?php echo get_stylesheet_uri(); ?> 

en lugar de esto

<?php bloginfo('stylesheet_url'); ?>

de aquí

asegúrese de que su archivo style.css esté en el directorio de su tema

Referirse a https://wordpress.stackexchange.com/a/220719
actualice el archivo fuction.php a través de WordPress Dashboard> Apariencia> Los archivos de tema del Editor de temas se enumeran a la derecha.

agregue lo siguiente a su archivo function.php

wp_enqueue_style ('style-name', get_template_directory_uri().'/mystylefile.css');

vacíe su caché de Word Press y asegúrese de enviar el archivo por FTP hasta la raíz del tema.

avatar de usuario
s.prestamistas

Usa el siguiente código

<link rel="stylesheet" href="https://stackoverflow.com/questions/25196920/<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

Espero que ayude

avatar de usuario
brad allen

pon lo siguiente por debajo wp_cabeza();

<link rel="stylesheet" href="https://stackoverflow.com/questions/25196920/<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

¿Ha sido útil esta solución?