HTML Page Sitemap (Block and Shortcode) vs Lightweight Accordion

This simple plugin adds an HTML (Not XML) sitemap of your pages (not posts) by using the shortcode [html_sitemap]. This plugin can display a sitemap with specific depths, from a specific parent page and include/exclude specific pages by ID. The sitemap uses the unordered HTML list tags and . New for 2.0 is the HTML Sitemap Block, now you can add a HTML Sitemap using the WordPress Block Editor. Attributes include sort_column, sort_order, exclude, include, depth, child_of, meta_key, meta_value, authors, number, offset, post_type, and post_status parameters from the wp_list_pages function. In addition you can also set class, id, and ordered_list_type to further customize the html page sitemap. This plugin is perfect for those who use WordPress as a CMS. Block / Shortcode Tag Attribute Options The following wp_list_pages tag attribute options are supported: authors — Comma-separated list of author IDs. Default empty (all authors). child_of — ID of child page, ‘CURRENT’, or ‘PARENT’. The value ‘CURRENT’ will use the current page ID. The value ‘PARENT’ will use the current page parent ID. depth — -1 (any depth), 0 (all pages), 1 (top-level pages only), 2 (top-level and 2nd level pages only), etc. date_format — e.g. ‘l, F j, Y’. See WordPress Date Format exclude — Comma-separated list of page IDs to exclude. include — Comma-separated list of page IDs to include. item_spacing — Whether to preserve whitespace within the menu’s HTML. Accepts ‘preserve’ or ‘discard’. meta_key — Limits output to pages having a specific custom field key. meta_value — Limits output to pages having a specific custom field value. number — Limits the number of links displayed (SQL LIMIT). offset — Skips a specific number of pages before displaying the list. post_type — Post type to query for. Default ‘page’ post_status — Comma-separated list or array of post statuses to include. Default ‘publish’ show_date — Whether to display the page publish or modified date for each page. Accepts ‘modified’ or any other value. An empty value hides the date. sort_column — Comma-separated list of column names to sort the pages by. Accepts ‘post_author’, ‘post_date’, ‘post_title’, ‘post_name’, ‘post_modified’, ‘post_modified_gmt’, ‘menu_order’, ‘post_parent’, ‘ID’, ‘rand’, or ‘comment_count’. Default ‘menu_order, post_title’. sort_order — ‘ASC’ or ‘DESC’. Default ‘ASC’. Please see documentation for the wp_list_pages function for reference. Demos Demo of the HTML Sitemap Block Demo of the HTML Sitemap shortcode In addition the following tag attributes are available exclusively for this plugin: class — Specify class values for the initial HTML Page Sitemap list tag. id — Specify ID values for the initial HTML Page Sitemap list tag. ordered_list_type — Specify the ordered list type. Accepts ”, ‘1’, ‘A’, ‘a’, ‘I’, and ‘i’. Default empty value will display an unordered list. The ordered_list_type attribute options in more detail: ordered_list_type="" — The list items will be unordered ordered_list_type="1" — The list items will be numbered with numbers ordered_list_type="A" — The list items will be numbered with uppercase letters ordered_list_type="a" — The list items will be numbered with lowercase letters ordered_list_type="I" — The list items will be numbered with uppercase roman numbers ordered_list_type="i" — The list items will be numbered with lowercase roman numbers Note: This plugin only works with Hierarchical Custom Post Types such as pages. This plugin will not work if your post type is not hierarchical. Not setting an ordered_list_type will use an unordered list (default). Examples First example shows how to add a sitemap for the entire site. [html_sitemap] Example shortcode will add a sitemap to a page displaying a depth limit of 3 and exclude page ID 708. [html_sitemap depth=3 exclude=708] Example shortcode will add a sitemap to a page displaying only children and grandchildren of the current page. [html_sitemap depth=2 child_of=CURRENT] Example shortcode will add a sitemap to a page displaying children and grandchildren of the parent page (would include the curent page as well). [html_sitemap depth=2 child_of=PARENT] Example shortcode will add a sitemap displaying the page modified date with the pages sorted by the menu order number. [html_sitemap show_date=modified sort_column=menu_order] Example shortcode excluding multiple pages with ids 708, 1024 and 42. [html_sitemap exclude="708,1024,42"] Example shortcode will add a class attribute to the tag. [html_sitemap class="custom-class"] Example shortcode will add an id attribute to the tag. [html_sitemap id="custom-element-id"] Example shortcode will display an ordered list using lowercase letters with a depth of 1. [html_sitemap ordered_list_type="a" depth=1] Example shortcode with roman numbering in capitalization, with custom field “featured-list” and custom value “yes” [html_sitemap ordered_list_type="I" meta_key=featured-list meta_value=yes sort_column=post_date] For the latest information visit the website. http://www.pluginspodcast.com/plugins/html-page-sitemap/ Contributors Angelo Mandato, founder of Painless Analytics and FrontPup – Plugin author

Lightweight Accordion plugin for WordPress allows you to add collapse elements to posts using a Gutenberg block or a shortcode (via classic editor). By using the details HTML tag and a few lines of CSS this allows for a javascript-free accordion for minimum page load. Extremely Lightweight (<1kb): Without using Javascript the plugin uses the native details HTML tag and a few lines of code for almost no impact on front-end. Customizable: Options include customizing the HTML tag used for the accordion title, open by default, borders, colors, and accordion grouping (auto-close others when one opens). Shortcode Usage examples Here are a few examples of using the accordion plugin with shortcodes. [lightweight-accordion title="My Accordion"]My Content[/lightweight-accordion] Additionally you can display the accordion open on load with the accordion_open option. [lightweight-accordion title="My Accordion" accordion_open=true]My Content[/lightweight-accordion] You can also change the html tag wrapping the title of the accordion using the title_tag option. [lightweight-accordion title="My Accordion" title_tag="h3"]My Content[/lightweight-accordion] If you want to include FAQ schema you can add the schema option and set it to faq. [lightweight-accordion title="What is your return policy?" schema="faq"]You have 1 week to return your items[/lightweight-accordion] If you’d like put a border around the content of the accordion you can use the “bordered” attribute. [lightweight-accordion title="Bordered Content" bordered=true]My Content[/lightweight-accordion] If you want accordions to auto-close when another opens (exclusive accordion), use the “group” attribute with the same value on each accordion. [lightweight-accordion title="Question 1" group="faq"]Answer 1[/lightweight-accordion] [lightweight-accordion title="Question 2" group="faq"]Answer 2[/lightweight-accordion] [lightweight-accordion title="Question 3" group="faq"]Answer 3[/lightweight-accordion] If you’d like to swap the default triangle marker for a chevron or plus/minus icon (optionally on the right side of the title) use the “icon” and “icon_position” attributes. [lightweight-accordion title="My Accordion" icon="chevron" icon_position="right"]My Content[/lightweight-accordion] Shortcode Options Here is the full listing of shortcode options. Additionally all of these options are accessible when using the Gutenberg block. title (Required Default: null) The title of your accordion will be displayed at the top for users to click. A good example would be to include a user’s question so they could click it for more details. content (Required Default: null) Content that will go into your accordion element. title_tag (Default: “span”) This sets the html tag that wraps the title in the accordion summary. Useful if you want to make it a heading tag for SEO purposes. accordion_open (Default: false) Set this to true if you want your accordion to be open by default. bordered (Default: false) Set this to true if you want a border around the accordion content. title_text_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. title_background_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. schema (Default: false) Set this to faq if you’d like FAQ schema to be included. class (Default: false) Used to add a custom class to the parent container of the accordion. anchor (Default: null) Adds the value as an ID to the accordion div as an anchor. autop (Default: true) By default the shortcode will wrap text in a ‘p’ tag. Set this to false if you’d like this disabled for the specific accordion. group (Default: false) Set this to a group name to make accordions with the same group auto-close when another opens. Uses the native HTML details name attribute for zero JavaScript overhead. icon (Default: false) Set this to “chevron”, “plus”, or “none” to replace the default triangle marker. The chevron rotates and the plus becomes a minus when the accordion opens. icon_position (Default: false) Set this to “right” to display the chevron or plus icon on the right side of the accordion title. Additional Details If you’d like to remove the “lightweight-accordion.css” from being enqueued on your site use the filter below. It’s recommend you style the accordion yourself if you use this filter. add_filter('lightweight_accordion_include_frontend_stylesheet', '__return_false' ); If you’d like to remove the “lightweight-accordion/editor-styles.css” from being enqueued in the admin area of your site you can use the filter below. add_filter('lightweight_accordion_include_admin_stylesheet', '__return_false' ); If you’d like to remove processing of shortcodes in accordion content you can use this filter. add_filter('lightweight_accordion_process_shortcodes', '__return_false' ); If you’d like to use inline Microdata for FAQ schema you can use this filter. (Not recommended) add_filter('lightweight_accordion_output_microdata', '__return_true' ); If you’d like to force “lightweight-accordion.css” to load on all of your site you can use this filter. By default the plugin will detect if the block or shortcode is used and enqueue the CSS. add_filter('lightweight_accordion_always_include_frontend_stylesheet', '__return_true' ); When a page contains an accordion a tiny inline script is added to the footer that automatically opens accordions targeted by a URL hash (for example a link to an accordion’s anchor). If you’d like to disable this you can use the filter below. add_filter('lightweight_accordion_anchor_script', '__return_false' );