{"id":218,"date":"2022-06-30T08:14:41","date_gmt":"2022-06-30T08:14:41","guid":{"rendered":"https:\/\/temausal2022.usal.es\/?page_id=218"},"modified":"2023-04-21T08:47:35","modified_gmt":"2023-04-21T08:47:35","slug":"galerias-de-imagenes","status":"publish","type":"page","link":"https:\/\/temausal2023.usal.es\/en\/galerias-de-imagenes\/","title":{"rendered":"(Espa\u00f1ol) Galer\u00edas de im\u00e1genes"},"content":{"rendered":"<\/a><\/em><em>]<\/em><\/p>\n<p>Podemos incluir en nuestras p\u00e1ginas galer\u00edas de im\u00e1genes con efecto de pase de diapositivas. Vamos a ver el proceso.<br \/>\nEl proceso requiere tres pasos:<\/p>\n<ul>\n<li>Creaci\u00f3n de la galer\u00eda<\/li>\n<li>Asignaci\u00f3n de las im\u00e1genes a la galer\u00eda<\/li>\n<li>Inserci\u00f3n de la galer\u00eda en la p\u00e1gina.<\/li>\n<\/ul>\n<h5>Creaci\u00f3n de la galer\u00eda<\/h5>\n<p>En la parte inferior izquierda del men\u00fa de administraci\u00f3n aparece un enlace etiquetado como <strong>\u00abSlideshow\u00bb<\/strong>. Situando el cursor encima nos aparece un submen\u00fa<br \/>\n<strong><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-257 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal1-300x167.jpg\" alt=\"gal1\" width=\"300\" height=\"167\" \/><\/strong><br \/>\nseleccionamos inicialmente la opci\u00f3n <strong>Manage Galleries. <\/strong>Si estamos empezando y no tenemos ninguna galer\u00eda creada previamente, nos aparecer\u00e1 un formulario como el siguiente:<strong><br \/>\n<\/strong><br \/>\n<strong><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-258 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal2-300x50.jpg\" alt=\"gal2\" width=\"762\" height=\"127\" \/><\/strong><br \/>\nSeleccionamos la opci\u00f3n <strong>Add New <\/strong>y, en el formulario que se despliega, proporcionamos un t\u00edtulo a la galer\u00eda que queremos crear (evitemos acentos o caracteres extra\u00f1os)<br \/>\n<strong><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-259 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal3-300x63.jpg\" alt=\"gal3\" width=\"700\" height=\"147\" \/><\/strong><br \/>\nLa guardamos y nos devuelve a la p\u00e1gina anterior, pero, esta vez, con nuestra galer\u00eda ya en la lista. Adem\u00e1s, se indica el n\u00famero de im\u00e1genes que tiene (de momento 0), un identificador y el c\u00f3digo para insertarla en la p\u00e1gina (esto \u00faltimo, en general no lo necesitaremos ya que se insertar\u00e1 autom\u00e1ticamente).<br \/>\n<strong> <img loading=\"lazy\" decoding=\"async\" class=\" wp-image-260 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal4-300x88.jpg\" alt=\"gal4\" width=\"695\" height=\"204\" \/><\/strong><\/p>\n<h5>Asignaci\u00f3n de las im\u00e1genes a la galer\u00eda<\/h5>\n<p>Ahora que hemos creado la librer\u00eda, debemos proporcionarle las im\u00e1genes. En el men\u00fa anterior (Slideshow) seleccionamos la opci\u00f3n <strong>Manage Slides. <\/strong>De nuevo nos conduce a un formulario en el que\u00a0 de momento no aparecer\u00e1 ninguna imagen.Vamos a\u00f1adirlas.<br \/>\nSi solamente cargamos una imagen optaremos por <strong>Add New<\/strong>, pero en el caso de querer cargar en lote un grupo de im\u00e1genes, seleccionaremos la opci\u00f3n <strong>Add Multiple<\/strong>. Como es la m\u00e1s frecuente, ser\u00e1 esta nuestra elecci\u00f3n.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-261 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal5-300x126.jpg\" alt=\"gal5\" width=\"519\" height=\"218\" \/><br \/>\nEmpezamos por elegir las im\u00e1genes. <strong>Choose files <\/strong>nos lleva a la<em> galer\u00eda de medios<\/em> donde seleccionamos todas las que deseamos incluir. Si las im\u00e1genes ya est\u00e1n en nuestra galer\u00eda de medios, simplemente las seleccionamos. En caso contrario tenemos que subirlas desde nuestro ordenador. para ello, solamente tendremos que seleccionarlas en el ordenador y arrastrarlas hasta la biblioteca, como en la imagen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-262 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal6-300x205.jpg\" alt=\"gal6\" width=\"492\" height=\"336\" \/><br \/>\nUna vez hecho esto, las podremos ver en la biblioteca. Seleccionamos, si no lo estuvieran ya, las im\u00e1genes que van a la galer\u00eda y, en la parte inferior derecha seleccionamos la opci\u00f3n <strong>Select images as Slides<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-263 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal7-300x177.jpg\" alt=\"gal7\" width=\"597\" height=\"352\" \/><br \/>\nYa esta la galer\u00eda creada. Aqu\u00ed podremos editar el t\u00edtulo de cada una (por defecto aparece el nombre del fichero de la imagen) o incluir una descripci\u00f3n. Seleccionamos<strong> (1)<\/strong> la galer\u00eda en donde queremos incluir las imagenes (en este caso \u00abimagenes para galeria de inicio\u00bb) y <strong>(2)<\/strong> grabamos la galer\u00eda. Ya hemos terminado.<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-264 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal8-300x219.jpg\" alt=\"gal8\" width=\"612\" height=\"447\" \/><br \/>\nComo vemos, la pantalla con las im\u00e1genes que antes aparec\u00eda vac\u00eda, ahora nos muestra las que hemos cargado, indicando la galer\u00eda a la que pertenecen y otras informaciones adicionales.<\/p>\n<h5><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-265 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal9-300x121.jpg\" alt=\"gal9\" width=\"613\" height=\"247\" \/>Inserci\u00f3n de la galer\u00eda en la p\u00e1gina.<\/h5>\n<p>Podemos crear una p\u00e1gina para la galer\u00eda o incluirla en cualquier lugar de un p\u00e1rrafo de una p\u00e1gina ya creada. Veamos, por ejemplo, el primer caso.<br \/>\nComo hemos hecho en otras ocasiones, creamos una p\u00e1gina nueva (Escritorio-&gt;P\u00e1ginas-&gt;A\u00f1adir nueva). Le asignamos un nombre (opcional) y en la zona del contenido de la p\u00e1gina, en la barra de herramientas, seleccionamos la que corresponde\u00a0 <strong>Insert a Slideshow Gallery<\/strong> como en la imagen<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-267 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal10-300x142.jpg\" alt=\"gal10\" width=\"608\" height=\"288\" \/><br \/>\nEsto nos lleva a un submen\u00fa, en el que indicamos que las im\u00e1genes proceden de una galer\u00eda y la seleccionamos debajo (v\u00e9ase la imagen siguiente)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-268 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal11-300x185.jpg\" alt=\"gal11\" width=\"605\" height=\"373\" \/><br \/>\nUna vez que aceptemos los cambios nos devuelve a la p\u00e1gina anterior, pero habiendo incluido un breve c\u00f3digo que corresponde al carrusel de im\u00e1genes creado.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-269 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal12-300x189.jpg\" alt=\"gal12\" width=\"623\" height=\"392\" \/><br \/>\nPublicamos o actualizamos, seg\u00fan sea el caso, la p\u00e1gina y listo. Podremos ver el resultado de la p\u00e1gina con un aspecto semejante a este:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-266 aligncenter\" src=\"http:\/\/ayudawcds.usal.es\/wp-content\/uploads\/sites\/3\/2017\/04\/gal13-300x165.jpg\" alt=\"gal13\" width=\"631\" height=\"347\" \/><\/p>\n<\/article>\n<\/div>\n<p><\/main><\/div>\n<div class=\"wid-dcha\">\n<div class=\"widget-column footer-widget-1\">\n<section id=\"calendar-2\" class=\"widget widget_calendar\">\n<div id=\"calendar_wrap\" class=\"calendar_wrap\"><\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>] Podemos incluir en nuestras p\u00e1ginas galer\u00edas de im\u00e1genes con efecto de pase de diapositivas. Vamos a ver el proceso. El proceso requiere tres pasos: Creaci\u00f3n de la galer\u00eda Asignaci\u00f3n de las im\u00e1genes a la galer\u00eda Inserci\u00f3n de la galer\u00eda &hellip; <a href=\"https:\/\/temausal2023.usal.es\/en\/galerias-de-imagenes\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-218","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":1,"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/pages\/218\/revisions\/1069"}],"wp:attachment":[{"href":"https:\/\/temausal2023.usal.es\/en\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}