{"id":475,"date":"2017-05-15T12:40:51","date_gmt":"2017-05-15T10:40:51","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=475"},"modified":"2017-05-15T12:40:51","modified_gmt":"2017-05-15T10:40:51","slug":"tabelleneditor-revisited-und-jetzt-das-ganze-nochmal-als-shortcode","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/05\/15\/tabelleneditor-revisited-und-jetzt-das-ganze-nochmal-als-shortcode\/","title":{"rendered":"Tabelleneditor revisited: und jetzt das Ganze nochmal als Shortcode"},"content":{"rendered":"

Ja, ich wei\u00df, ich habs unterschlagen. Wir haben uns einen h\u00fcbschen kleinen Tabelleneditor im Admin Panel gebastelt, mit Unterseite und allem Pipapo. Aber da kamen schon die ersten R\u00fcckfragen. Was, wenn ich meinen Besuchern die M\u00f6glichkeit anbieten m\u00f6chte, Tabellendaten auf meiner Webseite zu editieren? Wie sieht das dann die Verzweigung auf die Unterseite aus? Ein Anwendungsfall w\u00e4re es zum Beispiel, wenn ich meinen Nutzern das Editieren der eigenen Adressdaten erm\u00f6glichen m\u00f6chte. Da wird man zwar im Zweifelsfall ein Login vorschalten, denkbar ist z.B. da\u00df sich der Benutzer mit seiner Mitgliedsnummer anmeldet und diese beim Aufruf des Unterformulars abgefragt wird. Das f\u00fchrt mir aber jetzt entschieden zu weit, ich lasse es mal bei dem Formular mit den Edit-Buttons, sonst blickt hier keiner mehr durch. Die Funktionalit\u00e4t wird also die selbe sein wie beim Plugin Adressen Tabelle,<\/strong> nur diesmal auf der Blog-Oberfl\u00e4che.<\/p>\n

Wir basteln uns einen Shortcode<\/h2>\n

Der erste Teil ist simpel. Wir schnappen uns die Funktion pluginAdressenTabelle() und schieben sie in einen Shortcode. F\u00fcr den legen wir uns eine neue Seite an und f\u00fcgen ihn dort ein, ich hab ihn mal [adr_tabelle] genannt. Das m\u00fcsste eigentlich ohne \u00c4nderungen klappen, das Ergebnis sollte etwa so aussehen:<\/p>\n

\"shortcode_adresseneditor\"

shortcode_adresseneditor<\/p><\/div>\n

Wenn man jetzt auf einen „Edit“-Button klickt, landet man (logischerweise) noch im Admin Panel, und das soll nat\u00fcrlich nicht sein, da brauchen wir was anderes. N\u00e4mlich eine Blogseite, die nicht im Men\u00fc erscheinen soll, sondern nur durch Klick auf den Edit-Button aus der aufrufenden Seite auftauchen darf.<\/p>\n

Seite ohne Men\u00fceintrag? Mit Men\u00fc!<\/h2>\n

Man legt eine neue Seite an, benennt sie entsprechend, z.B. Adresseneditor Unterseite. Dann legt man unter Design\/Men\u00fcs ein neues Men\u00fc<\/strong> an, in das man alle Seiten ausser der eben erstellten eintr\u00e4gt (alle markieren und dann bei der Einzelseite das H\u00e4kchen entfernen). Ist ein bi\u00dfchen von hinten durch die Brust ins Auge, aber so funktionierts.<\/p>\n

Aufzurufende Seite bei Formular-Action hinterlegen<\/h2>\n

Wir klemmen uns einfach den Permalink der soeben erstellten Unterseite und legen sie auf die Variable f\u00fcr den Action-Tag, das sieht dann z.B. so aus:<\/p>\n

$meinplugin_URL = „http:\/\/localhost\/turnverein\/adresseneditor\/adresseneditor-unterseite\/“;<\/em><\/p>\n

Das wars schon.<\/p>\n

Wie kommt jetzt unsere Editor-Funktionalit\u00e4t in die Unterseite?<\/h2>\n

Per Shortcode! Mein Freund und Lieblingshelfer, ich sags immer wieder. Wir erstellen einen neuen Shortcode, mit aussagekr\u00e4ftigen Namen, z.B.:<\/p>\n

add_shortcode (‚mein_adr_editor‘, ‚meinAdressenEditor‘);<\/em><\/p>\n

Dann brauchen wir nat\u00fcrlich noch die Funktion zum Shortcode, die hei\u00dft jetzt meinAdressenEditor<\/em>(). In diese kopieren wir uns den ganzen Inhalt der Funktion AdresseEditAusgabe() aus dem Plugin, das wir vorher erstellt haben. Nicht vergessen unten den Link zur\u00fcck auf die aufrufende Seite zu aktualisieren, der sollte jetzt etwa so ausehen:<\/p>\n

echo „<a href = ‚http:\/\/localhost\/turnverein\/adresseneditor<\/strong>\/’\/><h1>Zur\u00fcck zur Adressenliste<\/h1><\/a>“;<\/em><\/p>\n

Den soeben erstellten Shortcode [mein_adr_editor] in die Unterseite einf\u00fcgen, speichern und feddisch, das wars! Die Bildschirmausgabe sollte etwa so aussehen:<\/p>\n

\"adresseneditor_unterseite\"

adresseneditor_unterseite<\/p><\/div>\n

\u00dcbrigens nicht wundern: wenn man sich die Unterseite „allein“ anschaut, also aus dem Edit-Modus mit „Seite ansehen“, sieht man – nichts. Da fehlt der Parameter mit der ID, also ergibt unser Select eine leere Ausgabe, und dann sieht mal halt nichts, punktum.<\/p>\n

So, jetzt hab ich aber alle Aspekte des Tabelleneditors ersch\u00f6pfend behandelt – hoffe ich zumindest. Wenn jetzt noch R\u00fcckfragen kommen – ich bin unbekannt verreist \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"

Ja, ich wei\u00df, ich habs unterschlagen. Wir haben uns einen h\u00fcbschen kleinen Tabelleneditor im Admin Panel gebastelt, mit Unterseite und allem Pipapo. Aber da kamen schon die ersten R\u00fcckfragen. Was, wenn ich meinen Besuchern die M\u00f6glichkeit anbieten m\u00f6chte, Tabellendaten auf meiner Webseite zu editieren? Wie sieht das dann die Verzweigung auf die Unterseite aus? Ein […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,21,11,4,14,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/475"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":1,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/475\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/475\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}