Plugin schrijven voorbeeld

Onderstaand voorbeeld is een complete plugin die de titel van een post aanpast.

1. maak een map mijn-plugin in wp-content/plugins/
2. maak in de map een bestand mijn-plugin.php
   

   <?php
   
   /*
   * Plugin Name:       Mijn plugin
   * Plugin URI:        http://www.mijn-domein.nl/
   * Description:       Een korte beschrijving van de plugin.
   * Version:           1.0.0
   * Author:            Jouw naam
   * Author URI:        http://www.mijn-domein.nl/jouw-naam
   * License:           GPL-2.0+
   * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
   */
   
   // laad de stylesheet
   function mijnPluginStyle()
   {
       wp_register_style('mijn_plugin_style', plugin_dir_path(__FILE__) . 'css/style.css', false, '0.0.1');
       wp_enqueue_style('mijn_plugin_style');
   }
   
   add_action( 'wp_enqueue_scripts', 'mijnPluginStyle' );
   
   // laad het script
   function mijnPluginScript()
   {
       wp_register_style('mijn_plugin_script', plugin_dir_path(__FILE__) . 'js/script.js', false, '0.0.1');
       wp_enqueue_style('mijn_plugin_script');
   }
   
   add_action( 'wp_enqueue_scripts', 'mijnPluginScript' );
   
   // voeg loop start hier op elke pagina waar een loop start
   Function mijnPluginLoopStart()
   {
       echo "<h1 class='loop-start'>Loop start hier</h1>";
   }
   
   // Voeg het woord telefoon toe voor elke titel
   add_action('loop_start', 'mijnPluginLoopStart');
   
   function verander_de_titel($title)
   {
         $title = 'Telefoon: ' . $title;
   
         return $title;
   }
   
   add_filter('the_title', 'verander_de_titel');

3. Maak nu in de plugin map de mappen /css/ en /js/ en maak daarin de style.css en script.js aan zoals in bovenstaande code benoemd.

Beiden bestanden mogen leeg zijn…

Download dit voorbeeld