Shortcodes in WordPress verstehen: Ein Leitfaden für Anfänger

In der WordPress-Welt sind Shortcodes eine sehr leistungsstarke Funktion. Sie ermöglichen es Ihnen, mit einem einfachen Code-Snippet komplexe Funktionen in Ihre Beiträge und Seiten einzufügen. Wenn Sie gerade erst mit der WordPress-Entwicklung beginnen, hilft Ihnen dieser Leitfaden zu verstehen, was Shortcodes sind, wie sie funktionieren und wie Sie Ihre eigenen erstellen!

Was genau sind Shortcodes?

Shortcodes sind kleine Codeteile, die Sie einem Beitrag, einer Seite oder einem Widget hinzufügen, um dynamische Inhalte einzubinden. Sie fungieren als Platzhalter, die WordPress verarbeitet und beim Laden der Seite durch komplexere Funktionen ersetzt.

Zum Beispiel könnte [Jahr] ein Shortcode sein, der verwendet wird, um das aktuelle Jahr dynamisch anzuzeigen.

Warum sollten Sie Shortcodes verwenden?

Sie bieten eine vereinfachte Möglichkeit, Ihren Inhalten erweiterte Funktionen hinzuzufügen. Anstatt denselben Code wiederholt zu schreiben, können Sie einen wiederverwendbaren Shortcode erstellen, um Zeit zu sparen und die Konsistenz zu wahren. Shortcodes eignen sich perfekt zum Hinzufügen benutzerdefinierter Funktionen wie Kontaktformulare, Schaltflächen oder Galerien zu mehreren Seiten mit der Möglichkeit, diese von einem einzigen Ort aus zu steuern.

Jetzt kommen wir zum guten Teil: Wie man benutzerdefinierte Shortcodes erstellt.

So erstellen Sie einen benutzerdefinierten Shortcode

Das Erstellen Ihres eigenen Basis-Shortcodes in WordPress erfordert nur ein wenig PHP.

1. Öffnen Sie Ihre Datei „functions.php“.

2. Erstellen Sie eine Funktion für die Aufgabe, die der Shortcode erfüllen soll.

Zum Beispiel:

function cta_button_shortcode() {
    return '<a href="#">



<h3>
  
  
  3. Register the shortcode.
</h3>

<p>The add_shortcodefunction takes two parameters: the first is the name of the shortcode, for example, [cta_button]. The second is the callback function that will handle all the logic and render the result—in this case, our cta_button_shortcode function.<br>
</p>

<pre class="brush:php;toolbar:false">add_shortcode('cta_button', 'cta_button_shortcode');

4. Verwenden Sie Ihren Shortcode!

Jetzt können Sie [cta_button] in jedem Beitrag oder jeder Seite verwenden und es wird ein Linkelement mit dem Text „Hier klicken!“ angezeigt.

Parameter zum Shortcode hinzufügen

Sie können Shortcodes auch Parameter hinzufügen, die als Attribute fungieren, die Informationen an die Shortcode-Funktion weitergeben. Dadurch können Sie den Text oder den Link unserer Schaltfläche ändern, ohne den Code bearbeiten oder zusätzliche Shortcodes erstellen zu müssen. Mit Parametern können Sie auch Standardwerte definieren, falls diese nicht im Shortcode bereitgestellt werden.

Ich empfehle dringend, sich die offizielle WordPress-Dokumentation zu den Shortcode-Atts anzusehen.

Siehe das Beispiel unten:

function cta_button_shortcode($atts) {
    $atts = shortcode_atts(
        Array(
            'text' => 'Hier klicken!', // Standardwert
            'url' => '/', // Standardwert
        ),
        $atts,
        'cta_button'
    );
    return '<a href="' . esc_url($atts['url']) . '">



<p>Jetzt können wir es als [cta_button text="Learn More" url="https://example.com"] verwenden, und wenn wir den Text und den Link ändern müssen, können wir dies tun, ohne unseren Shortcode-Code zu ändern .</p><hr>

<p>Jetzt kennen Sie die Grundlagen der WordPress-Shortcodes! Mit nur wenigen Codezeilen können Sie leistungsstarke und flexible Inhaltselemente erstellen, die Ihre Website dynamischer und einfacher zu verwalten machen. Egal, ob Sie Schaltflächen, Formulare oder einzigartige Designelemente erstellen, Shortcodes sollen Ihr Leben als Entwickler ein wenig einfacher und unterhaltsamer machen.</p>

<p>Also legen Sie los, experimentieren Sie und sehen Sie, welche coolen Funktionen Sie erstellen können! ? Shortcodes sind wie kleine Zaubertricks, die Sie jederzeit anwenden können, um WordPress noch erstaunlicher zu machen. Viel Spaß beim Codieren! ?</p>


          

            
        

Das obige ist der detaillierte Inhalt vonShortcodes in WordPress verstehen: Ein Leitfaden für Anfänger. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!