Ich habe ein Plugin geschrieben, in dem Sie ein kleines Chat-Symbol in der unteren rechten Ecke haben. Ich möchte jedoch, dass der Benutzer ein Bild als Symbol aus der Liste auswählen kann Media Library
. Wie kann ich das mit der Wordpress API machen? Das Bild ist eine Einstellung im Plugin (nur vom Administrator änderbar)
media-library
Thomas
quelle
quelle
wp.media
benutzerdefinierten Uploads zu ermöglichen, wählen Sie eine Mediendatei für diese Anforderung. WPSE hat viele Beispiele, aber vielleicht hilft Ihnen dieser Beitrag jeroensormani.com/…. Auch auf Github-Beispielen, insbesondere von ocean90 - github.com/ocean90/media-modal-demoAntworten:
Sie sollten verwenden
wp.media
, um den WordPress Media Manager-Dialog zu verwenden.Zuerst müssen Sie die Skripte in die Warteschlange stellen:
Ihr HTML könnte ungefähr so aussehen (beachten Sie, dass mein Code die Anhangs-ID in der Plugin-Einstellung anstelle der Bild-URL verwendet, wie Sie es in Ihrer Antwort getan haben. Ich denke, es ist viel besser. Wenn Sie beispielsweise ID verwenden, können Sie verschiedene Bildgrößen erhalten, wenn Sie brauche sie):
myscript.js
Und die Ajax-Aktion zum Aktualisieren der Bildvorschau:
PD: Es ist ein kurzes Beispiel, das hier basierend auf einer anderen Antwort geschrieben wurde . Nicht getestet, da Sie nicht genügend Informationen über den genauen Kontext, in dem der Code verwendet wird, oder die genauen Probleme, die Sie haben, angegeben haben.
quelle
Verwendung
wordpress-settings-api-class
durch Tareq Hasan, URL: https://github.com/tareq1988/wordpress-settings-api-classclass.settings-api.php
in dein Plugin ein. (Diese Datei https://github.com/tareq1988/wordpress-settings-api-class/blob/master/src/class.settings-api.php )'type' => 'file'
, um einen Medien-Uploader hinzuzufügen. (Siehe dieses Beispiel zum besseren Verständnis https://github.com/tareq1988/wordpress-settings-api-class/blob/master/example/procedural-example.php )quelle
wp.media
Kontrolle .Da das Symbol für jeden Benutzer unterschiedlich sein soll, müssen Sie das Bild im Benutzerprofil speichern. Dies bedeutet, dass Sie ein zusätzliches Benutzerfeld hinzufügen müssen:
Jetzt haben Sie die Möglichkeit, eine Datei vom Computer des Benutzers hochzuladen. Wenn Sie möchten, dass der Benutzer die Datei aus vorhandenen Bildern auswählt, werden die Dinge komplizierter, da Sie anstelle des Standard-Datei-Uploads die Medienbibliothek aufrufen müssen.Steven Slack hat einen hervorragenden Beitrag dazu verfasst, den ich nicht gutheißen möchte, wenn ich seinen Code hier kopiere.
In Ihrer Vorlage müssen Sie drei Möglichkeiten unterscheiden: Benutzer nicht angemeldet, Benutzer angemeldet, aber ohne Symbol, Benutzer angemeldet und mit Symbol. Fügen Sie grob Folgendes hinzu:
quelle
Einen vollständigen Code mit Plugin finden Sie unter folgender URL: http://blog.adlivetech.com/use-wordpress-media-upload-custom-code/
Einfach zu bedienen, kopieren Sie einfach den Code und fügen Sie ihn an der gewünschten Stelle ein
quelle
Ich habe diese Lösung verwendet (ohne die Medienbibliothek selbst zu verwenden):
Verwendung von Image-Picker-Lib in einem Modal, das den Wert einer ausgeblendeten Eingabe festlegt, der in den Optionen angegeben wird. Durch Abrufen aller Medien und Echo als Optionen kann der Benutzer ein Bild auswählen.
HTML
PHP / HTML
JS
quelle
wp.media
Kontrolle .