Shortcodes Ultimate

  • Ich möchte mich ja in den Gutenberg einarbeiten und probiere nun vieles aus, auch Plugins. Dazu habe ich hier im Forum auf einer Website eine Funktion gesehen, die ich auf einer meiner Sites anwenden möchte. Wie üblich kann ich nach den Anfängen mit dem Plugin "Shortcodes Ultimate" die wichtigen weiteren Funktionen nicht anwenden. Daher also meine Fragen zu dem nachfolgenden Code:

    Code
    <!-- wp:shortcode -->
    [su_accordion class="xxxxxxxxxxxxxx  "]
      [su_spoiler title="A" open="yes" style="default" icon="plus" anchor="???????????????" class=" xxxxxxxxxxxxxx "]https://www.ehrenbreitstein.de[/su_spoiler]
      [su_spoiler title="B" open="no" style="default" icon="plus" anchor="???????????????" class="xxxxxxxxxxxxxx "]http://www.kurt-singer.de[/su_spoiler]
      [su_spoiler title="C" open="no" style="default" icon="plus" anchor="???????????????" class="xxxxxxxxxxxxxx "]http://www.thailand-seite.de[/su_spoiler]
    [/su_accordion]
    <!-- /wp:shortcode -->

    Ich gehe mal davon aus, dass die xxxxx durch eine entsprechende class ersetzt werden müssen (steht ja auch da). Wie kann ich die Links mit der entsprechenden Site verlinken? Wodurch müssen die Fragezeichen ersetzt werden?

    Meine Anfangsversuche stehen hier

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Vielleicht hilft das weiter, der erste Spoiler verlinkt aud dem selben Tab.
    Der zweite Spoiler öffnet einen neuen Tab!

    Code
    [su_spoiler title="Spoiler-TEST-1 (mit Link)" class="my_spoiler"]So zum Test ein <a href="https://exemple.com">Link</a> im Text-Exxxxbxxxxxxsxxxx[/su_spoiler]
    
    
    [su_spoiler title="Spoiler-TEST-2 (mit Link)" class="my_spoiler"]Link zu Kxxx S. Seite <a href="http://www.kxxx-sxxxx.de/" target="_blank" rel="noopener noreferrer">Link.</a>[/su_spoiler]

    Im Textmodus mit Classic-Editor ;) Aber vom Aufbau sollte das egal sein!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Du hast mir ein ganzes Buch ersetzt. Ich kann mit diesen Codes alles austesten, was ich brauch. Das Jahr fängt gut an ;)

  • Na dann Prosit :cool:;)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Noch wird nicht getrunken, erst muß ich noch felgendes lösen:
    Ich habe einen Code

    Code
    [su_spoiler title="Zu meinen Seiten" class="Akkordeon"]Link zu meiner Seite <a href="http://www.kurt-singer.de/" target="_blank" rel="noopener noreferrer">www.kurt-singer.de</a>

    Der Link wird aufgerufen durch das letzte http://www.k...........de. Ic h möchte aber den ganzen Link nur aus http://www.kurt-singer.de berstehen lassen, so dass im Spoiler nur diese Zeile als Link steht. Ich habe das im Versuch6-8 so versucht:

    Code
    [su_spoiler title="Versuch6" class="Akkordeon"]<a href="http://www.kurt-singer.de/" target="_blank" rel="noopener noreferrer" /a>[/su_spoiler]

    aber das geht ja wohl daneben.

  • Im Versuch6 willst du auf deine Seite verlinken und nur die URL da stehen haben .....
    Wenn du im letzte Spoiler in der ersten Zeile das blau markierte löscht bleibt der Link übrig. Oder reden wir aneinander vorbei?¿
    Du brauchst einen Textteil und den a-Tag mit href mit dem Link.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Im Versuch 11 ist mir das gelungen, was ich seit Lichtjahren suche ;)

    http://www.kurt-singer.de/Gutenberg/akkordeon-anlegen/

    und damit habe ich so viel gelernt, wie ich dem Buch nie entnehmen könnte. Du bist mein Held.

    Code
    [su_spoiler title="Versuch11" class=""]<a href="http://www.ehrenbreitstein.de" target="_blank" rel="noreferrer noopener" aria-label="Akkordeon  (öffnet in neuem Tab)">www.ehrenbreitstein.de </a>[/su_spoiler]

    Zumindest für heute hab ich genug (gelernt)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!