{"id":536,"date":"2010-12-18T19:17:46","date_gmt":"2010-12-18T19:17:46","guid":{"rendered":"http:\/\/pariswells.com\/blog\/?p=536"},"modified":"2011-11-25T23:30:36","modified_gmt":"2011-11-25T23:30:36","slug":"how-the-list-nextgen-gallery-albums-and-galleries-in-an-accordion-menu","status":"publish","type":"post","link":"https:\/\/pariswells.com\/blog\/code\/how-the-list-nextgen-gallery-albums-and-galleries-in-an-accordion-menu","title":{"rendered":"How to List NextGEN Albums and Galleries in an Accordion Menu"},"content":{"rendered":"\r\n<p><a href=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2010\/12\/listmenu.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-549 img-responsive\" title=\"listmenu\" src=\"http:\/\/pariswells.com\/blog\/wp-content\/uploads\/2010\/12\/listmenu.jpg\" alt=\"\" width=\"121\" height=\"109\" \/><\/a>I used the existing code <a href=\"http:\/\/wordpress.org\/support\/topic\/plugin-nextgen-gallery-menu-list-for-albums-and-galleries\">here<\/a> to generate a list of Albums and Galleries from NextGEN Gallery, then used used CSS to produce an Accordion Menu file structure<\/p>\r\n<p><strong>PHP Code :<\/strong> <strong><a href=\"http:\/\/www.pariswells.com\/upload\/album-list.txt\">File Link Here<\/a><\/strong> Save this file in your plugins directory : nextgen-gallery\/view as &#8220;album-list.php&#8221; , you can then call this in a wordpress page by using &#8220;[album id=0 template=list]&#8221; on the page<\/p>\r\n<p><strong>CSS Code <\/strong> Add this CSS to the bottom of your CSS File in your wordpress theme , edit for your own site color etc <strong><a href=\"http:\/\/www.pariswells.com\/upload\/Accordion.css\">File Link Here <\/a><\/strong><\/p>\r\n<div id=\"_mcePaste\">Once this has been done , organise your galleries and into albums , then this will start populating!<\/div>\r\n<div>Link the bullet point image mentioned : <a href=\"http:\/\/pariswells.com\/upload\/arrow.gif\">http:\/\/pariswells.com\/upload\/arrow.gif<\/a><strong><a href=\"http:\/\/www.pariswells.com\/upload\/Accordion.css\"><br \/> <\/a><\/strong><\/div>\r\n<div>Due to Comments below I have added the whole Style.css based on twenty ten theme : <a href=\"http:\/\/pastebin.com\/MPmcWzYC\">http:\/\/pastebin.com\/MPmcWzYC<\/a> and nggallery.css <a href=\"http:\/\/pastebin.com\/qUhLeCBT\">http:\/\/pastebin.com\/qUhLeCBT<\/a> just in case it&#8217;s changed with a latest version of NextGen<\/div>\r\n<p>&nbsp;<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>I used the existing code here to generate a list of Albums and Galleries from NextGEN Gallery, then used used CSS to produce an Accordion Menu file [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[324,322,323,321],"class_list":["post-536","post","type-post","status-publish","format-standard","hentry","category-code","tag-nextgen-gallery-accordian-menu","tag-nextgen-gallery-list-albums","tag-nextgen-gallery-list-galleries","tag-wordpress-accordion-menu"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/comments?post=536"}],"version-history":[{"count":16,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/536\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/536\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/media?parent=536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/categories?post=536"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/tags?post=536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}