C贸mo aumentar la sangr铆a en el c贸digo HTML de Wordpress en sencillos pasos

WordPress siendo una de las herramientas m谩s utilizadas para crear blogs y p谩ginas web permite crear contenido sin la necesidad de tener conocimientos de programaci贸n. Sin embargo, saber usar c贸digo HTML para modificar el texto como aumentar la sangr铆a o colocar el texto en negrita puede ser 煤til.

Por lo general los temas de WordPress muestran todo el texto justificado hacia la izquierda. Dependiendo del idioma puede estar justificado a la derecha. Pero si quieres hacer un cambio a tus textos para hacerlos distintos al resto, puedes agregar sangr铆as.

YouTube Video

¿C贸mo hacer para personalizar los p谩rrafos con sangr铆as usando c贸digo HTML?

Es importante aclarar antes de iniciar que puedes modificar la sangr铆a desde la caja de herramientas de WordPress que se muestra al editar una entrada o p谩gina. Pero es una funci贸n limitada porque no permite definir la cantidad de espacio.

Solo requieres de conocimiento b谩sico en HTML para realizar esta acci贸n y lo haces en cuesti贸n de minutos. Con todo claro ahora podemos comenzar.

  • Inicia sesi贸n en tu cuenta de WordPress con tu usuario y contrase帽a.
  • Agrega una nueva entrada o ingresa a una ya creada que quieras modificar.
  • Escribe todo el texto de la entrada.
  • Cambia el editor visual y coloca HTML para cambiar a edici贸n HTML.
  • Ubica el texto <p> en el c贸digo. Cada etiqueta <p> representa el inicio de un p谩rrafo en el texto y la etiqueta de cierra es </ p>.
  • Modifica la etiqueta de la siguiente forma: <p style="padding-left:20px;">. El valor de 20px lo puedes personalizar a tu gusto.
  • Si quieres agregar una sangr铆a a todos los p谩rrafos tienes que colocar esta misma l铆nea.Aumentar la sangr铆a por c贸digo HTM

Este m茅todo es sencillo, pero puede ser engorroso si quieres agregarles una sangr铆a a todos los p谩rrafos en todas las entradas. En ese caso lo m谩s recomendable es editar directamente la hoja de estilo del tema de WordPress para que lo haga de forma predeterminada para todos los textos.

Pasos para aplicar sangr铆a usando el c贸digo CSS de Wordpress

Para agregar la sangr铆a a todos los textos de la p谩gina hay que modificar el tema, espec铆ficamente la hoja de estilo. Haremos uso de la propiedad text-indent para establecer la separaci贸n (el espacio en blanco) entre el borde y la primera l铆nea del p谩rrafo.

  • Haz clic sobre la opci贸n Apariencia del men煤 de Wordpress y luego selecci贸n la opci贸n Personalizar.
  • Escoge la opci贸n CSS adicional.
  • Escribe lo siguiente: p.InicioParrafo { text-indent: 25px; }.

De esta forma se indica que los p谩rrafos (elemento p) comienzan con una sangr铆a de 25px. Funciona siempre y cuando en la p谩gina a editar se incluya el atributo InicioParrafo.

Si quiere aplicar este estilo a un p谩rrafo en espec铆fico, solo tiene que hacer la asignaci贸n en el comienzo del p谩rrafo en el c贸digo HTML de la siguiente forma: <p class = "InicioParrafo">.

¿C贸mo puedo personalizar los p谩rrafos en Wordpress usando HTML?

Desde el modo texto de las entradas de WordPress, son m煤ltiples las opciones de configuraci贸n que tienes para hacer en el contenido. Solo necesitas saber un poco de HTML, que m谩s que es considerado un lenguaje de marcado de etiquetas.

  • Agregar negritas: utiliza las etiquetas <strong> texto</strong> para dar 茅nfasis a un fragmento del texto. Esta etiqueta puede ir dentro de un p谩rrafo y las palabras se muestran en negrita.
  • Colocar letras cursivas: Tan simple como colocar un texto entre estas dos etiquetas <em> </em>.
  • Uso de la etiqueta Span: La etiqueta <span> permite cambiar un texto en part铆cula dentro de un p谩rrafo. Puedes cambiar el estilo, el color e incluso el tama帽o del texto. Solo tienes que colocar la etiqueta de apertura antes del texto y colocarle los atributos <span style="color:blue;">
  • Cambia el tama帽o del texto:  cambiar el tama帽o de la fuente dentro de la etiqueta de apertura del p谩rrafo. <p style="font-size:14px;"> Texto </p>.

Personalizar p谩rrafos en WordPress con HTML

Conociendo todas las etiquetas de HTML, no solo podr谩s modificar el texto a tu antojo, sino que ser谩s capaz de reconocer cada elemento e identificar fallos. Cuando te conviertes en un usuario avanzado podr谩s editar directamente la apariencia del WordPress y obtener una p谩gina aut茅ntica.

M茅todos alternativos para agregar sangr铆as a Wordpress

Adem谩s de lo mencionado anteriormente, existen otros m茅todos para agregar sangr铆as a Wordpress. Estas por lo general est谩n implementadas en la misma aplicaci贸n y a veces pasan desapercibido.

Utilizar los botones en el editor visual

Los botones de sangr铆a vienen incluidas desde hace algunas versiones de Wordpress, con estos podr谩s asignar sangr铆as a uno o varios p谩rrafos a la vez. Su s铆mbolo es el de un p谩rrafo con una flecha mirando a la izquierda y otro a la derecha. Para usarlos simplemente tendremos que seleccionar un p谩rrafo y luego pulsar en alguno de estos botones.

Emplear un editor de texto manual

Editar el p谩rrafo por medio del lenguaje de programaci贸n es otra opci贸n v谩lida, sin embargo no es la m谩s popular si decides aplicar sangr铆a en muchos lugares del texto. Para aplicarla primero tendr谩s que escoger la secci贸n de c贸digo en el documento. Esta normalmente se llama texto, y est谩 al lado de visual. Al entrar tendr谩s que buscar el texto y copiar el comando p谩rrafo (<p) al inicio y al final del texto. De esta forma podr谩s agregar una sangr铆a, adicionalmente puedes agregarle un estilo y la cantidad de espacios.

Sangr铆a solo para la primera l铆nea

Cuando hablamos de sangr铆a en la primera l铆nea, nos referimos a la sangr铆a que usamos normalmente en editores de texto como Word. En estos con solo presionar el tabulador, se nos deja un espacio de sangr铆a que abarca solo una l铆nea de texto. Sin embargo esto en Wordpress no es as铆 y para lograr esto tendremos que agregar una personalizaci贸n a las herramientas.

Si nos dirigimos a apariencia y luego a personalizar apariencia, podremos agregar una norma CSS personal. En esta tendremos que escribir el c贸digo p.custom.ident {indent-text}: Npx; } cabe resaltar que la ‘N’ debe ser cambiada por el n煤mero de espacios o pixeles que deseamos posea nuestra sangr铆a.

La entrada C贸mo aumentar la sangr铆a en el c贸digo HTML de Wordpress en sencillos pasos se public贸 primero en Mira C贸mo Se Hace.



Pel铆culas similares