• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Cita previa, direcciones y telefonos de Endesa, Iberdrola y otras compañias electricas. Comparativa de tarifas electricas. Tarifas, trucos para ahorrar en la factura electrica. Cambios de tarifa, estudios de ahorro y asesoramiento electrico.
  • Inicio
  • Oficinas Endesa
  • Material electrico
  • Ahorro de energia
  • Electricidad

Columnas en WordPress


En WordPress hay soluciones para todo. Si quieres crear columnas puedes hacerlo de tres formas distintas:

  1. Usando un plugin
  2. Usando tablas
  3. Usando CSS

Columnas en WordPress con Plugins

Es la opción más facil, tan solo tienes que ir al Escritorio de WordPress y añadir un plugin de columnas

Añadir plugin de columnas en wordpress
Añadir plugin de columnas en WordPress

Algunos de los plugins de columnas para wordpress son:

  • WP Easy Columns Plugin para poner texto en columnas con más de 100.000 descargas
  • Genesis Easy Columns Este plugin crea facilmente columnas con Genesis Framework

Para crear columnas con estos plugin simplemente pulsamos el boton de las columnas que deseemos y añade un shortcode como este

[one-half-first]Texto de la columna izquierda[/one-half-first][one-half]Texto de la columna derecha[/one-half]

Ponemos dentro de cada pareja de shorcodes el texto propio

Columnas en WordPress con tablas

Este método es el menos recomendable ya que las tablas no se adaptan bien a los moviles

Si queremos dos columnas el código sería el siguiente:

<table width=»100%» border=»0″>
<tr>
<td>Texto de la columna izquierda</td>
<td>Texto de la columna derecha</td>
</tr>
</table>

Columnas en WordPress con CSS

Este método es el más recomendable, aunque puede parecer más complicado es muy sencillo y los resultados son mejores.

Podemos escribir el código directamente en cada entrada o página de wordpress, simplemente seleccionamos la pestaña texto y escribimos:

<div style=»float: left; width: 45%;»>Texto de la columna izquierda</div>
<div style=»float: right; width: 45%;»>Texto de la columna derecha</div>

Así tendríamos dos columnas en la entrada o página de Wordpres  con cualquier tema incluido Genesis Framework.

Podemos incluir los atributos del div en un codigo CSS que pegariamos en la Hoja de estilo de nuestro tema de wordpress, normalmente llamada style.css

El código para dos columnas es el siguiente:

.izqbox {
width: 45%;
float: left;
}

.dchbox {
width: 45%;
float: right;
}

Una vez colocado el código css en la hoja de estilo ya podemos poner las dos columnas en cualquier entrada o página de WordPress y también en WordPress con Genesis Framework.

En las entradas o páginas tenemos que poner estos div para poder tener dos clumnas

<div class=»izqbox»>Texto de la columna izquierda de WordPress</div>
<div class=»dchbox»>Texto de la columna izquierda de WordPress</div>

¿Te ha parecido fácil? Si tienes dudas escribe un comentario.

 

Filed Under: Wordpress Leave a Comment

Reader Interactions

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 Acepto la política de privacidad *

Los datos que proporciones mediante este formulario serán tratados por Miguel Moreno como responsable de esta web. La finalidad de la recogida de estos datos se realiza solamente para responder a tu consulta. Estos datos estarán almacenados en los servidores de Siteground, situados en la Unión Europea (política de privacidad de Siteground). Puedes ejercer tus derechos de acceso, rectificación, limitación y supresión enviando un correo electrónico a miguelmoreno@outlook.es. Puedes consultar la información completa y detallada sobre privacidad en mi política de privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Primary Sidebar

Endesa San Sebastián

Asesor Energético Málaga - Bajamos tu factura de la Luz

Asesor Energetico Málaga

Enchufes wifi para domotica en casa

Enchufe wifi programable controlado con el móvil

Enchufe controlable con el móvil Este enchufe se controla desde el móvil. Puedes programar el encendio y apagado en cualquier hora y día. Es sencillo de utilizar y tiene multiples opciones que puedes usar comodamente desde tu teléfono. Puedes usarlo  para programar el encendido y apagado de cualquier electrodoméstico o lampara. ¿Que puedes hacer con […]

Endesa Ponferrada

Endesa Leioa

Cuanto gastan los electrodomesticos en stand-by

Cuanto gastan los electrodomesticos en stand-by

Esta web no es una página oficial ni tiene ninguna relación con las Página oficiales de servicios electricos. - Aviso Legal - Cokies - Privacidad - Contacto

© Copyright 2014 arrabal.eu · Todos los derechos reservados | Creado por Miguel Moreno con WordPress + Genesis Framework y Metro Pro

Gestionar el Consentimiento de las Cookies
close
Usamos cookies propias, de analítica anónima, de redes sociales, personalización de contenido y anuncios para el funcionamiento de la web. Nuestros socios (incluido Google) pueden almacenar, compartir y gestionar tus datos para ofrecer anuncios personalizados. También puedes personalizar tu configuración o revocar tu consentimiento en cualquier momento, utilizando el enlace de la política de cookies situado a pie de pagina o junto a estas lineas.
Funcional
Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
0
Estadísticas
0 El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos anónimos. Sin una requerimiento, el cumplimiento voluntario por parte de su proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarlo.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en un sitio web o en varios sitios web con fines de marketing similares.
Administrar opciones Gestión de terceros Gestionar proveedores Leer más sobre estos propósitos
Ver preferencias
{title} {title} {title}