{"id":235451,"date":"2021-11-25T10:45:00","date_gmt":"2021-11-25T07:45:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235451"},"modified":"2022-05-16T14:37:35","modified_gmt":"2022-05-16T11:37:35","slug":"como-alinear-imagenes-una-al-lado-de-la-otra-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-alinear-imagenes-una-al-lado-de-la-otra-en-wordpress\/","title":{"rendered":"C\u00f3mo alinear im\u00e1genes una al lado de la otra en WordPress"},"content":{"rendered":"

La alineaci\u00f3n de im\u00e1genes es una lucha constante para el bloguero de WordPress.<\/p>\n

Esta publicaci\u00f3n es para cualquiera que haya pasado m\u00e1s tiempo del que le gustar\u00eda admitir jugando con la alineaci\u00f3n y el posicionamiento de la imagen en el editor.<\/p>\n

Los dos mejores m\u00e9todos para alinear im\u00e1genes<\/h2>\n

Hay dos t\u00e9cnicas que debe considerar para colocar im\u00e1genes una al lado de la otra. Compartir\u00e9 c\u00f3mo usar cada uno, as\u00ed como los pros y los contras incluidos.<\/p>\n

1 Alinear im\u00e1genes con una galer\u00eda<\/h3>\n

El m\u00e9todo m\u00e1s confiable para colocar im\u00e1genes una al lado de la otra es usar una galer\u00eda de WordPress<\/a>.<\/p>\n

Si nunca antes ha creado una galer\u00eda, siga este tutorial sobre c\u00f3mo crear galer\u00edas<\/a>.<\/p>\n

El truco consiste en usar una versi\u00f3n de tama\u00f1o mediano de las im\u00e1genes y elegir dos columnas, incluso si solo incluye dos im\u00e1genes. El resultado se ver\u00e1 as\u00ed:<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

A diferencia de las im\u00e1genes que colocas en tu publicaci\u00f3n, las galer\u00edas tienen un HTML especial que mantiene las im\u00e1genes una al lado de la otra. Esta estructura hace que sea m\u00e1s f\u00e1cil y menos complicado alinear las im\u00e1genes en filas \/ columnas.<\/p>\n

2 Coloque im\u00e1genes con c\u00f3digos cortos de columna<\/h3>\n

Si no le importa agregar un nuevo complemento a su sitio, Column Shortcodes<\/a> es una excelente soluci\u00f3n para alinear im\u00e1genes.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Column Shortcodes es uno de esos complementos incre\u00edbles que no llena su sitio con nuevos men\u00fas. De hecho, lo \u00fanico que agrega a su panel de administraci\u00f3n es este conveniente bot\u00f3n sobre el editor.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Para mostrar c\u00f3mo funciona, crear\u00e9 una sola fila de tres im\u00e1genes.<\/p>\n

C\u00f3mo usar los c\u00f3digos cortos de columna<\/h4>\n

El primer paso es colocar el cursor en una l\u00ednea vac\u00eda del editor. Luego haga clic en el bot\u00f3n de c\u00f3digo abreviado y seleccione una opci\u00f3n de columna.<\/p>\n

Creando una fila con tres columnas.<\/p>\n

Repita este paso para agregar una segunda columna de 1\/3 y luego repita una vez m\u00e1s, pero esta vez usando la opci\u00f3n de un tercio (\u00faltima). El resultado son los siguientes c\u00f3digos cortos agregados al editor.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Si nunca antes ha usado c\u00f3digos cortos, es posible que desee seguir este tutorial<\/a> primero.<\/p>\n

Como puede ver, cada shortcode tiene una etiqueta de apertura y cierre. Ahora puedes poner una imagen dentro de cada shortcode, as\u00ed:<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Parece un desastre, \u00bfno?<\/p>\n

Eso es porque los c\u00f3digos cortos no pueden dise\u00f1ar las im\u00e1genes en el editor, pero no es un problema. Una vez que los vea en el sitio, se alinear\u00e1n perfectamente en columnas, as\u00ed:<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

C\u00f3digos cortos de columna en comparaci\u00f3n con galer\u00edas<\/h4>\n

Si bien los c\u00f3digos cortos no se muestran bien en el editor como las galer\u00edas y puede ser m\u00e1s dif\u00edcil trabajar con ellos, tambi\u00e9n obtienes un poco m\u00e1s de control. Por ejemplo, las galer\u00edas obligan a todas las im\u00e1genes a vincularse a:<\/p>\n