HTML EDICIÓN DE WORDPRESS: ¿Un hombre rico? Tienes paciencia … no es así. Todos sabemos que WordPress es muy flexible. Dependiendo de las herramientas que use (temas, constructores de WordPress, complementos, programas de finalización, widgets) que puede jugar con bloques y arrastrar y soltar. No se requiere codificación. De vez en cuando es posible que desee cambiar un poco las cosas, y luego algún conocimiento HTML podría ser útil. Por lo general, el código HTML no viene solo. También necesitará CSS. Si bien HTML manejará la estructura del sitio web, CSS trata del lado del estilo. Antes de comenzar con la edición HTML WordPress antes de pasar a cualquier edición, debe tener una precaución.
Primero, asegúrese de saber lo que quiere hacer: probar algo, ¿hacer una edición avanzada? Si desea cambiar el código de tema de WordPress, generalmente se recomienda trabajar con el tema de un niño y evitar ir directamente. Ahora, no necesita ser el desarrollador frontal más hábil para tratar con HTML al cambiar el código o el código postal. Hay muchos recursos que pueden enseñar fácilmente sus elementos básicos. ¡Asistí a este curso de Khan Academy y me gustó! Si tengo preguntas, confío en StackOverflow y W3Schools. ¿Y sabes qué? Es lindo cuando no tienes que confiar en otros para hacer pequeños cambios en los sitios web o el correo electrónico.
Cómo editar HTML en WordPress editando el código HTML puede ser bastante seguro. Pero sería inteligente crear hijos de repuesto antes de hacer algo. Ahora veamos cómo tendrán lugar las cosas cuando usemos:
Edición HTML en el editor clásico de WordPress (TinyMCE)
HTML WordPress Editar a través de códigos cortos
Edición HTML en WordPress Block Editor (Gutenberg) HTML WordPress Editing
Edición HTML en Customizer WordPress
Edición del código fuente del tema de WordPress
Introducción a las etiquetas HTML más populares
Puede hacer clic en uno de los enlaces anteriores para ir directamente a ese tema específico si lo desea.
Editar HTML en el editor clásico de WordPress (TinyMCE) generalmente editar una página o publicación en el editor visual, como a continuación. Los iconos del editor visual le permiten formatear el texto, insertar listas y enlaces y más.
Ahora, cada vez que editas algo aquí, detrás de escena, ocurre algunas marcas HTML. Por ejemplo, agregue una imagen, detrás de ella verá una etiqueta . Si agrega una lista de artículos, en modo HTML verá estas etiquetas o
y
. ¿Cómo puede acceder a este código? Al cambiar del editor visual al editor de texto.

Puede trabajar con ambas herramientas y, si lo desea, solo puede agregar un marcado adicional al editor de texto. El editor de texto viene con otros beneficios. Con un marcado de esquema correcto, puede obtener algunas ventajas de SEO. Aquí incluso puede agregar diferentes estilos a través de CSS. Para aquellos que están más familiarizados con HTML y las herramientas usadas, como Sublime para la codificación, pueden disfrutarlo porque hay un instrumento que puede ayudarlo a obtener resultados similares: HTML Editor Syntax.

La atención, sin embargo, no lo han actualizado por algún tiempo, es posible que encuentre algunos problemas …

Editar HTML WordPress a través de códigos cortos Los creadores de WordPress como Colibri pueden permitirle cambiar el código HTML a través de códigos cortos. Esto significa que puede instalar el complemento de código corto que le permitirá insertar código HTML a través de Customizer.
Esto significa que puede instalar el complemento de código corto que le permitirá insertar código HTML a través de Customizer. Más detalles sobre este método aquí.

Edición de HTML En el editor de bloques de WordPress (Gutenberg) en Gutenberg Experience, puede pasar del editor visual a un texto (editor de código).

También puede editar bloques individuales como HTML.
También tiene un bloque HTML personalizado.

Bastante cuidado, ¿no te parece?

Editar HTML WordPress usando widgets El widget HTML personalizado le permite realizar cambios en la página de inicio, el encabezado, el sótano o la barra lateral. Puede acceder a esto desde el aspecto -> widgets-> html personalizado.

La edición HTML en WordPress Customizer Widgets también está disponible en el personalizador de WordPress. Hay diferentes enfoques desde el tema del tema. Veinte veinte tema, por ejemplo, le permite cambiar el sótano a través de HTML personalizado como se muestra a continuación.
Editar el código fuente del tema de WordPress cuídalo, ¡muchachos! Puede acceder al editor de temas en el menú desde el aspecto. Cuando lo selecciona, se le advierte: el cambio directo aquí puede llevar a romper su sitio. Es por eso que es aconsejable crear un tema para niños.


Hay varios archivos que puede cambiar: JS, PHP y CSS también.

Introducción a las etiquetas HTML más populares ahora, para analizar un poco las etiquetas HTML más populares que puede usar. Para cada etiqueta abierta, hay una etiqueta de cierre adecuada. El símbolo para abrir una etiqueta es este: “”. Veamos algunos ejemplos:

Párrafos

El texto básico se inserta entre las etiquetas de párrafo (P), de la siguiente manera:
– abrí una etiqueta de párrafo
– cerré la etiqueta del párrafo el resultado final:
Usé CodePen para el ejercicio.
Imágenes
Ahora WordPress te hace aún más fácil. Simplemente haga clic en “IMG” en el menú y le pedirá una ventana en la que ingrese la URL.

titulares
Las etiquetas de título pueden pasar de

a

, dependiendo de la importancia de la lectura. Hay 2 etiquetas más que también se pueden usar para títulos y párrafos: para el texto Aldin y para el texto cursivo.
liza
En HTML tiene la etiqueta <l olor para las listas ordenadas y la etiqueta
. Las cosas que se enumeran ingresan a las etiquetas
, como se muestra a continuación.
Enlaces

Para esto, usa la etiqueta con un enlace como referencia:
Ahora, devolviendo un poco a WordPress, el editor de texto hace que su vida sea aún más fácil. No necesita ingresar manualmente la etiqueta , solo tiene que seleccionarla en el menú y pegar la URL allí, o simplemente agregar su imagen desde la opción “Agregar contenido de medios” y agregará automáticamente el código HTML para usted .

HTML no parece ciencia de misiles, ¿no? Ahora, es posible que se pregunte un poco sobre el estilo … Los ejemplos anteriores no se ven demasiado bien, ¿verdad? Para eso, necesitas CSS. Traté esto en un artículo anterior, ¡asegúrese de revisarlo! Conclusión Ahora, ¿realmente necesita cambiar su código HTML? ¿Tiene las habilidades para cambiar el código? ¿No puedes hacer algo a través de las opciones y los arados adicionales? ¿Qué pasa con el uso de un constructor de WordPress? Puede darte innumerables posibilidades. ¡Siempre piense dos veces antes de tal decisión y use hijos de repuesto! En mi opinión personal, el editor de texto en el editor clásico de WordPress o el editor de códigos en la versión de Gutenberg suele ser suficiente. ¡Otros y saliendo! Ahora, si le gustó este artículo y desea saber más sobre cómo diseñar un sitio web de WordPress, ¡asegúrese de suscribirse a nuestro canal de YouTube y síganos en Twitter y Facebook!