{"id":34313192,"url":"https://github.com/bangerkuwranger/slickmap-css-sitemap-for-wordpress","last_synced_at":"2026-04-29T23:32:57.522Z","repository":{"id":15456731,"uuid":"18189775","full_name":"bangerkuwranger/SlickMap-CSS-Sitemap-for-Wordpress","owner":"bangerkuwranger","description":" Wordpress plugin to create a custom HTML/CSS sitemap.","archived":false,"fork":false,"pushed_at":"2015-07-27T17:55:55.000Z","size":438,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2023-08-21T16:03:22.127Z","etag":null,"topics":["css","css-sitemap","php","sitemap","slickmap-css","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bangerkuwranger.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-03-27T20:10:41.000Z","updated_at":"2023-08-21T16:03:22.127Z","dependencies_parsed_at":"2022-07-13T22:50:31.691Z","dependency_job_id":null,"html_url":"https://github.com/bangerkuwranger/SlickMap-CSS-Sitemap-for-Wordpress","commit_stats":null,"previous_names":[],"tags_count":4,"template":null,"template_full_name":null,"purl":"pkg:github/bangerkuwranger/SlickMap-CSS-Sitemap-for-Wordpress","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangerkuwranger%2FSlickMap-CSS-Sitemap-for-Wordpress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangerkuwranger%2FSlickMap-CSS-Sitemap-for-Wordpress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangerkuwranger%2FSlickMap-CSS-Sitemap-for-Wordpress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangerkuwranger%2FSlickMap-CSS-Sitemap-for-Wordpress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bangerkuwranger","download_url":"https://codeload.github.com/bangerkuwranger/SlickMap-CSS-Sitemap-for-Wordpress/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangerkuwranger%2FSlickMap-CSS-Sitemap-for-Wordpress/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27781462,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-17T02:00:08.291Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-sitemap","php","sitemap","slickmap-css","wordpress","wordpress-plugin"],"created_at":"2025-12-17T10:02:43.609Z","updated_at":"2025-12-17T10:02:44.846Z","avatar_url":"https://github.com/bangerkuwranger.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"SlickMap CSS Sitemap\n====================\n\nWordpress plugin to create a custom HTML/CSS sitemap. Set your colors and fonts, then wrap any set of ULs in a shortcode to make an interactive sitemap. Uses Matt Everson's SlickMap CSS ([astuteo.com](http://www.astuteo.com)); give him money if you dig this. \n\n\nContributors: bangerkuwranger\n\nDonate link: http://www.chadacarino.com/burnallmoney.html\n\nTags: custom site map, html, interactive, CSS, no javascript\n\nRequires at least: 3.1\n\nTested up to: 4.1\n\nStable tag: 1.2.1\n\nLicense: MIT\n\nLicense URI: http://www.chadacarino.com/license-mit.html\n\n## Description\n\nSo, you want to make a pretty, interactive sitemap without JS, crazy formatting, or a lot of work? You can use Matt Everson's fantastic [SlickMap CSS](http://astuteo.com/slickmap/) inline, or include it in your theme. You could, if you want to generate a sitemap for a simple, single WP install site, use [Pengbo's Slick HTML Sitemap plugin](http://pengbos.com/blog/slick-html-sitemap) to generate that pretty quickly. But, if you're still reading and not downloading either of those, it probably means you want to create a custom, complex sitemap that may cover different sites, subdomains, etc... but you still don't want to make complex, brittle code on your WP site to put it together. So, use this plugin to get all of the benefits of SlickMap CSS by just wrapping a series of nested unordered lists with a shortcode. The settings allow you to pick your font and colors for each layer. Updating your map is as easy as changing the elements on your page/post in the visual editor. Easy!\n\n## Installation\n\n1. Upload the `slickmap` folder to the `/wp-content/plugins/` directory\n2. Activate the plugin through the 'Plugins' menu in WordPress\n3. Create a set of ULs, nested up to three levels deep on a page or in a post.\n4. Wrap your UL block in `[slickmap]\u003cyour map\u003e[/slickmap]`\n5. Repeat wherever you want a pretty little sitemap.\n\n## Frequently Asked Questions\n\n\n- So, what does a sitemap look like?\n\t- You can get a pretty good idea of what a slickmap based sitemap will look like by checking out Matt’s demo here: https://www.astuteo.com/slickmap/demo/ Of course, since you can change the colors and fonts using this plugin’s settings, it may look very different by the time you’re done with it.\n \n- No, what does the *code* look like?\n\t- Well, you don’t have to do anything fancy in the HTML; this plugin was designed to build sitemaps quickly using WordPress’s visual editor. The ‘Bulleted List’ button creates unordered lists (`\u003cul\u003e\u003c/ul\u003e`) for you, and you can set which level you want each page in the sitemap to appear on by using the ‘Increase Indent’ and ‘Decrease Indent’ buttons. Basically, you are making an outline view of your site that the plugin turns into a nice visual tree. BUT, if you want a real example of what the HTML looks like, because you code all of your WordPress pages on a typewriter and scan it in as raw HTML or something, here’s what the HTML would look like to generate Matt’s demo page linked above: \n\n`\u003cul\u003e`\n\n`\t\u003cli id=\"home\"\u003e\u003ca href=\"http://astuteo.com\"\u003eHome\u003c/a\u003e\u003c/li\u003e`\n\n`\t\u003cli\u003e\u003ca href=\"demo/about\"\u003eAbout Us\u003c/a\u003e`\n\n`\t\t\u003cul\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/history\"\u003eOur History\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/mission\"\u003eMission Statement\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/principals\"\u003ePrincipals\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\u003c/ul\u003e`\n\n`\t\u003c/li\u003e`\n\n`\t\u003cli\u003e\u003ca href=\"demo/services\"\u003eServices\u003c/a\u003e`\n\n`\t\t\u003cul\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/design\"\u003eGraphic Design\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/development\"\u003eWeb Development\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/marketing\"\u003eInternet Marketing\u003c/a\u003e`\n\n`\t\t\t\u003cul\u003e`\n\n`\t\t\t\t\t\u003cli\u003e\u003ca href=\"demo/social-media\"\u003eSocial Media\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\t\t\u003cli\u003e\u003ca href=\"demo/seo\"\u003eSearch Engine Optimization\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\t\t\u003cli\u003e\u003ca href=\"demo/adwords\"\u003eGoogle AdWords\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\t\u003c/ul\u003e`\n\n`\t\t\t\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/copywriting\"\u003eCopywriting\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/photography\"\u003ePhotography\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\u003c/ul\u003e`\n\n`\t\u003c/li\u003e`\n\n`\t\u003cli\u003e\u003ca href=\"demo/projects\"\u003eProjects\u003c/a\u003e`\n\n`\t\t\u003cul\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/finance\"\u003eFinance\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/medical\"\u003eMedical\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/education\"\u003eEducation\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/professional\"\u003eProfessional\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/industrial\"\u003eIndustrial\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/commercial\"\u003eCommercial\u003c/a\u003e\u003c/li\u003e`\n\n`\t\n\t\t\t\u003cli\u003e\u003ca href=\"demo/energy\"\u003eEnergy\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\u003c/ul\u003e`\n\n`\t\u003c/li\u003e`\n\n`\t\u003cli\u003e\u003ca href=\"demo/contact\"\u003eContact\u003c/a\u003e`\n\n`\t\t\u003cul\u003e`\n\n`\t\t\t\u003cli\u003e\u003ca href=\"demo/offices\"\u003eOffices\u003c/a\u003e`\n\n`\t\t\t\t\u003cul\u003e`\n\n`\t\t\t\t\t\u003cli\u003e\u003ca href=\"demo/map\"\u003eMap\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\t\t\u003cli\u003e\u003ca href=\"demo/form\"\u003eContact Form\u003c/a\u003e\u003c/li\u003e`\n\n`\t\t\t\t\u003c/ul\u003e`\n\n`\t\t\t\u003c/li\u003e`\n\n`\t\t\u003c/ul\u003e`\n\n`\t\u003c/li\u003e\t`\n\n`\u003c/ul\u003e`\n\n\n\n## Changelog\n\n* 1.2 - 4.0 Compatibility and tweaks to default css\n\n* 1.1 - Compatibility with 3.9\n\n\n## Upgrade Notice\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbangerkuwranger%2Fslickmap-css-sitemap-for-wordpress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbangerkuwranger%2Fslickmap-css-sitemap-for-wordpress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbangerkuwranger%2Fslickmap-css-sitemap-for-wordpress/lists"}