Buenas Tardes.
Estoy intentando incluir un estilo css para el gestor de contenidos Wordpress, lo que quiero que un código HTML me visualice los estilos definidos de mi propio código HTML.
Tengo varios codigos:
Este es mi código index.php
Código HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Documento sin título</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<?php include 'encabezado.php'; ?>
<?php include 'botonera.php'; ?>
<div id="contenedor"/>
<div id="contenidoPrincipal" class="contenido_color">
CONTENIDO</div>
<?php include 'pie.php'; ?>
</div><¡-- cierre del contenedor -->
</body>
</html>
Con este código lo quiero es generar una página dinámica que me funciona perfectamente, pero no consigo visualizar los estilos con los siguientes códigos:
Este es mi código encabezado.php
Código PHP:
<link href="style.css" rel="stylesheet" type="text/css">
<div id="encabezado" class="fondo_index1">
ENCABEZADO
</div>
Este es mi código botonera.php
Código PHP:
<link href="style.css" rel="stylesheet" type="text/css">
<div id="botonera" class="fondo_index2">BOTONERA
</div>
Este es mi código pie.php
Código PHP:
<link href="style.css" rel="stylesheet" type="text/css">
<div id="encabezado" class="fondo_index3">
601322064
</div>
Este es mi código style.css
/* css Document */
div.fondo_index1{
float: center;
font-size: 20px;
color: #000000;
font-weight: 20;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0F8A46;
}
div.fondo_index2{
float: center;
font-size: 20px;
color: #222321;
font-weight: 20;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #CE18E6;
}
div.fondo_index3{
float: center;
font-size: 20px;
color: #282828;
font-weight: 20;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #FFC109;
}
div.contenido_color {
background-color: #FFC109;
}
NOTA: Estos archivos.php y css lo tengo en el servidor de WordPress en la ruta /wp-content/themes/, donde están las plantillas pero realizando yo una nueva con un código personalizado.
Echarme una mano porfavor.
Saludos.