Een eenvoudige WordPress-plug-in maken

Wil je leren hoe je een WordPress Plugin gemakkelijk?

WordPress is de lieveling van velen, en terecht. Het is ongelooflijk gemakkelijk te gebruiken, gratis (of open-source), flexibel en het beste deel, behoorlijk uitbreidbaar. Met plug-ins kun je WordPress uitbreiden om vrijwel elke functionaliteit toe te voegen die je in gedachten hebt.

Als je de perfecte beginner bent, is de WordPress plugins zijn als de apps op je telefoon. Je telefoon werkt prima zoals hij is, maar je kunt meer functies toevoegen met apps. Hetzelfde geldt voor het WordPress content management systeem (CMS).

Het WordPress-platform is al krachtig, maar je kunt zoveel meer doen met plug-ins. Bijvoorbeeld de WordPress plugins kunt u extra functies toevoegen, zoals e-commerce, SEO, spambescherming, geavanceerde formulieren, sociale netwerken, betere beveiliging, livechat, het maken van visuele pagina's en nog veel meer.

Er zijn er duizenden WordPress plugins gratis en premium. DE officiële opslagplaats voor WordPress-plug-ins alleen al heeft op het moment van schrijven meer dan 59 gratis plug-ins! Andere marktplaatsen, zoals: CodeCanyon, bieden u duizenden premium WordPress-plug-ins.

Dit wil zeggen dat er mogelijk een plug-in is voor bijna elke functie die u aan uw WordPress-website kunt toevoegen. Toch heeft u soms iets nodig dat niet beschikbaar is in de bovengenoemde plug-inbronnen. In dit geval moet u mogelijk een WordPress Plugin helemaal opnieuw of een bestaande plug-in wijzigen (of afsplitsen).

En in het artikel van vandaag laten we je zien hoe je een WordPress Plugin eenvoudig, wat goed is als je iets eenvoudigs wilt maken of halsoverkop in de ontwikkeling van plug-ins wilt duiken. Laten we met deze inleiding aan de slag gaan.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog

Ga dan terug naar waarom we hier zijn.

Een eenvoudige WordPress-plug-in schrijven: de basis

hoe-maak-een-eenvoudige-wordpress-plugin-8 » BlogPasCher

Voordat we bij het leuke gedeelte komen, zijn er een paar basisdingen die je moet weten. Als beginner zou je kunnen aannemen dat het maken van WordPress-plug-ins moeilijk is. Nou niet echt. Iedereen kan leer schrijven een plug-in, of je nu een graad in informatica hebt of niet.

Tegelijkertijd zal enige kennis van PHP-codering u verder helpen als u van plan bent in de toekomst meer plug-ins te schrijven. Met deze kennis zul je beter begrijpen hoe: PHP-functies, wat uw werk veel gemakkelijker maakt. Toch is het gemakkelijk.

Afhankelijk van de functionaliteit die u nodig heeft, kan uw WordPress-plug-in ook een of meer bestanden bevatten, waaronder CSS-stijlbladen, JavaScript-scripts en mediabestanden. Ten slotte is het belangrijk om vertrouwd te raken met de Codeerstandaarden en best practices voor WordPress om aan de veilige kant te blijven.

Wees gerust, want vandaag zullen we ons niet in complexe zaken wagen. We laten u zien hoe u een eenvoudige WordPress-plug-in schrijft en delen enkele hulpmiddelen en bronnen die uw werk gemakkelijk zullen maken.

Wat je nodig hebt om een WordPress-plug-in te schrijven

maak-een-plug-in-WordPress » BlogPasCher

Je hebt een paar dingen nodig voordat je je WordPress-plug-in gaat schrijven. Test om te beginnen uw plug-in niet op uw website. Als er iets misgaat, loopt u het risico uw website kapot te maken, wat kan leiden tot vreselijke downtime terwijl u dingen repareert.

Maak in plaats daarvan een lokale testwebsite of op uw server. Hier is hoe:

Verder heb je een teksteditor nodig zoals: Notepad ++, Sublieme Tekst ou Atoom. Hoewel dit geen vereiste is, kunt u hulpmiddelen gebruiken zoals: invoegplaat ou Ketelplaat plug-in om de ontwikkeling te versnellen (hierover later meer).

Laten we nu een eenvoudige WordPress-plug-in schrijven. Voor deze zelfstudie gaan we een plug-in maken die een aangepast berichttype toevoegt voor een restaurantwebsite die we gaan maken.

Voor niet-ingewijden ondersteunt WordPress meerdere berichttypen, waaronder pagina's, berichten, bijlagen, recensies en navigatiemenu's. Voor ons scenario zullen we een eenvoudige WordPress-plug-in maken die een aangepast berichttype "Recept" toevoegt. Ter illustratie noemen we deze plug-in "Hot Recipes".

Een eenvoudige WordPress-plug-in schrijven

Elke WordPress-plug-in heeft een hoofdbestand dat u handmatig kunt maken of met tools zoals Plugin Boilerplate of Pluginplate. Om tijd te besparen, gebruikt u Pluginplate (het is intuïtiever) om het hoofdbestand en enkele extra bestanden en mappen te genereren die u later nodig zou kunnen hebben. Voor nu hebben we alleen het hoofdbestand nodig.

Aanmaken van het hoofdbestand

Bezoek pluginplate.com en klik op de knop Maak je plug-in, zoals we hieronder benadrukken.

hoe-een-eenvoudige-wordpress-plug-in-maken » BlogPasCher

Vul vervolgens uw plug-in-informatie in zoals hieronder weergegeven. Onderaan de pagina ziet u de sectie: Modules waarmee u extra functionaliteit aan uw plug-in kunt toevoegen. Merk ook op dat u elke module kunt aanpassen door te klikken op de plus (+), zoals we hieronder in detail beschrijven. Als u tevreden bent, klikt u op de knop voortbrengen le inpluggen :

Klik daarna op de knop Downloaden en sla uw plug-in op uw computer op.

hoe-maak-een-eenvoudige-wordpress-plugin-2 » BlogPasCher

Nu hebben we alle basisbestanden die we nodig hebben van het hoofdbestand. Onze WordPress-plug-in zal niets doen zoals het is. We moeten de code toevoegen die wordt uitgevoerd wanneer we de plug-in activeren. Op basis van ons voorbeeld is ons hoofdbestand: hot-recepten.php, wat het bestand is dat we in de volgende sectie zullen bewerken.

Functies toevoegen

Om het bestand te vinden: hot-recepten.php, pak de ZIP-map uit die u hebt gedownload van Pluginplate:

In de map zou je je hoofdbestand moeten zien, wat in ons geval - nogmaals - is warme recepten. Php:

In de map met plug-ins kun je een heleboel andere bestanden zien, maar die hebben we nu niet nodig. Laten we vervolgens enkele functies aan het hoofdbestand toevoegen. Open het hoofdbestand (warme recepten.php) in uw favoriete teksteditor (we gebruiken Visual Studio Code).

Zie ook: Hoe opmerkingen in WordPress uit te schakelen

U ziet het volgende codefragment of iets dergelijks, afhankelijk van hoe u het formulier op Pluginplate heeft ingevuld:

<?php
/**
 * Recettes Chaudes
 *
 * @package       RECETTESCH
 * @author        Passi
 * @license       gplv2
 * @version       1.0.0
 *
 * @wordpress-plugin
 * Plugin Name:   Recettes Chaudes
 * Plugin URI:    https://blogpascher.com/
 * Description:   Recettes Chaudes permet de créer un type de post personnalisé pour un restaurant
 * Version:       1.0.0
 * Author:        Passi
 * Author URI:    https://blogpascher.com/
 * Text Domain:   recettes-chaudes
 * Domain Path:   /languages
 * License:       GPLv2
 * License URI:   https://www.gnu.org/licenses/gpl-2.0.html
 *
 * You should have received a copy of the GNU General Public License
 * along with Recettes Chaudes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'RECETTESCH_NAME',			'Recettes Chaudes' );

// Plugin version
define( 'RECETTESCH_VERSION',		'1.0.0' );

// Plugin Root File
define( 'RECETTESCH_PLUGIN_FILE',	__FILE__ );

// Plugin base
define( 'RECETTESCH_PLUGIN_BASE',	plugin_basename( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder Path
define( 'RECETTESCH_PLUGIN_DIR',	plugin_dir_path( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder URL
define( 'RECETTESCH_PLUGIN_URL',	plugin_dir_url( RECETTESCH_PLUGIN_FILE ) );

/**
 * Load the main class for the core functionality
 */
require_once RECETTESCH_PLUGIN_DIR . 'core/class-recettes-chaudes.php';

/**
 * The main function to load the only instance
 * of our master class.
 *
 * @author  Passi
 * @since   1.0.0
 * @return  object|Recettes_Chaudes
 */
function RECETTESCH() {
	return Recettes_Chaudes::instance();
}

RECETTESCH();

De bovenstaande code vertelt WordPress de naam van de plug-in, samen met de versie, auteur, licentie en andere details. U hoeft niets te wijzigen. Laten we naar de volgende stap gaan.

Voeg net onder de bovenstaande code de volgende code toe:

/**
 * Registers the recettes post type.
 */
function recettes_chaudes_register_post_types() {

	// Set UI labels for the recettes post type.
	$labels = array(
		'name' => _x( 'Recettes', 'Post Type General Name', 'recettes_chaudes' ),
		'singular_name' => _x( 'Recette', 'Post Type Singular Name', 'recettes_chaudes' ),
		'menu_name' => __( 'Recettes', 'recettes_chaudes' ),
		'parent_item_colon' => __( 'Parent Recette', 'recettes_chaudes' ),
		'all_items' => __( 'All Recettes', 'recettes_chaudes' ),
		'view_item' => __( 'View Recettes', 'recettes_chaudes' ),
		'add_new_item' => __( 'Add New Recette', 'recettes_chaudes' ),
		'add_new' => __( 'Add New', 'recettes_chaudes' ),
		'edit_item' => __( 'Edit Recette', 'recettes_chaudes' ),
		'update_item' => __( 'Update Recette', 'recettes_chaudes' ),
		'search_items' => __( 'Search Recette', 'recettes_chaudes' ),
		'not_found' => __( 'Not Found', 'recettes_chaudes' ),
		'not_found_in_trash' => __( 'Not found in Trash', 'recettes_chaudes' ),
	);

	// Set other arguments for the recettes post type.
	$args = array(
		'label' => __( 'recettes', 'recettes_chaudes' ),
		'description' => __( 'recettes.', 'recettes_chaudes' ),
		'labels' => $labels,
		'supports' => array(
			'title',
			'editor',
			'excerpt',
			'author',
			'thumbnail',
			'comments',
			'revisions',
			'custom-fields',
		),
		'taxonomies' => array(),
		'hierarchical' => false,
		'public' => true,
		'show_ui' => true,
		'show_in_menu' => true,
		'show_in_nav_menus' => true,
		'show_in_admin_bar' => true,
		'menu_position' => 5,
		'can_export' => true,
		'has_archive' => true,
		'exclude_from_search' => false,
		'publicly_queryable' => true,
		'capability_type' => 'post',
		'show_in_rest' => true,
	);

	// Registes the recettes post type.
	register_post_type( 'recettes', $args );

}
add_action( 'init', 'recettes_chaudes_register_post_types' );

De bovenstaande code registreert eenvoudig ons aangepaste berichttype "recepten" met een reeks opties. Het voegt ook functies toe zoals ondersteuning voor recensies, aangepaste velden, uittreksels, opmerkingen, aanbevolen afbeeldingen en meer. Dit zijn de functies die u in de berichteditor ziet wanneer u een nieuw recept toevoegt.

Zip uw plug-in-map

Sla al uw wijzigingen op. Comprimeer de map warme recepten (dit is de map waarin je het hoofdbestand hebt gevonden) warme recepten.php die we zojuist hebben bewerkt) in een archief hot-recepten.zip (op een Mac is het zo simpel als rechtsklikken, het bestand zippen - en op een pc lijkt het erg op elkaar). Zorg ervoor dat uw map is opgeslagen met de .ZIP-extensie, anders wordt de plug-in niet geïnstalleerd.

Zie ook: Hoe u oneindig scrollen toevoegt op een WordPress

Log vervolgens in op uw testwebsite en navigeer naar Extensies> Toevoegen , zoals hieronder weergegeven.

hoe-maak-een-eenvoudige-wordpress-plugin-5 » BlogPasCher

Klik vervolgens op de knop Upload plug-in, kies je plugin ZIP-map op je computer en klik op Installeer nu:

dan activeren de plugin

Als u nu uw WordPress-beheerdersmenu bekijkt, ziet u uw nieuwe type publicatie Recepten, met de mogelijkheid om nieuwe recepten toe te voegen:

Gefeliciteerd met het schrijven van uw eerste eenvoudige WordPress-plug-in! Met deze introductie kun je dieper gaan en met de code spelen om te zien wat je kunt bereiken. U kunt ook de broncode van andere plug-ins bestuderen (alle WordPress-plug-ins zijn open-source) voor meer informatie.

Nu heb je alleen nog een paar bronnen nodig (bekijk de handleiding voor plug-ins) en veel oefenen en je zult in een mum van tijd coderen.

Het programmeren en schrijven van WordPress-plug-ins kan in het begin ontmoedigend lijken, vooral als beginner. Maar met de juiste tools en een paar leermiddelen kun je plug-ins ontwikkelen als een baas. Het is voldoende om enkele noties van codering en bepaling te hebben.

Andere aanbevolen bronnen

We nodigen u ook uit om de onderstaande bronnen te raadplegen om verder te gaan in de greep en controle van uw website en blog.

Conclusie

Dat was het voor deze tutorial. We hopen dat het u in de goede richting heeft gewezen als het gaat om het begrijpen van plug-ins. Dit artikel zou als springplank moeten dienen voor het ontwikkelen van complexe WordPress-plug-ins die alles doen wat u wilt.

Als u vragen of opmerkingen heeft, kunt u ons dit binnen laten weten commentaires. U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Ondertussen, deel dit artikel op uw verschillende sociale netwerken.

...

Een eenvoudige WordPress-plug-in maken

Een eenvoudige WordPress-plug-in schrijven: de basis

Wat je nodig hebt om een WordPress-plug-in te schrijven