Theme WordPress Inclusivo 5: Estructura HTML

Una vez hemos establecido la base de nuestro theme a efectos de wordpress, empezaremos hoy a incorporar también aspectos que tienen que ver con el navegador web, lienzo final en el que nuestra plantilla acariciar los sentidos de nuestros usuarios.

¿Como genera WordPress el documento html?

Puede parecer algo sin importancia, pero en este curso pretendo mantengamos el máximo control posible del código que escribe wordpress a fin de poder optimizar, reparar o reescribir lo necesario para mantener nuestro theme en perfecto estado de revista en cuanto a accesibilidad e inclusión.

El método que usa wordpress, que como hemos visto trabaja en base a plantillas, es relativamente sencillo, el bloque inicial del html se dibuja en el fichero header.php, y el cierre de BODY y HTML se escriben en footer.php. Veamos nuestro primer ejemplo:

Inicio de nuestro html

Lo mejor es hablar con código, abre tu header.php y pon este código:

<!doctype html>
<html lang="es">
    <head>
        <meta charset="utf-8">
	<title>Site Title</title>
    </head>
    <body>
        <h2>Header</h2>

Y ya, mas adelante veremos que hay que añadir muchas mas cosas, tanto a efectos de html, como a efectos de wordpress, pero es tan sencillo como esto. Header es el fichero en que se escribe el comienzo del html hasta el header incluido.

Cierre del HTML

A estas alturas estoy seguro de que esto es como aquello de “¿en qué mano está el saltamontes?” y que lo habréis adivinado. Abrid footer.php y poned el siguiente código:

        <p>El Footer</p>
    </bpdy>
</html>

Y ya, podemos recargar el navegador y observar como ha generado nuestro html, cierto que ha escrito bastante más, pero veremos estos elementos paso a paso, en próximos capítulos.

Si te planteas donar en estos tiempos, usa ese dinero para ayudar a tu alrededor.

No voy a negar que este proyecto en realidad me cuesta dinero, y dada mi capacidad adquisitiva, el porcentaje no es pequeño.

PERO, en esta crisis te pido que si piensas en donarme algo, lo evalúes y uses el dinero para ayudar a alguien de tu entorno inmediato.

Seguro que hay alguien que necesita algunos alimentos, científicos que neceistan fondos para investigar el COVID-19

En estos tiempos te pido que les des prioridad.

Si aún así tu posición te permite hacer ambas cosas, te agradezco de antemano tu aportación. ¡Ánimo que de esta salimos juntos!

Representacion en 8x8 Pixels del concepto "Coronavirus" usando una corona amarilla y un 19 rojo debajo

¿Te gusta lo que hago?

En ese caso, puedes ayudarme con los costes de servidor, de dominios, y apoyame para que pueda seguir trabajando en esta dirección.

Recuerda ¡esta donación es completamente voluntaria!

Puedes donar la cantidad que quieras a través de mi página en Paypal.me, si te resulta más cómodo.

Ayudame a entender mejor qué creaciones pueden ser de mayor valor para vosotros, indicandolo en el comentario de paypal.

Gracias de todo corazón.

¿Quieres saber cual es mi plan con los miles de millones de los pozos de petroleo?

Quizá te interese ...

Dejar una Respuesta

XHTML: Usted puede usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>