Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
programmieren:wordpress:admin_pages_hinzufuegen [2020/03/09 19:11] – external edit 127.0.0.1programmieren:wordpress:admin_pages_hinzufuegen [2022/12/17 12:28] (current) – external edit 127.0.0.1
Line 3: Line 3:
 Mit diesem Code Beispiel werden zwei Options / Settings Pages für Wordpress hinzugefügt. Dieser Code fügt nur die Seiten ins Menü ein. Es müssen noch Render Funktionen geschrieben werden, die eine Ausgabe erzeugen. Der Namespace ist optional, macht die Sache aber sauberer. Mit diesem Code Beispiel werden zwei Options / Settings Pages für Wordpress hinzugefügt. Dieser Code fügt nur die Seiten ins Menü ein. Es müssen noch Render Funktionen geschrieben werden, die eine Ausgabe erzeugen. Der Namespace ist optional, macht die Sache aber sauberer.
  
-===== Settings-Page Registrieren =====+===== 1. Settings-Page Registrieren (ohne Klasse) =====
  
 <code php> <code php>
Line 46: Line 46:
 Mehr dazu in der [[https://developer.wordpress.org/reference/functions/add_submenu_page/#used-by|Doku (siehe "used by"-Sektion)]]. Mehr dazu in der [[https://developer.wordpress.org/reference/functions/add_submenu_page/#used-by|Doku (siehe "used by"-Sektion)]].
  
-===== HTML Ausgabe und Speichern =====+ 
 +===== 2. Settings-Page als PHP-Klasse ===== 
 + 
 +Es kann nützlich sein Settings als PHP Class oder Objekt zu registrieren, damit alles in einem geschlossenem Objekt bleibt, z.b. für Plugins. Mit diesem Code wird eine Backendpage erzeugt.  
 + 
 +<code php> 
 +<?php 
 + 
 +namespace mein_namespace; 
 + 
 +/** 
 + * 
 + */ 
 +class Overview 
 +
 + 
 + private $plugin_url = ''; 
 + 
 + function __construct( $plugin_url ) 
 +
 + $this->plugin_url = $plugin_url; 
 + add_action( 'admin_menu', [ $this, 'add_page'] ); 
 + add_action( 'admin_enqueue_scripts', [ $this, 'register_scripts_styles' ] ); 
 +
 + 
 + public function add_page() 
 +
 + $page_title    = 'Tracking'; 
 + $menu_title    = 'Tracking'; 
 + $capability    = 'edit_posts'; 
 + $menu_slug     = 'plugin-hauptseite'; 
 + $page_function = [ $this, 'render_page']; 
 + $icon          = $this->plugin_url . 'assets/gfx/icon-line-chart-fill-white.png'; 
 + $position      = 50; 
 + add_menu_page( $page_title, $menu_title, $capability, $menu_slug,  $page_function, $icon, $position ); 
 +
 + 
 + public function register_scripts_styles(){ 
 + // Style Registrieren (noch nicht einbetten) 
 + /* 
 + $handle  = 'plugin-admin-style'; 
 + $src     = this->plugin_url . 'css/plugin_style.css'; 
 + $deps    = []; 
 + $version = '1.0'; 
 + wp_register_style( $handle, $src, $deps, $version ); 
 + */ 
 + 
 + // Script Registrieren (noch nicht einbetten) 
 + /* 
 + $handle    = 'alpine'; 
 + $src       = this->plugin_url  . 'js/alpine.min.js'; 
 + $deps      = []; 
 + $version   = '3.0'; 
 + $in_footer = false; 
 + wp_register_script( $handle, $src, $deps, $version,$in_footer ); 
 + */ 
 +
 + 
 + public function render_page() 
 +
 + //wp_enqueue_script( 'alpine' ); // Registriertes Script einbinden 
 + //wp_enqueue_style( 'moewe-arrowchat-admin-style' ); // Registrierten Style einbinden 
 +  
 + echo "<h1>Test</h1>"; 
 + include "html-datei.html"; 
 +
 +
 + 
 +</code> 
 + 
 +===== 3. HTML Ausgabe und Speichern (rudimentär) =====
  
 Page Renderer Function, so etwas wie: Page Renderer Function, so etwas wie:
Line 102: Line 172:
 </form> </form>
 </div> </div>
- 
  
 </code> </code>
- 

Page Tools