webentwicklung-frage-antwort-db.com.de

Wie erstelle ich eine Meta-Box für Daten?

Ich erstelle eine benutzerdefinierte Ereignisseite und möchte wissen, wie ein benutzerdefiniertes Meta-Feld zum Speichern von Ereignisdaten erstellt wird. Ich möchte nicht, dass es sich um ein reguläres Meta-Feld handelt, da ich damit eine benutzerdefinierte Suchleiste erstelle. Ich schätze, ich muss es unter MySQL speichern. Nein?

Ich bin verloren, wie ich vorgehen muss. Irgendwelche Ideen?

Danke im Voraus.

Wenn Sie Meta-Boxen für WordPress benötigen, schauen Sie sich den großartigen Code in github by jaredatch an.

https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-WordPress

Auf diese Weise können Sie Ihrem WP -Design (oder Plugin) alle möglichen Metaboxen hinzufügen. Date Picker, Dateiupload, Wysiwyg, Textbereiche, Textfelder ... es ist wirklich erstaunlich und spart viel Zeit.

1
mgyura

Wordpress enthält bereits die Skripte für die Datumsauswahl.

Wenn Sie dies nicht mit einem Plugin tun möchten, erstellen Sie eine reguläre Text-Metabox. Anschließend müssen Sie ein benutzerdefiniertes Skript im WordPress-Administrator mit den Abhängigkeiten jquery-ui und jquery-ui-datepicker in die Warteschlange stellen:

function enqueue_date_picker(){
    wp_enqueue_script(
        'field-date', 
        get_template_directory_uri() . '/admin/field-date.js', 
        array('jquery', 'jquery-ui-core', 'jquery-ui-datepicker'),
        time(),
        true
    );  

    wp_enqueue_style( 'jquery-ui-datepicker' );
}

add_action('admin_enqueue_scripts', 'enqueue_date_picker');

Jetzt müssen wir nur noch den Datepicker in unserer Field-Date-JS-Datei aufrufen:

jQuery(document).ready(function(){
    jQuery('.datepicker').datepicker(); 
});

Beachten Sie die .datepicker-Auswahl? Ersetzen Sie dies durch eine ID oder Klasse für die Klasse/ID Ihrer Meta-Box-Eingabe. Der Datepicker wird dann geladen, sobald Sie auf die Eingabe klicken - zu einfach!

12
rhysclay