{"id":2183,"date":"2020-05-22T22:10:21","date_gmt":"2020-05-22T22:10:21","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=2183"},"modified":"2020-05-22T23:06:19","modified_gmt":"2020-05-22T23:06:19","slug":"adding-editing-albums-photo-video-albums-the7-multipurpose-wordpress-theme","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/user-guide\/toevoegen-bewerken-albums-foto-video-albums-the7-multifunctionele-wordpress-thema\/","title":{"rendered":"Albums toevoegen en bewerken (foto- \/ videoalbums)"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>Met &quot;Fotoalbums&quot; kunt u afbeeldingen en video&#039;s verzamelen. Lees hoe u het veld &quot;video-URL&quot; invult <a href=\"https:\/\/guide.the7.io\/user-guide\/slideshows\">hier<\/a>\u00a0- afb. 2.<\/p>\n<p>Om een album aan te maken, navigeert u naar &quot;WP-admin&gt; Fotoalbums&gt; Nieuw album toevoegen&quot;. De interface voor het bewerken van albums is vergelijkbaar met Portfolio Project. Losstaand van, <a title=\"Pagina hoofd\" href=\"https:\/\/the7kennisbank.nl\/user-guide\/header-style\/\">header-opties<\/a> en <a title=\"Individuele widgetgebieden\" href=\"https:\/\/guide.the7.io\/user-guide\/individual-widget-areas\">widgetized gebieden<\/a>, De interface voor het toevoegen \/ bewerken van albums heeft 2 hulpvakken genaamd \u201cMedia toevoegen \/ bewerken\u201d (fig. 1) en \u201cAlbumopties\u201d (fig. 2).<\/p>\n<div id=\"attachment_3348\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._1._Add_Edit_Media..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3348 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1._Add_Edit_Media.-2.png\" alt=\"Fig. 1. Media toevoegen \/ bewerken.\" width=\"707\" height=\"433\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Media toevoegen \/ bewerken.<\/p>\n<\/div>\n<p><strong>Media toevoegen \/ bewerken<\/strong> box is 100% identiek aan &quot;Toevoegen \/ Bewerken dia&#039;s&quot; box in diavoorstellingen (zie <a title=\"Diavoorstelling\" href=\"https:\/\/guide.the7.io\/user-guide\/slideshows\">Dit artikel<\/a> voor details).<\/p>\n<div id=\"attachment_2360\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/2015-10-30_1437.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2360\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/2015-10-30_1437.png\" alt=\"Fig. 2. Albumopties.\" width=\"651\" height=\"262\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2. Albumopties.<\/p>\n<\/div>\n<p><strong>Albumopties.<\/strong> Hier kan je:<\/p>\n<ul>\n<li>selecteer een albumpagina voor de &quot;Terug-knop&quot; (meer info is beschikbaar\u00a0<a href=\"https:\/\/the7kennisbank.nl\/user-guide\/theme-options\/post-types-the7-multipurpose-wordpress-theme\/\">hier<\/a>);<\/li>\n<li>kies hoe uw album wordt geopend vanuit de albumslijst: in een lightbox of op een aparte albumpagina;<\/li>\n<li>selecteer een lay-out voor het weergeven van afbeeldingen: diavoorstelling, galerij, lijst, fotoscroller, metselwerk of raster;<\/li>\n<li>beslissen of u de aanbevolen afbeelding wilt uitsluiten van het album (dwz gebruik die foto alleen als albumhoes);<\/li>\n<li>beslissen of u tekstinhoud wilt weergeven.<\/li>\n<\/ul>\n<p>Afhankelijk van een gekozen lay-out, krijgt u een reeks opties om deze lay-out te configureren. Bijvoorbeeld Diavoorstelling (afb. 3) of Galerij (afb. 4).<\/p>\n<h3>Diavoorstelling<\/h3>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.1._Display_media_as_a_slideshow._001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3321\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.1._Display_media_as_a_slideshow._001.png\" alt=\"Afb.3.1. Geef media weer als een diavoorstelling.\" width=\"753\" height=\"476\"><\/a><\/p>\n<div id=\"attachment_3324\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.1._Display_media_as_a_slideshow._002.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3324\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.1._Display_media_as_a_slideshow._002.png\" alt=\"Afb.3.1. Geef media weer als een diavoorstelling.\" width=\"770\" height=\"489\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3. Geef media weer als een diavoorstelling.<\/p>\n<\/div>\n<p>De enige specifieke optie in dit geval (fig. 3) zijn de verhoudingen van de schuifregelaar.<\/p>\n<h3>Galerij<\/h3>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/fig.4.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3327 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/fig.4.1.png\" alt=\"\" width=\"771\" height=\"474\"><\/a><\/p>\n<div id=\"attachment_3328\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._4.1._Display_media_as_a_gallery..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3328\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4.1._Display_media_as_a_gallery..png\" alt=\"Afb.4.1. Geef media weer als een galerij.\" width=\"669\" height=\"460\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4. Geef media weer als een galerij.<\/p>\n<\/div>\n<p>&quot;Laat media zien als: <strong>Galerij<\/strong>\u201dStelt je in staat om de media in de vorm van fantasie te tonen <a href=\"https:\/\/the7.io\/main\/shortcodes\/4-shortcodes\/standard-media-gallery\/\">galerij in metro-stijl<\/a>. U kunt het gewenste aantal kolommen kiezen en de eerste afbeelding x2 groot maken.<\/p>\n<h3>Lijst<\/h3>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig.5.1_001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3332 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig.5.1_001.png\" alt=\"\" width=\"707\" height=\"437\"><\/a><\/p>\n<div id=\"attachment_3333\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._5._Display_media_as_a_list..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3333\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._5._Display_media_as_a_list..png\" alt=\"Fig. 5. Geef media weer als een lijst.\" width=\"430\" height=\"479\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 5. Geef media weer als een lijst.<\/p>\n<\/div>\n<p>Toon media als: <strong>Lijst\u00a0<\/strong>(Afb.5). Als u deze optie kiest, worden uw afbeeldingen weergegeven als een saaie lijst met afbeeldingen; is hier zelfs geen extra optie?<\/p>\n<h3>Foto-scroller<\/h3>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/fig.6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3335 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/fig.6.png\" alt=\"\" width=\"704\" height=\"495\"><\/a><\/p>\n<div id=\"attachment_3336\" class=\"wp-caption aligncenter c6\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._6._Display_media_as_PhotoScroller..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3336\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._6._Display_media_as_PhotoScroller..png\" alt=\"Fig. 6. Geef media weer als PhotoScroller.\" width=\"1206\" height=\"472\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 6. Geef media weer als PhotoScroller.<\/p>\n<\/div>\n<p>Toon media als: <strong>Foto-scroller<\/strong>. In feite is dit dezelfde fotoscroller als u ziet in de &quot;<a href=\"https:\/\/the7kennisbank.nl\/user-guide\/slideshow\/\">Opties voor paginakoptekst&gt; Photo Scroller<\/a>\u201c. U heeft hier dezelfde reeks opties:<\/p>\n<ul>\n<li>layout: diavoorstelling op volledig scherm (zal tekstgebied verbergen) of diavoorstelling op volledig scherm + tekstgebied;<\/li>\n<li>achtergrond achter de schuifregelaar;<\/li>\n<li>toon \/ verberg pixel-overlay.<\/li>\n<li>opvulling;<\/li>\n<li>ondoorzichtigheid van inactieve dia&#039;s;<\/li>\n<li>miniatuurstreep. U kunt het standaard verbergen \/ tonen of helemaal uitschakelen;<\/li>\n<li>miniaturen breedte en hoogte;<\/li>\n<li>specificeer de standaardstatus van de schuifregelaar: afspelen of onderbroken;<\/li>\n<li>snelheid voor automatisch afspelen (interval);<\/li>\n<li>2 blokken met instellingen voor liggende en staande afbeeldingen: minimale en maximale breedte, vulmodus (passen of vullen) voor desktops en mobiele apparaten.<\/li>\n<\/ul>\n<h3>Metselwerk en raster<\/h3>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/fig.6_001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3340\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/fig.6_001.png\" alt=\"\" width=\"708\" height=\"504\"><\/a><\/p>\n<div id=\"attachment_3341\" class=\"wp-caption aligncenter c7\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._6._Display_media_as_Masonry_layout..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3341\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._6._Display_media_as_Masonry_layout..png\" alt=\"Fig. 6. Geef media weer als metselwerklay-out.\" width=\"1118\" height=\"431\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 7. Geef media weer als metselwerklay-out.<\/p>\n<\/div>\n<p>In feite is dit dezelfde lay-out als u ziet in het <a href=\"https:\/\/the7kennisbank.nl\/user-guide\/custom-post-types\/displaying-blog-the7-multipurpose-wordpress-theme\/\">Element &quot;Blog Masonry &amp; Grid&quot;<\/a>. Je hebt hier bijna dezelfde reeks opties:<\/p>\n<ul>\n<li>kies metselwerk of rasterlay-out;<\/li>\n<li>specificeer hoeveel afbeeldingen er per pagina moeten worden weergegeven;<\/li>\n<li>specificeer de opening tussen afbeeldingen en de minimale breedte van de kolom;<\/li>\n<li>stel het gewenste aantal kolommen in;<\/li>\n<li>maak deze galerij 100% browserbreed;<\/li>\n<li>beslissen of u het formaat van afbeeldingen wilt wijzigen of niet;<\/li>\n<li>selecteer het laden van animatie-effect.<\/li>\n<\/ul>\n<h2>Gerechtvaardigd raster<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/fig.7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3344\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/fig.7.png\" alt=\"\" width=\"706\" height=\"488\"><\/a><\/p>\n<div id=\"attachment_3345\" class=\"wp-caption aligncenter c8\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._7._Display_media_as_Justified_Grid_layout..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3345\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._7._Display_media_as_Justified_Grid_layout..png\" alt=\"Fig. 7. Geef media weer als uitgevulde rasterlay-out.\" width=\"1120\" height=\"356\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 8. Geef media weer als uitgevulde rasterlay-out.<\/p>\n<\/div>\n<p>Deze lay-out ziet eruit als <a href=\"https:\/\/the7kennisbank.nl\/user-guide\/custom-post-types\/displaying-portfolio-the7-multipurpose-wordpress-theme\/\">Element &quot;Portfolio Justified Grid&quot;<\/a>. De enige specifieke instellingen die het heeft zijn:<\/p>\n<ul>\n<li>kloof tussen afbeeldingen;<\/li>\n<li>rij doelhoogte;<\/li>\n<li>maak deze galerij 100% browserbreed;<\/li>\n<li>verberg de laatste rij als er niet genoeg afbeeldingen zijn om deze te vullen;<\/li>\n<li>beslissen of u het formaat van afbeeldingen wilt wijzigen of niet;<\/li>\n<li>selecteer het laden van animatie-effect.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\u201cPhoto Albums\u201d allow to gather images and videos. Read on how to fill-in \u201cvideo URL\u201d field here\u00a0\u2013 fig. 2. To create an album, navigate to \u201cWP-admin &gt; Photo Albums &gt; Add new Album\u201d. Album editing interface is similar to Portfolio Project. Apart from, header options and widgetized areas, Albums adding\/editing interface has 2 auxiliary boxes&hellip;<\/p>","protected":false},"author":2,"featured_media":2312,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[16,9],"tags":[],"class_list":["post-2183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-custom-post-types","category-user-guide","category-16","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=2183"}],"version-history":[{"count":4,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2183\/revisions"}],"predecessor-version":[{"id":2560,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2183\/revisions\/2560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/2312"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=2183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=2183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=2183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}