Plugin schrijven 2

Plugin schrijven deel 1 behandelt de minimale acties om een plugin te maken.

• Het maken van een map
• Het maken van een hoofdbestand
• De minimale informatie in het hoofdbestand

Plugin schrijven deel 2

• Het toevoegen van een stylesheet
• Het toevoegen van een script
• Het toevoegen van een admin style sheet
• Het toevoegen van een admin script

Het toevoegen van een stylesheet

Een stylesheet is een *.css bestand die de stijl van de output aanpast. Een voorbeeld van de inhoud van een stylesheet (die de kleur van een link aanpast).

a, a:visited, a:hover {
    color: red;
}

Het bestand kan opgeslagen worden als style.css in een css map in de plugin folder.

function enqueu_my_stylesheet() {
    wp_register_style( 'my_stylesheet', plugin_dir_url( __FILE__ ) . 'css/style.css', false, '0.0.1' );
    wp_enqueue_style( 'my_stylesheet' );
}
add_action( 'wp_enqueue_scripts', 'enqueu_my_stylesheet' );

Aangenomen dat style.css in de css folder van jouw plugin is opgeslagen
en dit niet vanuit aan submap wordt aangeroepen.

Het toevoegen van een script

Het toevoegen van een script gaat op een vergelijkbare manier

function enqueu_my_stylesheet() {
    wp_register_script( 'mijn-script', plugin_dir_url( __FILE__ ) . 'js/script.js' );
    wp_enqueue_script( 'mijn-script' );
}
add_action( 'wp_enqueue_scripts', 'enqueu_my_stylesheet' );

Natuurlijk kan het ook direct (niet aan te raden)

function direct_script(){


	if (!is_user_logged_in()) { ?>

            <script>
          
               // jouw script
            </script>

<?php }
}

add_action('wp_head', 'direct_script');

Aangenomen dat script.js in de js folder van jouw plugin is opgeslagen
en dit niet vanuit aan submap wordt aangeroepen.

Het toevoegen van een admin style sheet of script

Voor een admin script of style is alleen de action anders:

add_action( 'admin_enqueue_scripts', 'jouw-style-of-script-functie' );

Terug naar stap 1 – stap 3 – totaal voorbeeld