diff --git a/source/es/structure-image-style-create.txt b/source/es/structure-image-style-create.txt index 047b15f..de7b56f 100644 --- a/source/es/structure-image-style-create.txt +++ b/source/es/structure-image-style-create.txt @@ -1,82 +1,87 @@ [[structure-image-style-create]] -=== Setting Up an Image Style +=== Configuración de un estilo de imagen [role="summary"] -How to add an image style to reformat an image. +Cómo agregar un estilo de imagen para reformatear una imagen. -(((Image style,creating))) -(((Style,image))) -(((Effect,image))) -(((Image,resizing))) +(((Estilo de imagen,crear))) +(((Estilo,imagen))) +(((Efecto,imagen))) +(((Imagen,redimensionando))) -==== Goal +==== Objetivo -Add an image style and use it to display images on Vendor pages. +Añadir un estilo de imagen y utilizarlo para mostrar imágenes en las páginas de +proveedores. -==== Prerequisite knowledge +==== Conocimientos previos * <> * <> * <> -==== Site prerequisites +==== Requisitos previos del sitio web -* Vendor and Recipe content types must exist. See <>. +* Los tipos de contenido de proveedor y de receta deben existir. Ver +<>. -* Main image fields must exist for both content types. See <>. +* Los campos de imagen principal deben existir para ambos tipos de contenido. + Ver <>. -* Content items must exist for both content types. See -<>, <>, and <>. +* Los elementos de contenido deben existir para ambos tipos de contenido. Ver +<>, <>, y <>. -==== Steps +==== Pasos -. In the _Manage_ administrative menu, navigate to _Configuration_ > _Media_ > +. En el menú administrativo _Manage_, vaya a _Configuration_ > _Media_ > _Image styles_ (_admin/config/media/image-styles_). -. Click _Add image style_. +. Haga click en _Add image style_. -. Enter the name _Extra medium (300x200)_ +. Introduzca el nombre _Extra medium (300x200)_ -. Click _Create new style_. The page _Edit style Extra medium -(300x200)_ appears. +. Haga click en _Create new style_. La página _Edit style Extra medium +(300x200)_ aparecerá. -. In the _Effect_ table, select _Scale and crop_. Click _Add_. +. En la tabla _Effect_, seleccione _Scale y crop_. Haga click en _Add_. -. Fill in the fields as shown below. +. Rellene los campos como se muestra a continuación. + [width="100%",frame="topbot",options="header"] |================================ -|Field name | Value -|Width | 300 -|Height | 200 +|Nombre del campo | Valor +|Anchura | 300 +|Altura | 200 |================================ -. Click _Add effect_. The image style is saved with the chosen effects. +. Haga click en _Add effect_. El estilo de imagen se guarda con los efectos + elegidos. + -- // Image style editing page, with effects added. image:images/structure-image-style-create-add-style.png["Add an image style",width="100%"] -- -. In the _Manage_ administrative menu, navigate to _Structure_ > _Content types_ +. En el menú administrativo _Manage_, vaya a _Structure_ > _Content types_ (_admin/structure/types_). -. Click _Manage display_ in the _Operations_ dropdown for the Vendor content -type. The _Manage display_ page (_admin/structure/types/manage/vendor/display_) -appears. +. Haga clic en _Manage display_ en la lista desplegable _Operations_ para el +tipo de contenido del proveedor. La página _Manage display_ (_admin/structure +/types/manage/vendor/display_) aparecerá. -. Ensure that the secondary tab _Default_ is selected. +. Asegúrese de que está seleccionada la pestaña secundaria _Default_. -. Click the cogwheel next to _Main image_ for the configuration options. +. Haga click en la rueda dentada junto a _Main image_ para ver las opciones +de configuración. -. Fill in the fields as shown below. +. Rellene los campos como se muestra a continuación. + [width="100%",frame="topbot",options="header"] |================================ -|Field name | Value -|Image style | Extra medium (300x200) -|Link image to | Nothing +|Nombre del campo | Valor +|Estilo de imagen | Extra mediana (300x200) +|Vincular imagen a | Nada |================================ + -- @@ -84,36 +89,37 @@ appears. image:images/structure-image-style-create-manage-display.png["Change field formatter settings of image field"] -- -. Click _Update_. +. Haga click en _Update_. -. Click _Save_. The new image style will be used while displaying Vendor -content. +. Haga click en _Save_. El nuevo estilo de imagen se utilizará al mostrar el +contenido del proveedor. -. Open a Vendor content item and verify that it now shows up with the -scaled-down image. See <> for information on how to locate an -existing content item. +. Abra un elemento de contenido de proveedor y compruebe que ahora se muestra +con la imagen a escala reducida. Ver <> para obtener información +sobre cómo localizar un elemento de contenido existente. -. Repeat steps 8-15 for the Recipe content type. +. Repita los pasos 8-15 para el tipo de contenido receta. -// ==== Expand your understanding +// ==== Ampliar conocimiento -==== Related concepts +==== Conceptos relacionados * <> * <> * <> -==== Additional resources +==== Recursos adicionales https://www.drupal.org/docs/8/core/modules/image/working-with-images[_Drupal.org_ community documentation page "Working with images in Drupal 7 and 8"] -*Attributions* +*Atribuciones* -Adapted and edited by https://www.drupal.org/u/batigolix[Boris Doesborg], and -https://www.drupal.org/u/jojyja[Jojy Alphonso] at -http://redcrackle.com[Red Crackle] from +Adaptado y editado por https://www.drupal.org/u/batigolix[Boris Doesborg], y +https://www.drupal.org/u/jojyja[Jojy Alphonso] a +http://redcrackle.com[Red Crackle] de https://www.drupal.org/docs/8/core/modules/image/working-with-images["Working with images in Drupal 7 and 8"], -copyright 2000-2016 by the individual contributors to the +copyright 2000-2016 por el grupo de contribuyentes individuales https://www.drupal.org/documentation[Drupal Community Documentation]. +Traducido por https://www.drupal.org/u/juancasantito[Juan Santovenia].