Columnas de rejilla ligeras

Columnas de rejilla ligeras

diciembre 11, 2018 Populares 0

¿Ya eres Miembro?

Para Descargar este Plugin




Descripción

¡Las columnas de rejilla livianas son muy fáciles de usar! Instale y active el complemento, luego busque el ícono de columnas dentro de la barra de herramientas de TinyMCE (ver capturas de pantalla).

Especifique los anchos de escritorio, tableta y móvil deseados de las columnas, agregue su contenido y luego inserte su código de acceso en su contenido.

Lightweight Grid Columns usa el increíble marco de Unsemantic: (http://unsemantic.com/)

¡Echa un vistazo a GeneratePress, nuestro increíble tema de WordPress! (https://wordpress.org/themes/generatepress)

Las características incluyen:

  • Ancho de cuadrícula de escritorio
  • Ancho de la rejilla de la tableta
  • Ancho de rejilla móvil
  • Agregar clases personalizadas
  • Añadir estilos personalizados en línea
  • Columnas de igual altura

Capturas de pantalla

  • El icono de columnas en su editor TinyMCE.
  • Las opciones dentro del generador de shortcode de columnas.
  • Un vistazo a algunas columnas impresionantes!

Instalación

Hay dos formas de instalar columnas de cuadrícula ligera.

  1. Vaya a “Complementos> Agregar nuevo” en su Tablero y busque: Columnas de cuadrícula livianas
  2. Descargue el .zip de WordPress.org y cargue la carpeta en el / wp-content / plugins / Directorio vía FTP.

En la mayoría de los casos, el # 1 funcionará bien y es mucho más fácil.

Preguntas más frecuentes

Instrucciones de instalación

Hay dos formas de instalar columnas de cuadrícula ligera.

  1. Vaya a “Complementos> Agregar nuevo” en su Tablero y busque: Columnas de cuadrícula livianas
  2. Descargue el .zip de WordPress.org y cargue la carpeta en el / wp-content / plugins / Directorio vía FTP.

En la mayoría de los casos, el # 1 funcionará bien y es mucho más fácil.

¿Cómo agrego los códigos cortos?
  • Asegúrate de que las columnas de cuadrícula ligera estén activadas.
  • Mientras edita su publicación o página, vaya al “Editor Visual”.
  • Busque el ícono de columnas (vea la pestaña de capturas de pantalla).
  • Elija su escritorio, tableta y ancho de red móvil.
  • Si agrega la última columna en una fila, marque la casilla “Última” (esto es importante).
¿Qué pasa si no quiero usar el botón TinyMCE?

¡Lo suficientemente justo! Simplemente agregue el código corto a su contenido.

Por ejemplo, a continuación se mostrarán 4 columnas en el escritorio, 2 columnas en la tableta y 1 columna en el móvil

[lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Algo de contenido[/lgc_column]

[lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Algo de contenido[/lgc_column]

[lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Algo de contenido[/lgc_column]

[lgc_column grid="25" tablet_grid="50" mobile_grid="100" last="true"]Algo de contenido[/lgc_column]

Tome nota de nuestra última columna: ¿ve la última parte = “verdadera”? No te olvides de

¿Cuáles son mis opciones para los porcentajes?

Esto se toma directamente de (http://unsemantic.com):

Hay clases de cuadrícula denominadas cuadrícula-x donde “x” es un número que representa el ancho porcentual de cada unidad de cuadrícula. Estos cubren múltiplos de 5, hasta 100 (grid-5, grid-10… grid-95, grid-100). También hay clases para dividir una página en tercios: grid-33 y grid-66 que tienen 33.3333% y 66.6667% de ancho, respectivamente.

¿Hay otras opciones que pueda usar en el código corto?

¡Sí!

Puedes usar:

clase
[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ class=”push-25″]Algo de contenido[/lgc_column]
estilo
[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ style=”padding-left:0px;”]Algo de contenido[/lgc_column]
igualamos

De forma predeterminada, JS igual altura se establece en “verdadero”.

[lgc_column grid="25" tablet_grid="50" mobile_grid="100" equal_heights="true"]Algo de contenido[/lgc_column]

Opiniones

Gran complemento sería aún mejor con el soporte de Toolset

Matt Lovett

Me encanta este plugin funciona muy bien.

Un punto realmente pequeño sería genial si el botón para columnas apareciera al editar una plantilla de Toolset, algún tipo de integración con Toolset.

No es algo masivo a medida que aprendes el código, solo puedes escribirlo manualmente, ¡pero sería un poco de ahorro de tiempo si se integrara! 🙂

Otro gran producto de Tom

martin24

¡Funciona genial!

Complemento de grandes columnas! – ¡Mini-tutorial aquí!

Pnutb

¡Fácil de usar!
1. Ir a publicación: haga clic en la pestaña del editor “TEXTO” y copie el texto / enlaces originales de una columna
2. Haga clic en el editor “Visual” y desplácese hacia abajo justo después de su texto / enlaces originales y agregue una “Línea horizontal” para que haya un espacio seguro para agregar sus nuevas columnas. Antes de regresar y eliminar el texto / enlaces originales de una columna.
3. Haga clic en el editor TinyMice para agregar su nuevo texto / enlaces al cuadro emergente del editor Lightweight Grid Columns.
4. Ponga todo su código en el cuadro desplegable. No haga clic en “última columna”.
5. Configure sus columnas, es decir; 25% de escritorio, 50% de tabletas, 100% de teléfonos pequeños que equivaldrán a 4 columnas en computadoras de escritorio, 2 columnas en tabletas y una columna en iphones, androides.
5. Ahora, vuelva a VISUAL y elimine 2,3 y 4 partes de su columna manteniendo el código de la primera parte.
6. Repita este proceso pegando todo su código pero manteniendo la segunda parte de la columna, pero elimine la primera, tercera y cuarta.
7. Vuelva a hacerlo, pegue todo el código, pero elimine la 1ª, 2ª y 4ª parte.
8. Ok, ahora en este último, pegue de nuevo todo el código original y simplemente elimine las secciones 1, 2 y 3, pero deje la 4ta parte Y asegúrese de marcar la casilla de verificación “última columna” en el editor TinyMice para el plugin cuando vuelva a agregar todo el código. Esto define la cuarta columna como la última.
–Sé que suena confuso pero es muy fácil y me funcionó muy bien.
¡Aclamaciones!

Cada vez que doy la vuelta es GeneratePress

Boverje

¿Naciste este cuchillo o fue adquirido?

Me ha ahorrado cientos de dólares y me ha demostrado que la auto-construcción con su fundación es mejor y más barata a largo plazo que la compra de suscripciones anuales a las soluciones de wordpress de dominio.

Especialmente he llegado a amar la agilidad que ofrece su fundación si estoy dispuesto a trabajar.

Uno aprende rápidamente que “nada es gratis” y WordPress necesita atención y cuidados constantes por los que pagará (como desarrollador o cliente) o aprenderá a apoyarse a sí mismo.

Tom, gracias a ti y a las otras personas anónimas de GeneratePress que han ayudado a entregar un producto excepcional.

Una advertencia: ayuda tener una base firme en HTML5 y CSS3; un buen conocimiento práctico de PHP y JQuery; un buen sentido del humor y la comprensión de que generalmente estará por su cuenta.

Jeff

Buena herramienta

Shostakmaksim

Buen plugin

Rápido, fácil, genial

davidglenrobinson

Este plugin hace el trabajo tan fácilmente como esperaba. Fácil de usar Shortcode Builder, y fácil de personalizar Shortcode una vez que aprendas a usarlo. Gracias por la gran coneccion!

Leer las 35 críticas.

Colaboradores y Desarrolladores

“Lightweight Grid Columns” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

“Columnas de cuadrícula ligera” se ha traducido a 4 locales. Gracias a los traductores por sus contribuciones.

Traduzca “Columnas de cuadrícula ligera” a su idioma.

¿Interesado en el desarrollo?

Busque el código, revise el repositorio SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

1.0

  • Mueva el valor de la clase personalizada al contenedor principal
  • Limpieza de código

0.7

  • Corregir el comportamiento de desplazamiento extraño causado por las transiciones y matchHeight
  • Solo cargue matchHeight en las páginas donde las columnas están presentes con él habilitado

0.6

  • Corrige el error de clase de columna causando que algunas columnas no funcionen.

0.5

  • Mueva la configuración del margen inferior al elemento interno para que el atributo de estilo pueda sobrescribirlo
  • Ajuste la función lgc_columns_helper para solucionar el problema con

    y
    etiquetas alrededor del código corto

  • Agregue jQuery matchHeight para que coincida con la altura de las columnas para una mejor experiencia de usuario receptiva
  • Reducir el tamaño del archivo de la hoja de estilo considerablemente

0.4

  • Mostrar el icono de TinyMCE en todos los tipos de publicaciones

0.3

  • Se corrigió el error donde el ícono TinyMCE no aparecía si SiteOrigin Page Builder y Black Studio TinyMCE Widget se activaban juntos
  • Agregue compatibilidad con IE 7 y 8

0.2

  • Permitir saltos de línea dentro de columnas

0.1

  • Versión inicial

¿Ya eres Miembro?

Para Descargar este Plugin



Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja un comentario