// create a styled button
function ContactButton($params, $content = null) {
extract(shortcode_atts(array(
'url' => '/contact-us',
'type' => 'style1'
), $params));
return
'<a href="' . $url . '" >' . ucwords($content) . '</a>';
}
add_shortcode('button','ContactButton');
Wenn der folgende Code auf Seite oder Post auftritt:
[button]contact us today[/button]Es wird übersetzt zu:
<a href="/contact-us" >Contact Us Today</a>Der Auftrag des Herausgebers wird weitaus einfacher und sie müssen sich keine Sorgen über das Erlernen von HTML machen. Schauen wir uns ein anderes Beispiel an, das ein einfaches Callout -Box erstellt:
// callout box
function CalloutBox($params, $content = null) {
extract(shortcode_atts(array(
'type' => 'style1'
), $params));
return
'<aside >' . $content . '</aside>';
}
add_shortcode('callout','CalloutBox');
Aber was ist, wenn unser Editor eine Schaltfl?che in das Callout -Feld einfügen m?chte?
[callout]For more information [button]contact us today[/button][/callout]Der aktuelle Code schl?gt fehl. Die CALLOUTBOX -Funktion wird zuerst aufgerufen, aber die innere [Taste] wird nicht entsprechend übersetzt. Die Schlüsselfunktion für die Behebung des Problems ist do_shortcode () - sie wendet den Shortcode -Filter von WordPress auf einen beliebigen Inhalt an. In diesem Fall m?chten wir dem Editor erlauben, in unserem [Callout] eine [Schaltfl?che] hinzuzufügen, damit wir die Rückgabeanweisung der CALLOUTBOX entsprechend ?ndern k?nnen:
return '<aside >' . do_shortcode($content) . '</aside>';Der obige verschachtelte Code funktioniert nun wie erwartet. Dem Editor w?re jedoch nicht gestattet, einen [Callout] in einer [Taste] zu nisten. Es ist Flexibilit?t wie diese, die WordPress zu einer Freude macht - Version 3.3 ist ab sofort verfügbar.
h?ufig gestellte Fragen zu WordPress verschachtelten Shortcodes
Was sind verschachtelte Shortcodes in WordPress? Sie erm?glichen es Ihnen, einen Shortcode als Attribut oder innerhalb des Inhaltsbereichs eines anderen Shortcode zu verwenden. Dies kann besonders nützlich sein, wenn Sie auf Ihrer WordPress -Site komplexe Inhaltsstrukturen oder Funktionen erstellen m?chten, ohne umfangreiche HTML- oder PHP -Code schreiben zu müssen. > Um einen verschachtelten Shortcode in WordPress zu erstellen, müssen Sie zun?chst Ihre übergeordneten und untergeordneten Shortcodes in den Funktionen Ihres Themas oder in einem benutzerdefinierten Plugin definieren. Der übergeordnete Shortcode sollte ein Attribut haben, das die Ausgabe des untergeordneten Shortcode akzeptieren kann. Der untergeordnete Shortcode sollte seine Ausgabe zurückgeben, anstatt sie direkt zu drucken. Auf diese Weise kann die Ausgabe an den übergeordneten Shortcode übergeben werden.
Warum funktionieren meine verschachtelten Shortcodes nicht? Ein h?ufiger Grund ist, dass der untergeordnete Shortcode seine Ausgabe direkt druckt, anstatt sie zurückzugeben. Ein weiterer Grund k?nnte sein, dass der übergeordnete Shortcode nicht ordnungsgem?? eingerichtet ist, um die Ausgabe des untergeordneten Shortcode zu akzeptieren. Es ist auch m?glich, dass ein Konflikt mit einem anderen Plugin oder Thema besteht.
Kann ich einen Shortcode in einem Shortcode -Attribut verwenden? Dies erfordert jedoch ein spezifisches Setup in Ihren Shortcode -Funktionen. Die übergeordnete Shortcode -Funktion muss die Funktion do_shortcode auf dem Attribut verwenden, das den verschachtelten Shortcode enth?lt.
Wie kann ich meine verschachtelten Shortcodes debuggen? von jedem Shortcode getrennt. Sie k?nnen auch verschiedene Debugging -Tools verwenden, die für WordPress verfügbar sind, z. Es ist m?glich, denselben Shortcode in sich selbst zu nisten und einen rekursiven Shortcode zu erstellen. Dies sollte jedoch mit Vorsicht erfolgen, da dies m?glicherweise zu unendlichen Schleifen führen kann, wenn sie nicht ordnungsgem?? kontrolliert werden. Flexibilit?t k?nnen Sie auch Ihren Code komplexer und zu pflegen. Es ist auch wichtig zu beachten, dass nicht alle Themen oder Plugins verschachtelte Shortcodes unterstützen. Die spezifische Funktionalit?t der Shortcodes h?ngt jedoch von den in Ihrem Thema oder in Ihrem Thema definierten Funktionen ab.
Wie kann ich die Ausgabe meiner verschachtelten Shortcodes stylen? mit CSS gestylt werden. Sie k?nnen Ihrem Shortcode -Ausgang benutzerdefinierte Klassen hinzufügen und diese Klassen dann in Ihrem CSS verwenden, um die gewünschten Stile anzuwenden. Verwenden Sie verschachtelte Shortcodes in Ihren Beitr?gen und Seiten. Sie k?nnen sie auch in Widgets verwenden, solange Ihr Thema oder Ihre Plugins Shortcodes in Widgets unterstützen.
Das obige ist der detaillierte Inhalt vonSo erstellen Sie verschachtelte Shortcodes in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
So verwenden Sie Git mit WordPress
Jun 26, 2025 am 12:23 AM
Bei der Verwaltung von WordPress -Projekten mit Git sollten Sie nur Themen, benutzerdefinierte Plugins und Konfigurationsdateien in der Versionskontrolle einbeziehen. Richten Sie .Gitignore -Dateien ein, um Upload -Verzeichnisse, Caches und sensible Konfigurationen zu ignorieren. Verwenden Sie Webhooks- oder CI -Tools, um die automatische Bereitstellung zu erreichen, und achten Sie auf die Datenbankverarbeitung. Verwenden Sie Zwei-Branch-Richtlinien (Haupt-/Entwicklung) für die kollaborative Entwicklung. Dies kann Konflikte vermeiden, die Sicherheit gew?hrleisten und die Zusammenarbeit und die Effizienz der Bereitstellung verbessern.
So verwenden Sie die WordPress -Testumgebung
Jun 24, 2025 pm 05:13 PM
Verwenden Sie WordPress-Testumgebungen, um die Sicherheit und Kompatibilit?t neuer Funktionen, Plug-Ins oder Themen zu gew?hrleisten, bevor sie offiziell gestartet werden, und vermeiden Sie es, echte Websites zu beeinflussen. Zu den Schritten zum Erstellen einer Testumgebung geh?ren: Herunterladen und Installieren lokaler Serversoftware (z. B. LocalWP, XAMPP), Erstellen einer Site, Einrichten eines Datenbank- und Administratorkontos, Installation von Themen und Plug-Ins zum Testen; Die Methode zum Kopieren einer formalen Website in eine Testumgebung besteht darin, die Website über das Plug-in zu exportieren, die Testumgebung zu importieren und den Dom?nennamen zu ersetzen. Wenn Sie es verwenden, sollten Sie darauf achten, keine realen Benutzerdaten zu verwenden, nutzlose Daten regelm??ig zu reinigen, den Teststatus zu unterstützen, die Umgebung rechtzeitig zurückzusetzen und die Teamkonfiguration zu vereinen, um die Unterschiede zu verringern.
So erstellen Sie einen einfachen Gutenberg -Block
Jun 28, 2025 am 12:13 AM
Der Schlüssel zur Erstellung eines Gutenberg -Blocks besteht darin, seine Grundstruktur zu verstehen und die Ressourcen vorne und hinterher richtig zu verbinden. 1. Bereiten Sie die Entwicklungsumgebung vor: Installieren Sie lokale WordPress, Node.js und @WordPress/Skripte; 2. Verwenden Sie PHP, um Bl?cke zu registrieren und die Bearbeitung zu definieren und Logik von Bl?cken mit JavaScript anzuzeigen. 3. Erstellen Sie JS -Dateien über NPM, um ?nderungen in Kraft zu setzen. 4. überprüfen Sie, ob der Pfad und die Symbole bei Problemen korrekt sind, oder verwenden Sie Echtzeith?ren mit Build, um eine wiederholte manuelle Zusammenstellung zu vermeiden. Aus diesen Schritten kann ein einfacher Gutenberg -Block Schritt für Schritt implementiert werden.
So schreiben Sie Regeln programmatisch um
Jun 27, 2025 am 12:21 AM
In WordPress müssen Sie beim Hinzufügen eines benutzerdefinierten Artikeltyps oder der ?nderung der festen Verbindungsstruktur die Umschreibungsregeln manuell aktualisiert. Zu diesem Zeitpunkt k?nnen Sie die Funktion fLUSH_REWRITE_RULES () über den Code aufrufen, um ihn zu implementieren. 1. Diese Funktion kann dem Thema oder dem Plug-in-Aktivierungshaken hinzugefügt werden, um automatisch zu aktualisieren. 2. Führen Sie bei Bedarf nur einmal aus, z. B. Hinzufügen von CPT, Taxonomie oder ?nderung der Verbindungsstruktur; 3. Vermeiden Sie h?ufige Anrufe, um die Leistung zu vermeiden. 4. Aktualisieren Sie in einer Umgebung mit mehreren Standorten jede Stelle gegebenenfalls separat. 5. Einige Hosting -Umgebungen k?nnen die Speicherung von Regeln einschr?nken. Klicken Sie auf Speichern auf die Seite "Einstellungen> Pinde Links" auf Speichern auf die Aktualisierung, die für nicht automatische Szenarien geeignet ist.
So richten Sie Weiterleitungen in WordPress htaccess ein
Jun 25, 2025 am 12:19 AM
TosetuprredirectsinwordPressusingThe.htaccessFile, locatetheFileUmyoRSite'srootDirectoryAddRecRecRecrulesabovethe#beginwordpresssection
Wie man ein WordPress -Thema reagiert
Jun 28, 2025 am 12:14 AM
Verwenden Sie zum Implementieren von Responsive WordPress-Themendesign zun?chst HTML5- und Mobilfunk-Meta-Tags, fügen Sie die Einstellungen für Ansichtsfenster in Header.php hinzu, um sicherzustellen, dass das mobile Terminal korrekt angezeigt wird, und organisieren Sie das Layout mit HTML5-Struktur-Tags. Zweitens verwenden Sie die CSS-Medienabfrage, um eine Stilanpassung unter verschiedenen Bildschirmbreiten zu erreichen, Stile nach dem mobilen Prinzip zu schreiben, und h?ufig verwendete Haltepunkte umfassen 480px, 768px und 1024px; Drittens, verarbeiten Sie elastisch Bilder und Layouts, setzen Sie die maximale Breite: 100% für das Bild und verwenden Sie Flexbox- oder Gitterlayout anstelle von fester Breite. Schlie?lich vollst?ndig durch Browser -Entwickler -Tools und reale Ger?te testen, die Ladeleistung optimieren und die Reaktion sicherstellen
So senden Sie E -Mails von WordPress mit SMTP
Jun 27, 2025 am 12:30 AM
UsingsMTPForWordPressemailSimProvesDeliverability undRelabilityComparedTothEdEfaultPMAIM () Funktion.1.SmtpAuthenticates withyoReMailServer, reduzierungen.2placement.2
So integrieren Sie APIs von Drittanbietern in WordPress
Jun 29, 2025 am 12:03 AM
Tointegratethird-partyapisintowordpress, folgt Thesesteps: 1.SelectasuitableAperDoBtaincredentialslikeapikeysoroAuthtokensByregistering und KeepingThemsecure
