Vil du lære å lage en WordPress Plugin enkel?

WordPress er manges kjære, og det med rette. Det er utrolig enkelt å bruke, gratis (eller åpen kildekode), fleksibelt og det beste, ganske utvidbart. Med plugins kan du utvide WordPress til å legge til praktisk talt hvilken som helst funksjonalitet du har i tankene.

Hvis du er den perfekte nybegynneren WordPress plugins er som appene på telefonen din. Telefonen din fungerer fint som den er, men du kan legge til flere funksjoner ved hjelp av apper. Det samme gjelder WordPress innholdsstyringssystem (CMS).

WordPress-plattformen er allerede kraftig, men du kan gjøre så mye mer ved å bruke plugins. For eksempel WordPress plugins lar deg legge til tilleggsfunksjoner som e-handel, SEO, spambeskyttelse, avanserte skjemaer, sosiale nettverk, bedre sikkerhet, live chat, visuell sideoppretting og mye mer.

Det er tusenvis av WordPress plugins gratis og premium. DE offisielt WordPress-plugin-lager alene har over 59 000 gratis plugins i skrivende stund! Andre markedsplasser, som f.eks CodeCanyon, tilbyr deg tusenvis av premium WordPress-plugins.

Dette betyr at det kan være en plugin for nesten hver funksjon du kan legge til på WordPress-nettstedet ditt. Likevel, noen ganger kan du trenge noe utilgjengelig fra de nevnte plugin-kildene. I dette tilfellet må du kanskje opprette en WordPress Plugin fra bunnen av eller modifiser (eller gaffel) en eksisterende plugin.

Og i dagens artikkel skal vi vise deg hvordan du skriver en WordPress Plugin enkelt, noe som er bra hvis du vil lage noe enkelt eller dykke hodestups inn i plugin-utvikling. Med denne ingressen, la oss komme i gang.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Skrive en enkel WordPress-plugin: Det grunnleggende

Før vi kommer til den morsomme delen, er det noen grunnleggende ting du trenger å vite. Som nybegynner kan du anta at det er vanskelig å lage WordPress-plugins. Vel, egentlig ikke. Alle kan lære å skrive en plugin, enten du har en grad i informatikk eller ikke.

Samtidig vil litt PHP-kodingskunnskap hjelpe deg videre hvis du planlegger å skrive flere plugins i fremtiden. Med denne kunnskapen vil du bedre forstå hvordan PHP-funksjoner, noe som gjør jobben din mye enklere. Likevel er det enkelt.

Avhengig av funksjonaliteten du trenger, kan WordPress-pluginen også inneholde én eller flere filer, inkludert CSS-stilark, JavaScript-skript og mediefiler. Til slutt er det viktig å sette seg inn i WordPress-kodingsstandarder og beste praksis for å være på den sikre siden.

Ta det med ro, for i dag vil vi ikke begi oss ut i komplekse ting. Vi viser deg hvordan du skriver en enkel WordPress-plugin og deler noen verktøy og ressurser som vil gjøre jobben din enkel.

Hva du trenger for å skrive en WordPress-plugin

Du trenger et par ting før du skriver WordPress-plugin. For det første, ikke test plugin-en på nettstedet ditt. Hvis noe går galt, risikerer du å ødelegge nettstedet ditt, noe som kan føre til fryktelig nedetid mens du fikser ting.

Opprett i stedet et testnettsted lokalt eller på serveren din. Dette er hvordan:

Annet enn det trenger du et tekstredigeringsprogram som f.eks Notisblokk ++SublimeTekst ou Atom. Selv om det ikke er et krav, kan du bruke verktøy som f.eks pluginplate ou Boiler plate plugin for å få fart på utviklingen (mer om dette senere).

La oss nå skrive en enkel WordPress-plugin. For denne opplæringen skal vi lage en plugin som vil legge til en egendefinert innleggstype for et restaurantnettsted som vi skal lage.

For de uinnvidde støtter WordPress flere innleggstyper, inkludert sider, innlegg, vedlegg, anmeldelser og navigasjonsmeny. For vårt scenario skal vi lage en enkel WordPress-plugin som legger til en "Recipe" tilpasset posttype. For illustrasjonsformål vil vi kalle denne plugin "Hot Recipes".

Hvordan skrive en enkel WordPress-plugin

Hvert WordPress-plugin har en hovedfil som du kan lage manuelt eller ved å bruke verktøy som Plugin Boilerplate eller Pluginplate. For å spare tid, bruk Pluginplate (det er mer intuitivt) for å generere hovedfilen og noen ekstra filer og mapper du kanskje trenger senere. Foreløpig trenger vi bare hovedfilen.

Oppretting av hovedfilen

Besøk pluginplate.com og klikk på knappen Lag din plugin, som vi fremhever nedenfor.

Deretter fyller du inn plugin-informasjonen din som vist nedenfor. Nederst på siden vil du legge merke til seksjonen Moduler som lar deg legge til ekstra funksjonalitet til plugin-en din. Vær også oppmerksom på at du kan tilpasse hver modul ved å klikke på Pluss (+), som vi beskriver nedenfor. Når du er fornøyd, klikker du på knappen generere le plugg inn :

lage en enkel WordPress-plugin

Etter det, klikk på knappen Last ned og lagre plugin-en på datamaskinen.

Nå har vi alle basisfilene vi trenger fra hovedfilen. Vår WordPress-plugin vil ikke gjøre noe som den er. Vi må legge til koden som skal kjøres når vi aktiverer plugin. Basert på vårt eksempel er hovedfilen vår hot-recipes.php, som er filen vi vil redigere i neste avsnitt.

Legge til funksjoner

For å finne filen hot-recipes.php, pakk ut ZIP-mappen du lastet ned fra Pluginplate:

lage en enkel WordPress-plugin

Inne i mappen bør du se hovedfilen din, som i vårt tilfelle – igjen – er det varme oppskrifter. Php:

lage en enkel WordPress-plugin

I plugin-mappen kan du se en haug med andre filer, men vi trenger dem ikke akkurat nå. La oss deretter legge til noen funksjoner i hovedfilen. Åpne hovedfilen (varme oppskrifter.php) i din favoritt tekstredigerer (Vi bruker Visual Studio Code).

Se også: Slik deaktiverer du kommentarer i WordPress

Du vil se følgende kodebit eller noe lignende avhengig av hvordan du fylte ut skjemaet 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();

Koden ovenfor vil fortelle WordPress navnet på plugin-en sammen med versjonen, forfatteren, lisensen og andre detaljer. Du trenger ikke å endre noe. La oss gå til neste trinn.

Rett under koden ovenfor, legg til 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 ganske enkelt vår egendefinerte "oppskrifter"-posttype med en rekke alternativer. Den legger også til funksjoner som støtte for anmeldelser, tilpassede felt, utdrag, kommentarer, fremhevede bilder og mer. Dette er funksjonene du vil se i innleggsredigereren når du legger til en ny oppskrift.

Zip plugin-mappen din

Lagre alle endringene dine. Komprimer mappen varme oppskrifter (dette er mappen der du fant hovedfilen varme oppskrifter.php  som vi nettopp redigerte) i et arkiv hot-recipes.zip (på en Mac er det så enkelt som å høyreklikke, zippe filen – og på en PC tror jeg det er veldig likt). Bare sørg for at mappen din er lagret med .ZIP-utvidelsen, ellers vil ikke plugin-modulen installeres.

Se også: Hvordan legge til uendelig rulling på en WordPress

Logg deretter på testnettstedet ditt og naviger til Utvidelser> Legg til , som vist under.

Deretter klikker du på knappen Last opp plugin, velg plugin-zip-mappen på datamaskinen og klikk installere nå:

lage en enkel WordPress-plugin

deretter aktivere plugin

Nå hvis du sjekker WordPress admin-menyen, vil du legge merke til den nye typen publikasjon Oppskrifter, med mulighet for å legge til nye oppskrifter:

lage en enkel WordPress-plugin

Gratulerer med å skrive din første enkle WordPress-plugin! Med denne introduksjonen kan du gå dypere og leke med koden for å se hva du kan oppnå. Du kan også studere kildekoden til andre plugins (alle WordPress-plugins er åpen kildekode) for å lære mer.

Nå trenger du bare noen flere ressurser (sjekk ut plugin manual) og mye trening, og du vil kode på et blunk.

Lire australier Slik fjerner du koblingen "Stolt drevet av WordPress".

Programmering og skriving av WordPress-plugins kan virke skremmende i begynnelsen, spesielt som nybegynner. Men med de riktige verktøyene og noen få læringsressurser kan du utvikle plugins som en sjef. Det vil være nok å ha noen forestillinger om koding og besluttsomhet.

Andre anbefalte ressurser

Vi inviterer deg også til å konsultere ressursene nedenfor for å komme videre i grepet og kontrollen av nettstedet og bloggen din.

konklusjonen

Det var alt for denne opplæringen. Vi håper det pekte deg i riktig retning når det gjelder å forstå plugins. Denne artikkelen skal tjene som et springbrett for å utvikle komplekse WordPress-plugins som gjør alt du vil at de skal.

Hvis du har noen bekymringer eller forslag, vennligst gi oss beskjed innen commentaires. Du kan imidlertid også konsultere vår ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

I mellomtiden del denne artikkelen på de forskjellige sosiale nettverkene dine.   

...