Tecnología

Inicio

Cómo dividir WordPress Mensajes en columnas

Cómo dividir WordPress Mensajes en columnas


La inserción de columnas en una entrada de blog es una manera de presentar listas o datos en un formato limpio, fácil de leer. Sin embargo, la plataforma de blogs WordPress no proporciona una herramienta integrada para la creación de columnas. Algunos diseñadores de páginas web a resolver este problema mediante la edición de la hoja de estilo CSS, pero la mayoría de los usuarios de WordPress requieren una solución más simple. Afortunadamente, las columnas se pueden añadir en cualquier puesto de WordPress con un poco de código HTML. Si usted no tiene experiencia previa con HTML, es posible que desee familiarizarse con los conceptos básicos de cómo funciona HTML, sólo para que usted pueda comprender el proceso un poco mejor.

Instrucciones

1 Ingrese a su panel de WordPress. Haga clic en "Add New Post." De forma predeterminada, la pestaña "HTML" por encima del campo de texto principal debe ser seleccionado. Inserción de código HTML en la pestaña "Visual" sólo mostrará su código como está en el post publicado.

2 Editar el siguiente código HTML para que se adapte a sus necesidades. Este código resultaría en dos columnas.

<Div style = "float: left; anchura: 50%;">

Texto

</ Div>

<Div style = "float: right; anchura: 50%;">

Texto

</ Div>

Usted tendrá que reemplazar "texto" con su propio contenido.

Si necesita más de dos columnas, ajustar los porcentajes en el estilo etiqueta div. Por ejemplo, si usted quiere cuatro columnas, el código se vería así:

<Div style = "float: left; anchura: 25%;">

Texto

</ Div>

<Div style = "float: left; anchura: 25%;">

Texto

</ Div>

<Div style = "float: left; anchura: 25%;">

Texto

</ Div>

</ Div> <div style = "float: right; anchura: 25%;">

Texto

</ Div>

Tenga en cuenta que la única columna que tiene que tener el "float: right" valor en comparación con "float: left" es la última columna.

3 Copia y pega el código HTML directamente en el campo de texto. El resto de la entrada se puede introducir en todo el código. Cuando la publicación se haya completado, haga clic en "Vista previa" para asegurarse de que sus columnas se han establecido correctamente. Haga clic en "Publicar" para completar el palo.

Consejos y advertencias

  • Si desea organizar el contenido dentro de sus columnas en una lista con viñetas, agregue las siguientes etiquetas a su texto:
  • <Li> Línea 1 </ li>
  • <Li> Línea 2 </ li>
  • <Li> Línea 3 </ li>
  • Esto resultaría en tres puntos de la bala.