Guía HTML para WordPress

Como entorno predominantemente visual, Internet ha dado un gran valor a la forma en que se ve una página. De hecho, podría argumentar que la reputación del propietario de un sitio web se basa en gran medida en la impresión visual que ofrece su sitio. Sin embargo, crear un aspecto que sea atractivo para los visitantes no tiene que ser un desafío. El lenguaje de marcado de hipertexto (HTML) es la forma fundamental de codificar para la web, y la buena noticia es que cualquiera puede aprender lo suficiente al respecto para crear sitios increíbles. En esta guía, discutiremos los elementos básicos de HTML y cómo comenzar a usarlo. Luego discutiremos cómo implementar diferentes elementos en la página con HTML. ¡Vamos a empezar!
¿Qué es HTML? Como he llegado anteriormente, el lenguaje de marcado de hipertexto (HTML) es esencialmente el lenguaje de codificación básico para toda la web. Se utiliza para crear aspectos fundamentales del sitio y elementos de diseño visual (que llegaremos más adelante). También se puede utilizar para crear partes visibles de “front-end” de un sitio web y aspectos estructurales del backstage. HTML ha sido una parte integral de la codificación web desde el principio. Aunque hay otros idiomas que puede usar, son más complementarios que los reemplazos directos. Cómo codificar HTML y CSS Aunque puede usar muchos idiomas diferentes para crear sitios web, HTML casi siempre está involucrado. Aun así, hay otros idiomas que son igualmente importantes para el diseño web básico.
Las hojas de estilo de cascada (CSS) a menudo van de la mano con HTML, para formar una solución completa para crear sitios web. Anteriormente, discutimos cómo se puede usar HTML para codificar elementos estructurales y visuales. Sin embargo, aunque esto fue común en los primeros días de la web, CSS es ahora la forma “oficial” de crear un estilo visual. En otras palabras, para crear un sitio web moderno, HTML se utiliza primero para construir el aspecto y la estructura del sitio. CSS se usa para agregar color, fuentes específicas y otros elementos visuales. Después de esperar, mientras que CSS y HTML tienen curvas de aprendizaje similares, tienen una estructura y formato diferentes. Para ver esto personalmente, puede consultar W3Schools, una colección de cursos de codificación en línea que ofrecen tutoriales completos sobre HTML y CSS. Cómo agregar HTML a WordPress Afortunadamente, puede agregar HTML simple y rápido a WordPress. De hecho, hay varias áreas que aceptan el código HTML, incluido el editor de texto. Veamos cómo se hace esto. Paso 1 Lo primero que debe hacer es iniciar sesión en el tablero de WordPress. Una vez que esté allí, navegue por cualquier publicación o página a la que desee agregar HTML:
Esto lo llevará al editor de WordPress, donde puede agregar contenido. Paso 2 Desde aquí, mira al lado derecho de la pantalla. Verá dos pestañas: visual y texto:

En una configuración predeterminada de WordPress, ya debería estar en el editor visual. Sin embargo, seleccionando texto, se moverá al editor nativo de HTML. Paso 3 Esto no es en realidad un editor HTML completo, ya que no contendrá muchos de los elementos presentes en su página web (como encabezado y sótano). Sin embargo, obtiene el control total sobre muchos elementos de formato: aquí, puede ingresar y editar el código HTML a voluntad. Continuaremos hablando sobre cómo lograr ciertos efectos estilísticos específicos. Solo asegúrese de guardar cualquier cambio para aplicar a su sitio.

Razones comunes por las cuales HTML se agrega a un sitio de WordPress, aunque ciertamente no tiene que agregar HTML a WordPress, hay algunas razones específicas para hacerlo. En general, esta técnica es útil para introducir elementos estilísticos que no serían posibles. Echemos un vistazo a algunos ejemplos más detallados.

El uso de HTML para agregar párrafos a los párrafos de WordPress es un requisito básico para casi todas las páginas web. Para crear un párrafo con HTML, querrá “empacar” su texto en ciertas etiquetas. En otras palabras, reservará el texto deseado con
al principio y
al final. El formato aquí (es decir, la apertura de una etiqueta de soporte angular y su cierre con los soportes angulares y una barra oblicua) es el modo predeterminado de escribir HTML.
El uso de HTML para agregar descansos en los descansos de la línea de WordPress es un elemento que contraviene la tendencia mencionada anteriormente, ya que generalmente se incluyen sin etiquetas de cierre. Como tal, para crear una interrupción de la línea, simplemente puede agregar
antes de la línea deseada: las interrupciones de la línea no se usan con tanta frecuencia como otros elementos HTML ordinarios, aunque pueden ser útiles. Usando HTML para editar fuentes de WordPress, mientras que en el pasado podría usar HTML para editar las fuentes directamente, esta ya no es una práctica óptima. Sin embargo, puede formatear su texto utilizando varias etiquetas diferentes, de manera similar a los párrafos (es decir, con una etiqueta de apertura y cierre).

Por ejemplo, puede crear fácilmente títulos usando HTML:
Además, también puede aplicar formateo básico, como Bold (usando ) y cursivo (usando ). También puede lograr cursivo de otras maneras (incluso a través de CSS), pero es el método más común. Usando HTML para agregar columnas a WordPress, hablé sobre cómo agregar columnas a WordPress y a menudo tendrá que usar un pequeño CSS para verse perfecto. Por ejemplo, HTML utiliza etiquetas
para crear nuevas secciones de columnas, y la versión más moderna del lenguaje ha incluido algunas variantes adicionales para elegir.

Sin embargo, no recomendamos hacer esto en el editor de texto, porque debe incluir los estilos CSS “en línea” (lo cual no es una buena práctica). Sin embargo, WordPress.com tiene una guía para hacer exactamente si desea investigar más la técnica. Hacer cambios HTML en su sitio web de WordPress, por supuesto, una gran preocupación para muchas personas es que la implementación de estos tipos de cambios HTML destruirá su sitio. Esto es en realidad una preocupación legítima. Por lo tanto, le recomendamos que haga una copia de seguridad de su sitio antes de hacer cualquiera de estos cambios. También es una buena idea usar un tema secundario, por lo que cualquier cambio que realice se mantendrá cuando se actualice su tema. Además, también creamos una guía sólida para cancelar los cambios que realiza en WordPress. De esta manera, si algo no va bien, no debería ser difícil devolver su sitio a la normalidad. Obtenga asistencia para preguntas más ordinarias sobre WordPress del motor WP, independientemente de los cambios que realice en su sitio, tener un host sólido como WP Engine junto a usted le brinda la paz que necesita para crear el sitio deseado. Por ejemplo, aparte de nuestro equipo de Star y Trusted Assistance, tenemos un centro integral de recursos, que está lleno para negarse con WordPress útiles y trucos. ¡Compruébalo hoy!