Layout – Webdesign

0,00 / maand excl. BTW

Layout kiezen / webdesign aanpassen

Ander webdesign / layout? Dat kan hier heel gemakkelijk!

  1. Gratis: Kies één van de voor geprogrammeerde layouts.
  2. Gratis: Pas je gekozen webdesign naar wens aan.
  3. Kies hier een andere gratis layout: Gratis implementatie.
  4. Kies een andere gratis layout: Vergoeding voor implementatie.
  5. Kies een betaald thema: Vergoeding voor implementatie.
  6. Laat een layout voor je maken.

Andere Layout

Ander Webdesign

Eénmalige betaling

1. Om welk webdesign gaat het (naam)
2. Waar kunnen wij het vinden
3. Als het in een account staat, mogen wij dan inlog-gegevens opdat wij het kunnen uploaden

Het verwijderen van webdesigns bespaart webruimte. Als er een webdesign extra op je website / webshop wordt gezet, dan kost dat webruimte.

Prijs per maand

Categorie:

Beschrijving

Simple Accessible Spoilers

Beschrijving

Create fully accessible content spoilers or accordions with a shortcode.

  1. Fully accessible to screen reader users
  2. Creates a flexible spoiler shortcode
  3. Define groups of accordions to close open accordions when another in the same group is opened.
  4. Override design in theme CSS files

Sample Code

[spoiler title="Sample Code" initial_state="expanded" tag="h2" group="a"]
Include content here
[/spoiler]

Attributes

title: should include the clickable text to be displayed in your accordion
initial_state: values include collapsed or expanded, default to “collapsed”
group: any alphanumeric value. used to define a group of accordions. when one accordion is opened all other items in the group will be closed.
tag: values include any typical html tag but a heading tag should be used for accessibility, defaults to H2

Installatie

  1. Install via WordPress Dashboard or upload simple-accessible-spoilers.zip;
  2. Activate the plugin through the ‘Plugins’ menu in WordPress;
  3. Use “spoiler” shortcode in your content;

FAQ

How can I customize design of the spoiler?

Override the styles found in styles/simple-accessible-spoilers-styles.css in your theme css files

Beoordelingen

27 juli 2021
Thanks for this little plugin, works fine.
Lees 1 beoordeling

Bijdragers & ontwikkelaars

“Simple Accessible Spoilers” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Vertaal “Simple Accessible Spoilers” in je eigen taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.0.13

  1. added active and in focus styles for selected spoiler header
  2. removed role from heading tags and enclosed the heading text inside a button tag
  3. replaced css content for dashicon arrow with span element

1.0.12

  1. corrected unescaped output variables

1.0.11

  1. removed check for post before enqueueing styles and scripts to allow the shortcode to run in archive templates
  2. changed to expansion speed of accordians to slow
  3. modernized the look of the spoilers but adding rounded corners and updated icons
  4. corrected page scroll when space bar is used to toggle accordian

1.0.10

  1. corrected aria-expanded not updating on non-active elements when another element in the same group is activated

1.0.9

  1. corrected spoiler titles being stripped when certain accented characters exists in the title

1.0.8

  1. added option to customize shortcode

1.0.7

  1. changed spoiler toggle role to link to correct validation issue

1.0.6

  1. Added attribute input validation

1.0.5

  1. Added option to group accordions so that opening a new accordion will close opened items in the same list.

1.0.4

  1. WordPress 5.5 Compatibility release

1.0.3

  1. corrected bug resulting in initial state not displaying correctly

1.0.2

  1. corrected php not object error when post object is not found in a page
  2. added jquery dependency to wp_register_script to correct jquery not being loaded in some themes

1.0.1

  1. corrected bug with scripts not enqueue as expected
  2. added dashboard messages