Erstellen Sie in zehn Minuten ein dynamisches Widget in WordPress

Erstellen Sie schnell WordPress -Widgets: Keine Programmierungserfahrung erforderlich

Dieses Tutorial führt Ihnen an, wie Sie dynamische Widgets in WordPress erstellen, die leicht gestartet werden können, selbst wenn Sie begrenzte Programmierkenntnisse haben.

WordPress -Widgets sind Codeblöcke, die zu einem bestimmten Bereich einer WordPress -Website hinzugefügt werden können. WordPress hat viele Widgets integriert (z. B. Tag -Cloud und Kategorien). Dieses Tutorial hilft Ihnen jedoch dabei, schnell benutzerdefinierte Widgets von Grund auf neu zu erstellen.

Wir werden mit einem Beispiel demonstrieren: Erstellen eines dynamischen Widgets, das Echtzeit-Cricket-Match-Daten anzeigt. Auf diese Weise werden Sie mit den verschiedenen Funktionen im Zusammenhang mit WordPress -Widgets vertraut.

Vorbereitung

Sicherstellen Sie unbedingt Ihren WordPress -Code, bevor Sie mit unerwarteten Fehlern einen Code schreiben. Es wird empfohlen, die Grundlagen der programmorientierten PHP-objektorientierten Programmierung zu verstehen. Dieses Tutorial wurde auf WordPress Version 4.9.8 erstellt.

Codesposition

Wenn Sie Widgets nur in einem bestimmten Thema verwenden möchten, können Sie den Code in die Datei functions.php dieses Themas einfügen. Dies begrenzt jedoch die Verwendung des Widgets.

Dieses Tutorial erstellt ein neues Plugin zum Speichern von Widgets, damit sie über Themen hinweg verwendet werden können. Das Plugin verwendet die API, um eine Liste von Live -Cricket -Übereinstimmungen anzuzeigen.

Grundlagen der Gadget -Entwicklung

Um ein WordPress -Widget zu erstellen, müssen Sie die WP_Widget -Klasse erweitern. In Ihrer Widget -Klasse müssen Sie die folgende Funktion definieren:

• Konstruktor (__construct)
• Gangwerkzeuganzeigefunktion (widget): Widget -Inhalt
anzeigen
• Formfunktion (form): Wenn Sie ein Formular definieren müssen, das Eingabe
akzeptiert
• aktualisieren Sie die Funktion (update): Wenn Sie die Gadget -Einstellungen
aktualisieren müssen

In diesem Beispiel müssen wir nur die ersten beiden Funktionen definieren. Nach dem Erstellen der Widget -Klasse müssen Sie die Funktion register_widget verwenden, um sich zu registrieren.

Grundlagen: Hallo Weltgadget

1. Erstellen Sie leeres Plug-In: Erstellen Sie ein neues Verzeichnis (z. B. /wp-content/plugins/) unter dem Verzeichnis live-score-custom und erstellen Sie eine index.php -Datei, die den folgenden Inhalt enthält:

<?php /*
Plugin Name: 实时比分自定义
Plugin URI: https://www.sitepoint.com/
Description: 获取并显示体育数据
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?>

2. Definieren Sie Widgets in Plug-In: Fügen Sie den folgenden Code in index.php:
hinzu

class My_Custom_Widget extends WP_Widget {

    public function __construct() {
        $options = array(
            'classname' => 'custom_livescore_widget',
            'description' => '实时比分小工具',
        );
        parent::__construct(
            'live_score_widget', '实时比分小工具', $options
        );
    }

    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        echo $args['before_title'] . apply_filters( 'widget_title', '实时板球比赛' ) . $args['after_title'];
        echo 'Hello, World!';
        echo $args['after_widget'];
    }
}

function my_register_custom_widget() {
    register_widget( 'My_Custom_Widget' );
}
add_action( 'widgets_init', 'my_register_custom_widget' );

Fügen Sie nach Aktivierung des Plugins das neu erstellte Widget zum Erscheinungsbild & GT hinzu.

Live Score

hinzufügen

Wir werden die API des Cricapi verwenden (erfordert Registrierung und Erhalt des API -Schlüssels). Ändern Sie die Funktion widget:

<?php /*
Plugin Name: 实时比分自定义
Plugin URI: https://www.sitepoint.com/
Description: 获取并显示体育数据
Version: 1.0
Author: Shaumik
Author URI: https://www.sitepoint.com/
License: GPL2
*/
?>

Verpackungs- und Freigeben Plug-Ins

komprimieren Sie das Verzeichnis live-score-custom in eine ZIP -Datei und laden Sie es in das Plugin & gt; neu & gt; Upload -Plugin hinzufügen.

Zusammenfassung

Dieses Tutorial zeigt, wie Sie Widgets mit Plugins in WordPress erstellen und Echtzeit-Sportdaten anzeigen.

FAQs (FAQs) (weggelassen, mit dem ursprünglichen Inhalt duplizieren)

Das obige ist der detaillierte Inhalt vonErstellen Sie in zehn Minuten ein dynamisches Widget in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!