{"id":227709,"date":"2021-04-07T14:17:17","date_gmt":"2021-04-07T13:17:17","guid":{"rendered":"https:\/\/devowl.io\/?post_type=knowledge-base&#038;p=227709"},"modified":"2021-04-07T15:58:02","modified_gmt":"2021-04-07T14:58:02","slug":"real-media-library-folders-files-in-website-frontend","status":"publish","type":"knowledge-base","link":"https:\/\/devowl.io\/de\/wissensdatenbank\/real-media-library-ordner-dateien-in-website-frontend\/","title":{"rendered":"Anzeige von Ordnern und Dateien im Website-Frontend (mit Medialist)"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p class=\"translation-block\">Du m\u00f6chtest deinen Website-Besuchern (im Frontend) Dateien zeigen, die mit Real Media Library in Ordnern organisiert sind? Real Media Library selbst bietet nur Galerien f\u00fcr Bilder an. Das kostenlose Plugin <a href=\"https:\/\/de.wordpress.org\/plugins\/media-list\/\" target=\"_blank\" rel=\"noopener\">Medialist<\/a> bietet jedoch eine Integration mit Real Media Library Ordnern, die es dir erm\u00f6glicht, Dateilisten aus Ordnern zu erstellen. Wir erkl\u00e4ren dir, wie du vorgehen solltest!<\/p>\n<h2>Was brauchst du, um Ordner\/Dateilisten im Frontend anzuzeigen?<\/h2>\n<p class=\"translation-block\">Du solltest <a href=\"https:\/\/devowl.io\/de\/wordpress-real-media-library\/\" target=\"_blank\" rel=\"noopener\">Real Media Library<\/a> und <a href=\"https:\/\/wordpress.org\/plugins\/media-list\/\" target=\"_blank\" rel=\"noopener\">Medialist<\/a> in deiner WordPress Webseite installiert haben. Diese beiden Plugins erm\u00f6glichen es uns, Ordner zu erstellen und deren Inhalte im Frontend deiner Webseite anzuzeigen.<\/p>\n<p>Au\u00dferdem solltest du bereits einen (normalen) Ordner in deiner WordPress Mediathek angelegt haben, in dem du die Dateien sortiert hast. Medialist kann die folgenden Dateitypen ausgeben, wenn sie sich in einem Real Media Library Ordner befinden (Stand: April 2021):<\/p>\n<p>pdf, doc, ppt, xls, txt, csv, cal, mp3, wav, wma, jpg, gif, png, bmp, tiff, icon, odt, odp, ods, exe, sql, xml<\/p>\n<h2>Dateilisten aus dem Real Media Library Ordner in Seite\/Beitr\u00e4ge einf\u00fcgen<\/h2>\n<p>Medialist bietet einen Shortcode, um eine Liste von Medien anzuzeigen. Du kannst den Shortcode in jedem Beitrag, jeder Seite etc. platzieren und er wird automatisch in die Medienliste im Frontend umgewandelt.<\/p>\n<p class=\"translation-block\">Es ist wichtig, dass du <code>globalitems=1<\/code> und <code>rml_folder=(Ordner ID)<\/code> als Parameter im Shortcode angibst, damit Medialist wei\u00df, aus welchem Ordner du alle Dateien anzeigen m\u00f6chtest. <code>globalitems=1<\/code> wird ben\u00f6tigt, damit Medialist alle Dateien aus dem Ordner anzeigt und nicht nur die an den Beitrag angeh\u00e4ngten Dateien. Weitere Parameter, z.B. zur Sortierung der Dateien, Anzahl der Dateien, Paginierung oder einer Suche, findest du in der <a href=\"https:\/\/wordpress.org\/plugins\/media-list\/\" target=\"_blank\" rel=\"noopener\">Dokumentation von Medialist<\/a>.<\/p>\n<p>Du findest die Real Media Library Ordner-ID, indem du den gew\u00fcnschten Ordner in deiner WordPress Medienbibliothek ausw\u00e4hlst und auf \"...\" in der Ordner-Toolbar klickst, um weitere Optionen f\u00fcr den Ordner anzuzeigen. Die Ordner-ID wird in der unteren rechten Ecke des Modals angezeigt.<\/p>\n<\/div><\/div><div class=\"w-image us_custom_92b2762d align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/finding-the-real-media-library-folder-id.png\" aria-label=\"Finde die Real Media Library Ordner ID\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"585\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/finding-the-real-media-library-folder-id-890x585.png\" class=\"attachment-large size-large\" alt=\"Finde die Real Media Library Ordner ID\" loading=\"lazy\" srcset=\"\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" data-srcset=\"\" \/><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Jetzt m\u00fcssen wir nur noch den Shortcode hinzuf\u00fcgen, um die Medienliste anzuzeigen. Das k\u00f6nnte so aussehen.<\/p>\n<pre><code class=\"language-http\">[medialist globalitems=1 rml_folder=18]<\/code><\/pre>\n<\/div><\/div><div class=\"w-image us_custom_92b2762d align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/list-of-file-of-a-real-media-library-folder-in-the-frontend.png\" aria-label=\"List of file of a Real Media Library folder in the frontend\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"434\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/list-of-file-of-a-real-media-library-folder-in-the-frontend-890x434.png\" class=\"attachment-large size-large\" alt=\"List of file of a Real Media Library folder in the frontend\" loading=\"lazy\" srcset=\"\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" data-srcset=\"\" \/><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"template":"","topic":[31],"class_list":["post-227709","knowledge-base","type-knowledge-base","status-publish","hentry","topic-common-issues-rml"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/227709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/knowledge-base"}],"version-history":[{"count":14,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/227709\/revisions"}],"predecessor-version":[{"id":227726,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/227709\/revisions\/227726"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=227709"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/topic?post=227709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}