Želite li naučiti kako kreirati a WordPress dodatak jednostavno?

WordPress je miljenik mnogih, i to s pravom. Nevjerovatno je jednostavan za korištenje, besplatan (ili open-source), fleksibilan i najbolji dio, prilično proširiv. Pomoću dodataka možete proširiti WordPress kako biste dodali gotovo svaku funkcionalnost koju imate na umu.

Ako ste savršeni početnik, WordPress plugins su kao aplikacije na vašem telefonu. Vaš telefon radi dobro kakav jeste, ali možete dodati više funkcija pomoću aplikacija. Isto važi i za WordPress sistem za upravljanje sadržajem (CMS).

WordPress platforma je već moćna, ali možete učiniti mnogo više koristeći dodatke. Na primjer, the WordPress plugins omogućavaju vam da dodate dodatne funkcije kao što su e-trgovina, SEO, zaštita od neželjene pošte, napredni obrasci, društvene mreže, bolja sigurnost, live chat, vizuelno kreiranje stranica i još mnogo toga.

Ima ih na hiljade WordPress plugins besplatno i premium. THE zvanično skladište WordPress dodataka samo ima preko 59 besplatnih dodataka u vrijeme pisanja! Ostale pijace, kao npr CodeCanyon, nudi vam hiljade vrhunskih WordPress dodataka.

Ovo znači da možda postoji dodatak za skoro svaku funkciju koju možete dodati na svoju WordPress web stranicu. Ipak, ponekad će vam možda trebati nešto nedostupno iz gore navedenih izvora dodataka. U ovom slučaju, možda ćete morati kreirati a WordPress dodatak ispočetka ili modificirati (ili fork) postojeći dodatak.

A u današnjem članku ćemo vam pokazati kako napisati a WordPress dodatak jednostavno, što je dobro ako želite da kreirate nešto jednostavno ili da zaronite glavom u razvoj dodataka. Sa ovom preambulom, hajde da počnemo.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.

Pisanje jednostavnog WordPress dodatka: osnove

Prije nego pređemo na zabavni dio, postoji nekoliko osnovnih stvari koje trebate znati. Kao početnik, mogli biste pretpostaviti da je stvaranje WordPress dodataka teško. Pa, ne baš. Svi mogu naučiti pisati dodatak, bilo da imate diplomu informatike ili ne.

U isto vrijeme, neko znanje o PHP kodiranju pomoći će vam dalje ako planirate pisati još dodataka u budućnosti. Sa ovim znanjem, bolje ćete razumjeti kako PHP funkcije, što vam znatno olakšava posao. Ipak, lako je.

Također, ovisno o funkcionalnosti koja vam je potrebna, vaš WordPress dodatak može sadržavati jednu ili više datoteka, uključujući CSS stilove, JavaScript skripte i medijske datoteke. Na kraju, važno je da se upoznate sa WordPress standardi kodiranja i najbolje prakse da ostanem na sigurnoj strani.

Polako jer danas se nećemo upuštati u složene stvari. Pokazat ćemo vam kako napisati jednostavan WordPress dodatak i podijeliti neke alate i resurse koji će vam olakšati posao.

Šta vam je potrebno da napišete WordPress dodatak

Trebat će vam nekoliko stvari prije nego što napišete svoj WordPress dodatak. Za početak, nemojte testirati svoj dodatak na svojoj web stranici. Ako nešto krene po zlu, rizikujete da pokvarite svoju web stranicu, što može dovesti do užasnog zastoja dok popravljate stvari.

Umjesto toga, kreirajte lokalnu test web stranicu ili na svom serveru. Evo kako:

Osim toga, trebat će vam uređivač teksta kao što je Notepad ++SublimeText ou atom. Iako nije uslov, možete koristiti alate kao što su pluginplate ou Dodatak za bojler ploču za ubrzanje razvoja (više o tome kasnije).

Sada napišimo jednostavan WordPress dodatak. Za ovaj vodič kreirat ćemo dodatak koji će dodati prilagođeni tip objave za web stranicu restorana koju ćemo kreirati.

Za neupućene, WordPress podržava više vrsta objava, uključujući stranice, objave, priloge, recenzije i navigacijski meni. Za naš scenario, kreiraćemo jednostavan WordPress dodatak koji dodaje prilagođeni tip objave „Recept“. Ilustracije radi, ovaj dodatak ćemo nazvati “Vrući recepti”.

Kako napisati jednostavan WordPress dodatak

Svaki WordPress dodatak ima glavnu datoteku koju možete kreirati ručno ili pomoću alata kao što su Plugin Boilerplate ili Pluginplate. Da biste uštedjeli vrijeme, koristite Pluginplate (intuitivniji je) za generiranje glavne datoteke i nekih dodatnih datoteka i mapa koje će vam možda trebati kasnije. Za sada nam treba samo glavni fajl.

Kreiranje glavnog fajla

Rendez-vous on pluginplate.com i kliknite na dugme Kreirajte svoj dodatak, kao što ističemo u nastavku.

Zatim popunite informacije o dodatku kao što je prikazano ispod. Pri dnu stranice primijetit ćete odjeljak Moduli što vam omogućava da dodate dodatnu funkcionalnost svom dodatku. Također imajte na umu da svaki modul možete prilagoditi klikom na plus (+), kao što detaljno opisujemo u nastavku. Kada ste zadovoljni, kliknite na dugme proizvesti le plugin :

kreirajte jednostavan WordPress dodatak

Nakon toga kliknite na gumb Preuzimanje i sačuvajte svoj dodatak na računaru.

Sada imamo sve osnovne datoteke koje su nam potrebne iz glavnog fajla. Naš WordPress dodatak neće raditi ništa kakav jeste. Moramo dodati kod koji će se pokrenuti kada aktiviramo dodatak. Na osnovu našeg primjera, naš glavni fajl je hot-recipes.php, što je datoteka koju ćemo uređivati ​​u sljedećem odjeljku.

Dodavanje funkcija

Da biste locirali fajl hot-recipes.php, izvucite ZIP folder koji ste preuzeli sa Pluginplate:

kreirajte jednostavan WordPress dodatak

Unutar foldera, trebali biste vidjeti svoju glavnu datoteku, koja u našem slučaju – opet – jeste vrući recepti.php:

kreirajte jednostavan WordPress dodatak

U folderu dodataka možete vidjeti gomilu drugih datoteka, ali nam trenutno ne trebaju. Zatim, dodajmo neke funkcije glavnoj datoteci. Otvorite glavni fajl (hot recipes.php) u vašem omiljenom uređivaču teksta (koristimo Visual Studio Code).

Vidi takođe: Kako onemogućiti komentare u WordPress-u

Vidjet ćete sljedeći isječak koda ili nešto slično ovisno o tome kako ste ispunili obrazac na Pluginplateu:

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

Kod iznad će WordPressu reći ime dodatka zajedno sa verzijom, autorom, licencom i drugim detaljima. Ne morate ništa mijenjati. Idemo na sljedeći korak.

Odmah ispod koda iznad, dodajte sljedeći kod:

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

Kod iznad jednostavno registruje naš prilagođeni tip posta „recepti“ s nizom opcija. Takođe dodaje funkcije kao što su podrška za recenzije, prilagođena polja, izvodi, komentari, istaknute slike i još mnogo toga. Ovo su karakteristike koje ćete vidjeti u uređivaču postova kada dodate novi recept.

Zipirajte svoju fasciklu dodataka

Sačuvajte sve promjene. Komprimirajte folder vrući recepti (ovo je fascikla u kojoj ste pronašli glavnu datoteku hot recipes.php  koji smo upravo uredili) u arhivi hot-recipes.zip (na Mac-u je jednostavno kao kliknuti desnim tasterom miša, zipovanje fajla - a na PC-u verujem da je veoma slično). Samo provjerite je li vaša mapa spremljena sa ekstenzijom .ZIP ili se dodatak neće instalirati.

Vidi takođe: Kako dodati beskonačno pomicanje na WordPressu

Zatim se prijavite na svoju web stranicu za testiranje i idite na Proširenja> Dodaj , kao što je prikazano u nastavku.

Zatim kliknite na dugme Upload plugin, odaberite ZIP folder dodatka na vašem računaru i kliknite Instalirajte sada:

kreirajte jednostavan WordPress dodatak

onda aktivirati plugin

Sada ako provjerite svoj WordPress administratorski meni, primijetit ćete svoj novi tip publikacija Recepti, sa mogućnošću dodavanja novih recepata:

kreirajte jednostavan WordPress dodatak

Čestitamo na pisanju svog prvog jednostavnog WordPress dodatka! Sa ovim uvodom, možete ići dublje i igrati se sa kodom da vidite šta možete postići. Također, možete proučiti izvorni kod drugih dodataka (svi WordPress dodaci su otvorenog koda) kako biste saznali više.

Sada sve što vam treba je još nekoliko resursa (pogledajte priručnik za dodatke) i puno vježbe i brzo ćete kodirati.

Pročitajte takođe Kako ukloniti vezu “Ponosno pokreće WordPress”.

Programiranje i pisanje WordPress dodataka u početku može izgledati zastrašujuće, posebno kao početnika. Ali sa pravim alatima i nekoliko resursa za učenje, možete razviti dodatke kao šef. Biće dovoljno imati neke pojmove o kodiranju i određivanju.

Ostali preporučeni resursi

Također vas pozivamo da se konzultirate sa resursima u nastavku kako biste otišli dalje u nadzor i kontrolu vaše web stranice i bloga.

zaključak

To je to za ovaj tutorijal. Nadamo se da vas je uputio u pravom smjeru kada je u pitanju razumijevanje dodataka. Ovaj članak bi trebao poslužiti kao odskočna daska za razvoj složenih WordPress dodataka koji rade sve što želite.

Ako imate bilo kakvih nedoumica ili prijedloga, molimo da nas obavijestite u roku komentari. Međutim, možete se obratiti i kod nas sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.

U međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.   

...