https://github.com/bangerkuwranger/slickmap-css-sitemap-for-wordpress

Wordpress plugin to create a custom HTML/CSS sitemap.
https://github.com/bangerkuwranger/slickmap-css-sitemap-for-wordpress

css css-sitemap php sitemap slickmap-css wordpress wordpress-plugin

Last synced: 2 months ago
JSON representation

Wordpress plugin to create a custom HTML/CSS sitemap.

Host: GitHub
URL: https://github.com/bangerkuwranger/slickmap-css-sitemap-for-wordpress
Owner: bangerkuwranger
License: mit
Created: 2014-03-27T20:10:41.000Z (over 12 years ago)
Default Branch: master
Last Pushed: 2015-07-27T17:55:55.000Z (almost 11 years ago)
Last Synced: 2023-08-21T16:03:22.127Z (almost 3 years ago)
Topics: css, css-sitemap, php, sitemap, slickmap-css, wordpress, wordpress-plugin
Language: PHP
Homepage:
Size: 428 KB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

SlickMap CSS Sitemap
====================

Wordpress 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.

Contributors: bangerkuwranger

Donate link: http://www.chadacarino.com/burnallmoney.html

Tags: custom site map, html, interactive, CSS, no javascript

Requires at least: 3.1

Tested up to: 4.1

Stable tag: 1.2.1

License: MIT

License URI: http://www.chadacarino.com/license-mit.html

## Description

So, 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!

## Installation

1. Upload the `slickmap` folder to the `/wp-content/plugins/` directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Create a set of ULs, nested up to three levels deep on a page or in a post.
4. Wrap your UL block in `[slickmap][/slickmap]`
5. Repeat wherever you want a pretty little sitemap.

## Frequently Asked Questions

- So, what does a sitemap look like?
- 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.

- No, what does the *code* look like?
- 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 (`

`) 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: