Kunne du tænke dig at lære at lave en WordPress plugin enkel?

WordPress er manges darling, og det med rette. Det er utroligt nemt at bruge, gratis (eller open source), fleksibelt og den bedste del, ret udvidelsesbar. Med plugins kan du udvide WordPress til at tilføje praktisk talt enhver funktionalitet, du har i tankerne.

Hvis du er den perfekte begynder WordPress plugins er ligesom apps på din telefon. Din telefon fungerer fint, som den er, men du kan tilføje flere funktioner ved hjælp af apps. Det samme gælder for WordPress content management system (CMS).

WordPress-platformen er allerede kraftfuld, men du kan gøre så meget mere ved at bruge plugins. For eksempel WordPress plugins giver dig mulighed for at tilføje yderligere funktioner såsom e-handel, SEO, spambeskyttelse, avancerede formularer, sociale netværk, bedre sikkerhed, live chat, visuel sideoprettelse og meget mere.

Der er tusindvis af WordPress plugins gratis og premium. DET officielt WordPress-plugin-lager alene har over 59 gratis plugins i skrivende stund! Andre markedspladser, som f.eks CodeCanyon, tilbyder dig tusindvis af premium WordPress-plugins.

Dette siger, at der kan være et plugin til næsten hver funktion, du kan tilføje til dit WordPress-websted. Alligevel kan du nogle gange have brug for noget, der ikke er tilgængeligt fra de førnævnte plugin-kilder. I dette tilfælde skal du muligvis oprette en WordPress plugin fra bunden, eller modificer (eller gafler) et eksisterende plugin.

Og i dagens artikel skal vi vise dig, hvordan du skriver en WordPress plugin simple, hvilket er godt, hvis du vil skabe noget simpelt eller dykke hovedkulds ned i plugin-udvikling. Med denne præamble, lad os komme i gang.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

At skrive et simpelt WordPress-plugin: Det grundlæggende

Før vi kommer til den sjove del, er der et par grundlæggende ting, du skal vide. Som nybegynder kan du antage, at det er svært at oprette WordPress-plugins. Nå, egentlig ikke. Alle kan lære at skrive et plugin, uanset om du har en uddannelse i datalogi eller ej.

Samtidig vil noget PHP-kodningsviden hjælpe dig videre, hvis du planlægger at skrive flere plugins i fremtiden. Med denne viden vil du bedre forstå hvordan PHP funktioner, hvilket gør dit arbejde meget nemmere. Alligevel er det nemt.

Afhængigt af den funktionalitet, du har brug for, kan dit WordPress-plugin også indeholde en eller flere filer, inklusive CSS-typografiark, JavaScript-scripts og mediefiler. Endelig er det vigtigt at sætte sig ind i WordPress kodningsstandarder og bedste praksis at holde sig på den sikre side.

Tag det roligt, for i dag vil vi ikke begive os ud i komplekse ting. Vi viser dig, hvordan du skriver et simpelt WordPress-plugin og deler nogle værktøjer og ressourcer, der vil gøre dit arbejde nemt.

Hvad du skal bruge for at skrive et WordPress-plugin

Du skal bruge et par ting, før du skriver dit WordPress-plugin. For det første skal du ikke teste dit plugin på dit websted. Hvis noget går galt, risikerer du at bryde din hjemmeside, hvilket kan føre til forfærdelig nedetid, mens du ordner tingene.

Opret i stedet et lokalt testwebsted eller på din server. Sådan gør du:

Udover det skal du bruge en teksteditor som f.eks Notepad ++Sublim tekst ou Atom. Selvom det ikke er et krav, kan du bruge værktøjer som f.eks pluginplade ou Kedelplade plugin for at fremskynde udviklingen (mere om dette senere).

Lad os nu skrive et simpelt WordPress-plugin. Til denne vejledning vil vi oprette et plugin, der tilføjer en brugerdefineret posttype til en restaurantwebside, som vi vil oprette.

For de uindviede understøtter WordPress flere indlægstyper, herunder sider, indlæg, vedhæftede filer, anmeldelser og navigationsmenu. Til vores scenarie vil vi oprette et simpelt WordPress-plugin, der tilføjer en "Opskrift" tilpasset posttype. Til illustrationsformål vil vi kalde dette plugin "Hot Recipes".

Sådan skriver du et simpelt WordPress-plugin

Hvert WordPress-plugin har en hovedfil, som du kan oprette manuelt eller ved hjælp af værktøjer som Plugin Boilerplate eller Pluginplate. For at spare tid skal du bruge Pluginplate (det er mere intuitivt) til at generere hovedfilen og nogle ekstra filer og mapper, som du måske har brug for senere. For nu mangler vi bare hovedfilen.

Oprettelse af hovedfilen

Besøg pluginplate.com og klik på knappen Opret dit plugin, som vi fremhæver nedenfor.

Udfyld derefter dine plugin-oplysninger som vist nedenfor. Nederst på siden vil du bemærke afsnittet Moduler som giver dig mulighed for at tilføje yderligere funktionalitet til dit plugin. Bemærk også, at du kan tilpasse hvert modul ved at klikke på Plus (+), som vi beskriver nedenfor. Når du er tilfreds, skal du klikke på knappen generere le plugin :

oprette et simpelt WordPress-plugin

Klik derefter på knappen Hent og gem dit plugin på din computer.

Nu har vi alle de basisfiler, vi skal bruge, fra hovedfilen. Vores WordPress-plugin vil ikke gøre noget, som det er. Vi skal tilføje koden, der kører, når vi aktiverer plugin'et. Baseret på vores eksempel er vores hovedfil hot-opskrifter.php, som er den fil, vi vil redigere i næste afsnit.

Tilføjelse af funktioner

For at finde filen hot-opskrifter.php, udpak ZIP-mappen, du downloadede fra Pluginplate:

oprette et simpelt WordPress-plugin

Inde i mappen skulle du se din hovedfil, hvilket i vores tilfælde – igen – er varme opskrifter. Php:

oprette et simpelt WordPress-plugin

I plugin-mappen kan du se en masse andre filer, men vi har ikke brug for dem lige nu. Lad os derefter tilføje nogle funktioner til hovedfilen. Åbn hovedfilen (varme opskrifter.php) i din foretrukne teksteditor (Vi bruger Visual Studio Code).

Se også: Sådan deaktiveres kommentarer i WordPress

Du vil se følgende kodestykke eller noget lignende, afhængigt af hvordan du udfyldte formularen på Pluginplate:

<?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();

Ovenstående kode fortæller WordPress navnet på plugin'et sammen med version, forfatter, licens og andre detaljer. Du behøver ikke at ændre noget. Lad os gå til næste trin.

Lige under koden ovenfor skal du tilføje følgende kode:

/**
 * 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' );

Koden ovenfor registrerer blot vores brugerdefinerede "opskrifter" posttype med en række muligheder. Det tilføjer også funktioner som support til anmeldelser, brugerdefinerede felter, uddrag, kommentarer, fremhævede billeder og mere. Det er de funktioner, du vil se i indlægseditoren, når du tilføjer en ny opskrift.

Zip din plugin-mappe

Gem alle dine ændringer. Komprimer mappen varme opskrifter (dette er mappen, hvor du fandt hovedfilen varme opskrifter.php  som vi lige har redigeret) i et arkiv hot-recipes.zip (på en Mac er det så simpelt som at højreklikke, zippe filen - og på en pc tror jeg, det ligner meget). Bare sørg for, at din mappe er gemt med .ZIP-udvidelsen, ellers installeres pluginnet ikke.

Se også: Sådan tilføjes uendelig rulning på en WordPress

Log derefter ind på dit testwebsted og naviger til Udvidelser> Tilføj som vist nedenfor.

Klik derefter på knappen Upload plugin, vælg dit plugin ZIP-mappe på din computer og klik installere nu:

oprette et simpelt WordPress-plugin

Ensuite, aktivere plugin

Hvis du nu tjekker din WordPress admin-menu, vil du bemærke din nye type publikation Opskrifter, med mulighed for at tilføje nye opskrifter:

oprette et simpelt WordPress-plugin

Tillykke med at have skrevet dit første simple WordPress-plugin! Med denne introduktion kan du gå dybere og lege med koden for at se, hvad du kan opnå. Du kan også studere kildekoden for andre plugins (alle WordPress-plugins er open source) for at lære mere.

Nu behøver du blot et par flere ressourcer (tjek plugin manual) og masser af øvelse, og du vil kode på ingen tid.

Lire aussi Sådan fjerner du linket "Stolt drevet af WordPress".

Programmering og skrivning af WordPress-plugins kan virke skræmmende i starten, især som nybegynder. Men med de rigtige værktøjer og nogle få læringsressourcer kan du udvikle plugins som en chef. Det vil være nok at have nogle forestillinger om kodning og beslutsomhed.

Andre anbefalede ressourcer

Vi inviterer dig også til at konsultere nedenstående ressourcer for at komme videre i grebet og kontrollen af ​​dit websted og blog.

Konklusion

Det var det for denne tutorial. Vi håber, det pegede dig i den rigtige retning, når det kommer til at forstå plugins. Denne artikel skal tjene som et springbræt til at udvikle komplekse WordPress-plugins, der gør alt, hvad du vil have dem til.

Hvis du har nogen bekymringer eller forslag, så lad os vide det inden for kommentarer. Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

En medarbejder, del denne artikel på dine forskellige sociale netværk.   

...