Squelch Tabs és Accordions Shortcodes

Leírás

Squelch Tabs and Accordions Shortcodes rövidkódokat biztosít a stílusos Web 2.0 stílusú akkordions és fülek hozzáadásához a WordPress webhelyhez: Vízszintes akkordionok, függőleges akkordionok és fülek.

Miután a bővítmény telepítve lett, egyszerű rövidkódokat lehet használni bármelyik oldalon vagy posztban, hogy fülekkel vagy akkordionokkal bővüljön.

A Tabs és accordions számos módon javíthatja weboldalát:

  • Interaktivitás hozzáadása: Az összecsukható akkordionok és fülek segítségével jobban ki lehet használni a rendelkezésre álló helyet az oldalon.
  • Stílus hozzáadása: A fülek és az akkordionok segíthetnek abban, hogy webhelye professzionálisabbnak és kidolgozottabbnak tűnjön, mint más webhelyek.
  • Helytakarékosság: A fülek és az akkordionok sok helyet takaríthatnak meg az oldalon, így a weboldal kevésbé tűnik zsúfoltnak.
  • A tartalom elkülönítése: Csak akkor jeleníti meg a tartalmat, amikor kötelező, miközben a többi rész láthatatlan és részekre osztja a tartalmat.

Ha több interaktivitást szeretne hozzáadni Tabs, Vertical és Vízszintes Accordions-okat a WordPress weboldalán, a Squelch Tabs and Accordions Shortcodes jó választás lehet.

You can demo the website on a playground website here.

Megjegyzés az érzékenységről:

Rengeteg kérdést kapunk arra vonatkozóan, hogy ez a bővítmény reszponszív-e. A bővítmény minden widgetje reszponszív kivéve a vízszintes accordion widgetet: Ez egy másik könyvtárat használ, mint a többi widget, és ez a könyvtár sajnos nem reszponszív. A jövőben hozzáadhatunk egy reszponszív vízszintes csúszkát, de egyelőre még nem elérhető.

Képernyőmentések

  • Választhat 24 jQuery UI sablon közül. Vagy készítse el sajátját.
  • A vízszintes akkordionok 4 beépített sablont tartalmaznak, vagy megtervezheti a sajátját. Alternatívaként választható az aktív jQuery UI sablon is.

Telepítés

Recommended Installation

  1. A rendszergazda felületen menjen a Plugins > Új hozzáadása menüpontra
  2. Keresés a Squelch tabs and accordions között
  3. Kattintson a „Telepítés most” gombra a bővítmény alatt a keresési eredmények között
  4. Kattintson a felugró ablakban az OK gombra
  5. Kattintson a „Bekapcsolás” gombra a bővítmény engedélyezéséhez

A frissítéseket a WordPress frissítője automatikusan szolgáltatja.

Kézi telepítés

  1. A telepítő zip fájl kicsomagolása
  2. Fájlok másolása a bővítmény könyvtárába (FTP-n keresztül vagy bárhogyan)
  3. A rendszergazdai felületen kattintva a Bővítmények gombra
  4. A bővítmény megkeresése a listában, és a „Bekapcsolás” gombra kattintani

Rendszeresen ellenőrizni kell a frissítéseket.

GYIK

What shortcodes are available?

Squelch Tabs and Accordions Shortcodes makes available 8 shortcodes: [accordions], [accordion], [haccordions], [haccordion], [tabs], [tab], [toggles] and [toggle]. The plural tags (accordions, haccordions, tabs, toggles) are wrappers that define the group of tabs or accordions. The singular shortcodes (accordion, haccordion, tab, toggle) represent the individual content items within each group.

How do I use the plugin?

Full instructions can be found on the Squelch Tabs és Accordions Shortcodes project home page on the Squelch Web Design website.

Can I change the look of the widgets?

Yes. The plugin creates jQuery UI accordions and tabs, jQuery UI-compatible toggles, and the horizontal accordions have been set up to use jQuery UI themes by default. So changing the jQuery UI theme in use on the page will change the appearance of the widgets. To change the jQuery UI theme simply go to Appearance > Tabs and Accordions and choose a theme from the drop-down menu.

You can also style the widgets with your own custom CSS if you wish by using the .squelch-taas-override class, but that is beyond the scope of this FAQ. Instructions are available on the Squelch Tabs és Accordions Shortcodes project home page.

Can I see a demo of the widgets?

Sure, on the Squelch Tabs és Accordions Shortcodes project home page.

You can also spin up your own WordPress playground and try the plugin out for yourself.

Are these widgets responsive?

All widgets is in this plugin are responsive excluding the horizontal accordion widget: It uses a different library to the other widgets, and that library is unfortunately not responsive. A new responsive horizontal slider is planned for the future.

Can I link to a tab?

Yes! As of version 0.3.7 it is possible to link to a tab. The easiest way to achieve this is to open the tab you want to link to and, if you take a look at the page address, it should change as you click the tab. If you copy and paste this address it should link directly to the tab you have chosen.

Vélemények

2024.04.09. 1 reply
This is a really useful plugin, easy to use with plenty of colour and font options to suit most folk – and it’s also easy to customise, if you know what you want and you can access your site through an ftp connection or similar (to upload your custom theme). The best bit though, is the support of the author; I reported a problem I was having with the plugin in a Support Thread, and just a few hours and some troubleshooting suggestions from the author later, a new version is made available to everyone which addresses the glitch. Great, quick and comprehensive support, which is so rare these days. Top Marks.
2019.03.16. 1 reply
I tested almost 10 tab plugins and this one suits me best. Even though it is very far from perfect, after the pain other developers put me through, I have to appreciate quality of this one. – Very fast, no content jumping – Content of tabs is within Wordpress posts thanks to properly done shortcodes, not like in most of plugins where 1 shortcode = 1 tab of content created in plugin’s interface – Starting theme is good and neutral enough to actually suffice for most of websites – There is a multitude of other themes to be picked in plugin’s settings Now the bad: – No built in responsiveness for horizontal tabs – No Font Awesome icons for tab titles Some additional thoughts: Can’t set things like font size, but it can easily be changed through CSS, so no problem for me. It’s a bit misleading that settings are under Appearance menu and on installed plugins list there is no settings option for this plugin what at start led me to think there are no settings at all. I think that some preview of available themes would be nice, checking them one by one is quite a chore and I couldn’t find any online source for these themes.
2018.01.17. 1 reply
This is the great plugin i discovered from WordPress directory I would like to say, it is the damn useful plugin for everyone who search for tabs, accordion shortcodes in wordpress post or page. Love you Matt Lowe, all the best bro.
2017.05.25. 2 replies
This is a great plugin! Simple, practical, and it works. I’ve tried for three days to find a tabs plugin with the link to tab option and this is the best one and as far as I know, the only one that’s free. Many thanks to the author. You’ve really helped me a lot.
24 (az összes) vélemény olvasása

Közreműködők és fejlesztők

“Squelch Tabs és Accordions Shortcodes” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Squelch Tabs és Accordions Shortcodes” 1 nyelvre lett lefordítva. Köszönet a fordítóknak az áldozatos munkájukért!

“Squelch Tabs és Accordions Shortcodes” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

0.4.7

  • Bug fix: settings wouldn’t save on sites that were using a translation due to some poor code in the admin screen
  • Bug fix: saving without expanding the „advanced options” resulted in a PHP warning

0.4.6

  • Bug fix: accordions and horizontal accordions without the new title_header parameter were generating errors
  • Bug fix: the minified CSS and JS weren’t being loaded on the front end of the site
  • Bug fix: Custom jQuery UI themes had incorrect names in the admin UI

0.4.5

  • Update the readme to remove references to the plugin this plugin replaced some 11+ years ago, it’s time to move on!
  • Add a link to tastewp.com to allow new users to demo the plugin in a playground install with a single click
  • New banner and icon to replace the very old banner and to lend a consistent brand image to the plugin
  • Set minimum PHP version to 7.4 – my apologies if you’re using an older version of PHP but it really is time to upgrade!
  • Ready the plugin for translation
  • Minor refactoring, removal of some old code, removal of some deprecated code, removal of some old comments
  • Allow 1.13.2, and 1.12.1 custom themes to be uploaded from the ThemeRoller
  • Allow the titles that can be added above tab/accordion/toggles etc to be changed with title_header=” attribute
  • Allow the h3 element used to render accordions and toggle headings to be changed with header=” attribute
  • Remove extraneous padding from accordion headers which didn’t play well with jQuery UI’s styles, and were no longer needed anyway
  • Removed legacy jQuery themes that weren’t in use
  • Upgrade the jQuery UI theme to 1.13.2 (the latest version available at this time)
  • Update dependencies used by the developer to build the JS and CSS to silence security warnings from GitHub’s dependabot
  • Fix bug that prevented magic URLs from working properly when on a page with parameters in the URL
  • Add a simple build script that ensures builds are consistently produced, and Git-related content isn’t pulled into the deployable archive
  • Add a simple build watch script to rebuild JS and CSS automatically on the fly when files change
  • Allow linking to an haccordion pane
  • Removed some tags from the readme as wordpress.org only allows up to 5
  • Thanks to @dan-kirshner for beta testing the plugin

0.4.4

  • Fix for CVE-2024-2499 (responsibly disclosed by Wordfence) – all attributes should now be escaped before being sent to the page to prevent stored XSS attacks
  • Update readme file to include changelog details for v0.4.3

0.4.3

  • Tested up to WP6.1.1
  • Minified CSS and JS for better CWVs scores
  • Add gitignore file, and Yarn config files
  • Improve scroll-to-tab when loading a tab from another page

0.4.2

  • Tested up to WP5.5

0.4.1

  • Bug fix: The new vanity URL code was causing an issue on PHP5 websites. Thanks to @emajluap for reporting.

0.4

  • New feature: It is now possible to disable the Magic URL feature introduced in v0.3.7 so that changing tabs/accordions does not change your site’s URL.
  • New feature: The Magic URL can also be partially branded with your own vanity URL.
  • New feature: Smooth-scroll when linking to a tab. Rather than jumping the length of the page in one go, the page will now slide smoothly before the tab/accordion switch happens.
  • Version bump for WP4.8.1.

0.3.9

  • Bug fix: Links with hash fragments that do NOT point to a tab/accordion were broken in 0.3.7 and 0.3.8. Thanks to @jschinnerer for reporting the bug.

0.3.8

  • Bug fix: When linking to, say, a tab on another page, if there are tabs on the current page, the link would always open the tab on the current page. Now fixed.

0.3.7

  • Bug fix: Perhaps not quite a bug as such, but annoying nevertheless … all themes in the admin screen are now in alphabetical order to make it easier to find themes by name.
  • New feature: It is now possible to link to a specific tab within the same page using a # fragment in the URL
  • New feature: While clicking through tabs, accordions and toggles, a # fragment is added to the URL to make it easy to link to tabs etc
  • New feature: On page load any # fragment in the URL will trigger the opening of the relevant tab, accordion or toggle
  • New feature: Roll your own jQuery UI 1.11.4 theme from the theme roller and store it in your uploads directory so that plugin upgrades do not affect your theme.

0.3.6

  • Bug fix: It’s now possible to use paragraphs or newlines to lay out your shortcodes once again.
  • Bug fix: Test for custom jQuery UI theme from jQuery UI Widgets (my thanks to RobWunderlich for reporting this bug)
  • New feature: [tab] shortcode now accepts a parameter of ‘class’ to add additional classes to your tabs.
  • New feature: Roll your own theme from the theme roller and store it in your uploads directory so that plugin upgrades do not affect your theme.
  • Version bump for WP4.5

0.3.5

  • Kisebb szoftverhiba: A sabloncsere után a rendszergazda felület még mindig a RÉGI sablont jelenítette meg, ez mostanra megoldódott.
  • Verziójavítás a WP4.4 számára

0.3.4

  • Sürgős szoftverhiba: bekezdések és szünetek zavarása

0.3.3

  • Verziójavítás (aminek működnie kell)
  • Az ikonok élesben történő elhelyezése, mivel túl sokáig voltak a dev ágon

0.3.2

  • Verziójavítás (ami rosszul sült el)

0.3.1

  • Kisebb javítás a hibakeresési módban megjelenő figyelmeztetés miatt.

0.3

  • A bővítmény ki lett tiltva a WordPress.org könyvtárból, mivel a Google CDN-ből származó jQuery-t biztosította, és megengedte a felhasználónak, hogy kiválassza, hogy a jQuery melyik verzióját szeretné futtatni az oldalán. Úgy tűnik, ez ellentétes a WordPress.org könyvtár irányelvekkel, annak ellenére, hogy az irányelvek sehol sem említik a jQuery-t, és hiába van számos olyan bővítmény a könyvtárban, amely pontosan ugyanezt teszi. Ahhoz, hogy a bővítmény újra felkerüljön a listára, a jQuery WordPress által hosztolt verzióját kellett használni, és a jQuery UI sablonfájljait be kellett csomagolni. Ennek eredményeképpen a bővítmény már nem működik a WP<3.5 alatt, és ez ellen nem sokat lehet tenni.
  • When you upgrade WordPress you may find that none of your widgets work any more due to a change in version of jQuery. This is a WordPress.org enforced change.

0.2.3

  • A .squelch-taas-override hozzáadásához szükséges kód hiányzott, hozzáadva.
  • Enabled nested accordions.
  • Selecting „no jQuery UI theme” was causing the front-end to attempt to pull in a theme named ‘none’ from the CDN.

0.2.2

  • autoHeight was always on regardless of settings on the accordions shortcode. If you prefer the old behaviour then ensure you have autoHeight=”true” on the accordions shortcode.

0.2.1

  • Fixed a bug that was preventing necessary default data being set in the options table on upgrade.

0.2

  • Added in lighter text for haccordion’s dark theme, was somehow missed out of 0.1.1
  • Added subtabs, subsubtabs, subtab and subsubtab shortcodes to allow tabs in tabs up to 3 levels deep
  • Added subhaccordions, subhaccordion, subsubhaccordions and subsubhaccordion shortcodes to allow nested horizontal accordions
  • Added toggles and toggle shortcodes and created jQuery plugin to provide toggle functionality
  • Added subtoggles, subtoggle, subsubtoggles and subsubtoggle shortocdes to allow nested toggles
  • Created admin interface configuration page with theme switcher for jQuery UI themes
  • All generated screen widgets get a class of squelch-taas-override to make overriding styles in themes easier
  • Added option to allow jQuery and jQuery UI to not be loaded if desired

0.1.1

  • Plugin now works on older versions of WordPress down to 3.3
  • pauseonhover attribute was being erroneously ignored
  • Fixes for styles in certain themes that might interfere with the horizontal accordions
  • Dark theme now has grey text in the content area by default to make it easy to use out of the box
  • Scripts and styles loaded from Google CDN for performance
  • Fix for WordPress 3.4.2 (and possibly lower)

0.1

  • Initial version