Una de las mejores cosas de WordPress es lo fácil que es de usar, incluso para principiantes. Esencialmente, puede crear un sitio web funcional sin ningún conocimiento técnico. Sin embargo, una vez que se familiarice con la plataforma , agregar HTML a WordPress es una excelente manera de obtener más control sobre su sitio.
HTML es uno de los principales bloques de construcción en los que se basa cada sitio de WordPress . Incluso con una comprensión básica de HTML, puede realizar varios ajustes en la forma en que se ven y actúan sus páginas. Además, incluso si nunca antes ha tocado una línea de código, este lenguaje es bastante simple de aprender y usar.
Qué es HTML (y por qué es importante)
Incluso si no es un desarrollador web, es probable que al menos haya oído hablar de HTML : es sinónimo de creación de sitios web. Sin embargo, HTML no es un lenguaje de programación como JavaScript o Python. Esas herramientas de codificación se utilizan para crear programas desde cero y son más complejas. En cambio, HTML es lo que se llama un ‘lenguaje de marcado’.
En resumen, está diseñado para afectar contenido como texto e imágenes. Se utiliza para anotar (o marcar) el contenido agregando instrucciones sobre cómo se debe mostrar. Por esta razón, HTML es más fácil de usar y comprender.
Si desea ver cómo se ve realmente HTML, todo lo que necesita hacer es abrir una publicación o página de WordPress. Luego, cambie a la pestaña Texto del editor:
Esto puede parecer un galimatías al principio. Sin embargo, mire de cerca y verá que todo su contenido todavía está allí. El texto se escribe tal cual, pero todo lo demás es HTML que controla el formato , la apariencia, el diseño y más de su contenido.
Cómo funciona agregar HTML a WordPress (algunos ejemplos básicos)
En este punto, probablemente esté listo para ver cómo se ve en la práctica agregar HTML a WordPress. Veamos un par de ejemplos básicos, para que pueda tener una idea de cómo funciona realmente este lenguaje de marcado.
Supongamos que está escribiendo una publicación de blog para su sitio de WordPress y se trata de sus cinco razas de perros favoritas. Por lo tanto, desea presentar cada raza como una nueva sección, con un encabezado que se destaque del resto del texto.
Como sabrá, puede hacer esto en WordPress seleccionando una de las opciones del menú desplegable del encabezado:
Sin embargo, también puede hacer esto con HTML. En la pestaña Texto , busque el texto que desea convertir en un encabezado. Luego, simplemente agregue etiquetas de encabezado al principio y al final, así:
Estas etiquetas
le dicen a WordPress que convierta el texto que incluyen en un encabezado de ‘nivel 1’ . La barra inclinada en la segunda etiqueta indica dónde debe terminar el encabezado. También puede reemplazar el 1 con un número diferente para personalizar qué nivel de encabezado se utiliza.
Otras formas de usar HTML para formatear
Hay etiquetas básicas similares para todos los tipos comunes (y muchos poco comunes) de formato que puede querer aplicar a su texto. Por ejemplo, supongamos que desea poner en cursiva la palabra «mejor» en la siguiente oración:
En mi opinión, los galgos son el mejor tipo de perro.
Para hacer esto, necesitaría usar las etiquetas de énfasis ( ):
In my opinion, greyhounds are the best kind of dog.
Si quisiera poner la palabra en negrita, usaría etiquetas :
In my opinion, greyhounds are the best kind of dog.
Por supuesto, también puede combinar etiquetas HTML si lo desea. Por ejemplo, si quisieras darle mucho énfasis a la palabra poniéndola en negrita y cursiva, podrías usar el siguiente formato:
In my opinion, greyhounds are the best kind of dog.
Vale la pena señalar que el orden no importa aquí: las etiquetas podrían estar en el exterior y obtendrías el mismo efecto:
A través de este tipo de ejemplos simples, puede comenzar a ver cómo funciona HTML. Usas una etiqueta introductoria para decirle a WordPress (o cualquier plataforma que estés usando) lo que quieres hacer. Luego, agrega una etiqueta de cierre al final para que sepa cuándo detenerse. La mayoría de las etiquetas son bastante simples y fáciles de entender, aunque se pueden combinar de muchas maneras diferentes.
Por supuesto, puede realizar todas estas mismas tareas en la pestaña Visual del editor de WordPress. Sin embargo, agregar HTML a WordPress le permite incluir un formato que no es fácil de agregar de manera predeterminada, como resaltar texto usando las etiquetas o crear tablas . Con HTML en su cinturón de herramientas, sus opciones para personalizar el contenido son casi infinitas, y también puede incluir cierto formato dentro de los widgets y otras áreas fuera del editor de WordPress.
Otras áreas donde es útil agregar HTML a WordPress
Más allá de usar HTML para manipular el formato, también puede usarlo para controlar cómo funcionan ciertas partes de su contenido. Por ejemplo, una acción común que quizás desee realizar es agregar una etiqueta nofollow a sus enlaces . A diferencia de los ejemplos que le mostramos anteriormente, no hay opción para hacer esto en el editor.
En su lugar, deberá agregar manualmente la rel="nofollow"etiqueta a su enlace usando HTML. Por ejemplo:
se convierte en:
A medida que se acostumbre más a HTML, encontrará otras áreas en las que HTML le permite ir más allá del editor normal de WordPress.
Cómo aprender más sobre HTML
Si ha estado siguiendo, ya ha aprendido algunos conceptos básicos clave sobre cómo funciona HTML. Puede llegar bastante lejos simplemente haciendo algunas búsquedas en Google para encontrar las etiquetas que necesita y agregando HTML al contenido de WordPress según sea necesario.
Sin embargo, hay mucho más en este lenguaje de marcas de lo que parece. Si realmente desea dominar HTML, vale la pena dedicar un tiempo a aprender todos sus entresijos.
Aquí hay algunos lugares sólidos para comenzar a aprender más :
- W3Schools: si es del tipo práctico, este tutorial de HTML5 podría ser justo lo que necesita. Le guiará a través de todo lo que necesita saber sobre la última versión de HTML, lo que le permitirá practicar el uso de las etiquetas usted mismo en cada paso.
- Codecademy: si desea un enfoque más completo, similar a un curso, para aprender HTML, Codecademy ofrece un programa muy completo . Incluso completará dos proyectos estructurados, para darle una idea práctica del idioma.
- Udemy: este sitio web ofrece muchos cursos sobre HTML, por lo que puede elegir el que mejor se adapte a sus necesidades y nivel de habilidad. Para comenzar, le recomendamos que eche un vistazo a Introducción a HTML y CSS básicos para usuarios de WordPress .
Al igual que con cualquier habilidad técnica, la mejor manera de aprender HTML a fondo es practicar su uso con frecuencia. Después de usarlo para crear algunas publicaciones y páginas nuevas, debería descubrir que agregar HTML a WordPress se está convirtiendo en una segunda naturaleza.
Conclusión
Dar sentido a HTML se reduce a comprender el concepto de etiquetas y cómo se utilizan para rodear las partes de su contenido que desea afectar. Una vez que lo tenga, puede comenzar a aprender más etiquetas y experimentar agregando HTML a WordPress. Con la ayuda de tutoriales prácticos y cursos dedicados , pronto dominará HTML.
¿Tiene alguna pregunta sobre cómo usar HTML en su contenido de WordPress? Puedes poner ponerla en los comentarios y nuestra comunidad o nuestros expertos te ayudarán.
