Želite li naučiti kako stvoriti a WordPress plugin jednostavan?
WordPress je miljenik mnogih, i to s pravom. Nevjerojatno 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 sve funkcije koje imate na umu.
Ako ste savršeni početnik, WordPress plugins su poput aplikacija na vašem telefonu. Vaš telefon dobro funkcionira kakav jest, ali možete dodati više značajki pomoću aplikacija. Isto vrijedi i za WordPress sustav za upravljanje sadržajem (CMS).
WordPress platforma je već moćna, ali možete učiniti mnogo više koristeći dodatke. Na primjer, WordPress plugins omogućuju vam dodavanje dodatnih značajki kao što su e-trgovina, SEO, zaštita od spama, napredni obrasci, društvene mreže, bolja sigurnost, live chat, vizualna izrada stranica i još mnogo toga.
Ima ih na tisuće WordPress plugins besplatno i premium. THE službeno spremište dodataka WordPress samo ima preko 59 besplatnih dodataka u trenutku pisanja! Ostala tržišta, kao npr CodeCanyon, nudi vam tisuće vrhunskih WordPress dodataka.
To znači da bi mogao postojati dodatak za gotovo svaku značajku koju možete dodati na svoje WordPress web mjesto. Ipak, ponekad vam može trebati nešto nedostupno iz gore navedenih izvora dodataka. U ovom slučaju, možda ćete morati stvoriti a WordPress plugin ispočetka ili modificirati (ili fork) postojeći dodatak.
A u današnjem članku ćemo vam pokazati kako napisati a WordPress plugin jednostavno, što je dobro ako želite stvoriti nešto jednostavno ili bezglavo zaroniti u razvoj dodataka. S ovom preambulom, počnimo.
Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog
Onda se vratimo zašto smo ovdje.
Pisanje jednostavnog WordPress dodatka: osnove
Prije nego što prijeđemo na zabavni dio, potrebno je znati nekoliko osnovnih stvari. Kao početnik, mogli biste pretpostaviti da je stvaranje WordPress dodataka teško. Pa, ne baš. Svatko može nauči pisati dodatak, bez obzira imate li diplomu informatike ili ne.
U isto vrijeme, neko znanje PHP kodiranja pomoći će vam dalje ako planirate pisati više dodataka u budućnosti. S ovim znanjem bolje ćete razumjeti kako PHP funkcije, što vam uvelike 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 upoznati se s WordPress standardi kodiranja i najbolji primjeri iz prakse ostati na sigurnoj strani.
Opusti se 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.
Što vam je potrebno za pisanje dodatka za WordPress
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 pođe po zlu, riskirate slomiti svoju web stranicu, što može dovesti do užasnog zastoja dok popravljate stvari.
Umjesto toga, napravite lokalnu testnu web stranicu ili na svom poslužitelju. Evo kako:
- Instalirajte WordPress na Windows lokalno pomoću XAMPP-a
- Instalirajte WordPress na Mac lokalno s MAMP-om
Osim toga, trebat će vam uređivač teksta kao što je Notepad ++, Uzvišeni tekst ou Atom. Iako nije uvjet, možete koristiti alate kao što su pluginplate ou Dodatak za ploču kotla za ubrzanje razvoja (više o tome kasnije).
Sada napišimo jednostavan WordPress dodatak. Za ovaj vodič izradit ćemo dodatak koji će dodati prilagođenu vrstu objave za web stranicu restorana koju ćemo izraditi.
Za neupućene, WordPress podržava više vrsta postova, uključujući stranice, postove, privitke, recenzije i navigacijski izbornik. Za naš scenarij izradit ćemo jednostavan WordPress dodatak koji dodaje prilagođenu vrstu objave "Recept". U svrhu ilustracije, ovaj dodatak ćemo nazvati “Vrući recepti”.
Kako napisati jednostavan WordPress dodatak
Svaki WordPress dodatak ima glavnu datoteku koju možete izraditi ručno ili pomoću alata kao što su Plugin Boilerplate ili Pluginplate. Kako 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 glavna datoteka.
Izrada glavne datoteke
Posjet pluginplate.com a zatim pritisnite gumb Napravite svoj dodatak, kao što ističemo u nastavku.
Zatim ispunite podatke o dodatku kao što je prikazano u nastavku. Pri dnu stranice primijetit ćete odjeljak moduli što vam omogućuje dodavanje dodatne funkcionalnosti vašem dodatku. Također imajte na umu da svaki modul možete prilagoditi klikom na plus (+), kao što detaljno opisujemo u nastavku. Nakon što ste zadovoljni, kliknite na gumb generirati le uključiti :
Nakon toga kliknite na gumb Preuzimanje i spremite svoj dodatak na svoje računalo.
Sada imamo sve osnovne datoteke koje su nam potrebne iz glavne datoteke. Naš WordPress dodatak neće učiniti ništa kakav jest. Moramo dodati kod koji će se pokrenuti kada aktiviramo dodatak. Na temelju našeg primjera, naša glavna datoteka je hot-recipes.php, što je datoteka koju ćemo uređivati u sljedećem odjeljku.
Dodavanje funkcija
Da biste locirali datoteku hot-recipes.php, izdvojite ZIP mapu koju ste preuzeli s Pluginplatea:
Unutar mape trebali biste vidjeti svoju glavnu datoteku, što u našem slučaju – opet – jest vrući recepti. PHP:
U mapi dodataka možete vidjeti hrpu drugih datoteka, ali nam trenutno ne trebaju. Zatim, dodajmo neke funkcije glavnoj datoteci. Otvorite glavnu datoteku (vrući recepti.php) u vašem omiljenom uređivaču teksta (koristimo Visual Studio Code).
Vidi također: Kako onemogućiti komentare u WordPressu
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();
Gornji kod će WordPressu reći naziv dodatka zajedno s verzijom, autorom, licencom i ostalim detaljima. Ne trebate ništa mijenjati. Idemo na sljedeći korak.
Odmah ispod gornjeg koda 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' );Gornji kod jednostavno registrira našu prilagođenu vrstu posta "recepti" s nizom opcija. Također dodaje značajke poput podrške za recenzije, prilagođena polja, izvatke, komentare, istaknute slike i još mnogo toga. Ovo su značajke koje ćete vidjeti u uređivaču postova kada dodate novi recept.
Zipirajte svoju mapu dodataka
Spremite sve svoje promjene. Komprimirajte mapu topli recepti (ovo je mapa u kojoj ste pronašli glavnu datoteku vrući recepti.php koju smo upravo uredili) u arhivu hot-recepti.zip (na Macu je jednostavno kliknuti desnom tipkom miša, komprimirati datoteku - a na PC-u vjerujem da je vrlo slično). Samo provjerite je li vaša mapa spremljena s nastavkom .ZIP ili se dodatak neće instalirati.
Otkrijte također: Kako dodati beskonačno pomicanje na WordPressu
Zatim se prijavite na svoju web stranicu za testiranje i idite na Proširenja> Dodaj , kako je prikazano dolje.
Zatim kliknite na gumb Upload plugin, odaberite ZIP mapu dodatka na računalu i kliknite sada instalirati:
tada aktivirati plugin
Sada, ako provjerite svoj WordPress administratorski izbornik, primijetit ćete svoju novu vrstu publikacija Recepti, uz mogućnost dodavanja novih recepata:
Čestitamo na pisanju svog prvog jednostavnog WordPress dodatka! S ovim uvodom možete ići dublje i igrati se s kodom kako biste vidjeli što 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 trebate je još nekoliko resursa (pogledajte priručnik dodataka) i puno vježbe i brzo ćete kodirati.
Lira aussi Kako ukloniti vezu "Ponosno pokreće WordPress".
Programiranje i pisanje dodataka za WordPress na prvu se može činiti zastrašujućim, pogotovo kao početniku. Ali s pravim alatima i nekoliko resursa za učenje, možete razviti dodatke poput šefa. Bit će dovoljno imati neke pojmove o kodiranju i odlučnosti.
Ostali preporučeni resursi
Također vas pozivamo da se savjetujete sa donjim izvorima kako biste poboljšali i kontrolirali svoju web stranicu i blog.
- 10 WordPress dodataka za upravljanje oglašavanjem
- Neki dodaci za integraciju Googleovih usluga na svom blogu
- Kako stvoriti prilagođene predloške WordPress
- 10 pridruženih WordPress dodataka za izradu programa
- Kako koristiti različite pozadine na WordPressu
Zaključak
To je to za ovaj tutorial. Nadamo se da vas je uputilo u pravom smjeru kada je u pitanju razumijevanje dodataka. Ovaj bi članak 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 konzultirati i s našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
U međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
