Vaadate WordPressi administraatori paneeli ja mõtlete: „Ma suudan enamat kui lihtsalt plokke lohistada." Või kirjutate juba PHP-d/JavaScripti ja tahate mõista, kuidas maailma populaarseim CMS kapoti all töötab. Mõlemad stsenaariumid viivad sama küsimuseni: kust alustada WordPressi arendusega, et mitte uppuda dokumentatsiooni ja nädala pärast alla anda?

Probleem pole WordPressi keerukuses. Probleem on selles, et enamik „algaja juhendeid" kas selgitab, kuidas administraatori paneeli kaudu teemat paigaldada, või viskab teid kohe pistikprogrammi loomisesse koos konksude ja REST API-ga. Peaaegu puudub keskmine tee, teekaart nullist esimese sisuka koodini. Me käisime selle ise läbi ja panime selle siia kokku: ilma uduta, konkreetsete tööriistade ja linkidega elavatele allikatele.

💡 Kiirülevaade:

• PHP, CSS, HTML: kolm keelt, mida vajate kohe; JavaScript tuleb hiljem, kui olete põhitõed selgeks saanud
• Kohalik keskkond: WordPress Studio või Local, töötab 5 minutiga, majutust pole vaja
• Teemad: parim sisenemispunkt algajale; pistikprogrammid: järgmine tase; tuum: kindlatele PHP arendajatele
• Ametlikud allikad: Developer Resources, Learn WordPress ja WP-CLI katavad enamiku levinud küsimusi
• Kogukond: foorumid, WordCampid ja Slacki kanalid, mis muudavad üksinda õppimise karjääriks

1. Millele WordPress on ehitatud

WordPress on kirjutatud PHP-s ja salvestab andmed MySQL-i. See pole hingetu „skript pluss andmebaas" kombinatsioon: üle 20-aastase arengu jooksul on tuuma ümber kasvanud ökosüsteem sadade API-de, konksusüsteemi, REST API, plokiredaktori ja oma CLI utiliidiga. Kuid alustades peab arendaja mõistma vaid kolme kihti.

PHP tegeleb loogikaga. Iga saidi leht pannakse kokku PHP mallidest, mis kutsuvad välja tuuma ja pistikprogrammide funktsioone, pärib andmebaasist WP_Query kaudu ja genereerib HTML-vastuse. Ilma PHP-ta ei saa kirjutada ühtegi teemat ega pistikprogrammi; see on hädavajalik esimesest päevast alates.

CSS ja HTML moodustavad esitluskihi. WordPressi teemad on peamiselt PHP-failid, kuid need näevad välja sellised, nagu kirjeldate CSS-is. Kaasaegne WordPress kasutab plokiredaktorit (Gutenberg) ja CSS Flexboxi/Gridi mõistmine on praegu olulisem kui viis aastat tagasi. HTML on liim: märgendus vidinatele, menüüdele ja mallidele.

JavaScript on neljas keel. Seda pole alguses vaja (saate kirjutada teema ilma ühegi JS-ita), kuid kui plaanite töötada Gutenbergi plokkide või interaktiivsete elementidega, saavad React ja @wordpress/scripts teie tööriistadeks. Jätke JS hilisemaks, kui olete PHP + CSS kombinatsiooni selgeks saanud.

2. Kohalik keskkond: kus koodi kirjutada

WordPressi arenduse esimene reegel: ärge kunagi katsetage elava saidi peal. Katkine functions.php ilma FTP juurdepääsuta tähendab õhtut paanikas ja varukoopiast taastamist. Õnneks on kohaliku WordPressi seadistamine praegu lihtsam kui kunagi varem.

WordPress Studio on ametliku meeskonna tasuta rakendus, mis töötab Windowsis ja macOS-is. See käivitub ühe klõpsuga, kasutab saitide isoleerimiseks WebAssemblyt ega vaja Dockerit ega XAMPP-i. Ideaalne valik esimeseks kokkupuuteks koodiga.

Local (endine Local by Flywheel) on alternatiiv rikkalikuma liidesega: PHP versiooni vahetamine, andmebaasi sirvimine Admineri kaudu ja demo-URL-id klientidele näitamiseks. See sobib, kui plaanite paralleelselt käitada mitut projekti.

Neile, kes juba tunnevad konteinereid, annavad ametlik wordpress Dockeri tõmmis ja wp-env (Gutenbergi meeskonna pakett) täieliku kontrolli keskkonna üle. Kuid alguses on see liialdus; Studio või Local katab teie vajadused järgmiseks kuueks kuuks kuni aastaks.

3. Esimene tee: teemaarendus

Teemad on kõige loomulikum sisenemine WordPressi arendusse. Näete tulemusi kohe, töötate kõigi kolme peamise keelega (PHP, CSS, HTML) ja saate piiluda, kuidas teised teemad on ehitatud, kuna kood on avatud.

Alustage alamteemaga. See on kõige ohutum lähenemine: loote kausta, lisate style.css koos päisekommentaariga ja functions.php, mis järjekorda paneb ülemteema. Seejärel kirjutate ühe malli üle, lisate ühe CSS-faili, haakute ühe tegevuse külge. Väikesed võidud iga päev.

WordPressi mallide hierarhia on dokument, mis tasub välja printida ja töölaua kohale riputada. See näitab, millist PHP-faili iga lehe jaoks kutsutakse: front-page.php → home.php → index.php ja nii edasi. Selle ahela mõistmine on pool teemaarendaja ametist.

Kui olete alamteema selgeks saanud, proovige kirjutada teema nullist. Minimaalne komplekt: index.php, style.css ja functions.php. Lisage plokiredaktori tugi add_theme_support('wp-block-styles') ja menüüd register_nav_menus() kaudu. WordPress Developer Resources sisaldab täielikku nimekirja saadaolevatest add_theme_support valikutest koos näidetega; hoidke see vahekaart avatuna.

4. Teine tee: pistikprogrammide arendus

Pistikprogrammid on kood, mis laiendab WordPressi teemast sõltumatult. Foorum, veebipood, broneerimissüsteem, kohandatud postitüübid: kõik on pistikprogrammid. Sisenemisbarjäär on kõrgem kui teemade puhul: peate mõistma konkse (add_action, add_filter), teadma $wpdb-st ja suutma lugeda teiste koodi.

Minimaalne plugin on üksainus PHP-fail, millel on /* Plugin Name: ... */ päis. See võib juba sisaldada konksu, mis näiteks lisab saidi jalusesse teksti läbi add_filter('the_content', ...). Proovi juba täna üks kirjutada; see võtab 10 minutit ja võtab sõnalt „plugin" hirmu maha.

Järgmine samm on tutvuda arendaja ressursside Plugin Handbook materjaliga. See käsitleb plugina struktuuri, aktiveerimist/deaktiveerimist, andmebaasiga töötamist ja seadete lehtede loomist. Ära ürita kõike läbi lugeda; ava vajalik osa vastavalt vajadusele.

Pluginate algajate peamine reegel: ära leiuta jalgratast. Peaaegu iga ülesande jaoks on plugin juba olemas. Vaata, kuidas see on lahendatud mõnes populaarses tasuta repositooriumi pluginas; see on parim õpik. WordPress.org-i repositoorium sisaldab üle 60 000 avatud lähtekoodiga plugina.

5. Kolmas tee: WordPressi tuumikusse panustamine

See ei ole algajatele, kuid sellest võimalusest teadmine on kasulik. WordPress on avatud lähtekoodiga projekt ja iga väljalase sisaldab paiku sadadelt arendajatelt üle kogu maailma.

Osalemine eeldab kindlaid PHP oskusi, kodeerimisstandardite tundmist ja valmisolekut koodiülevaatuse läbimiseks. Protsess käib Trac-piletite kaudu aadressil core.trac.wordpress.org. Alustada saab good-first-bug sildiga: need on väikesed vead, mis on spetsiaalselt valitud uute panustajate jaoks.

Isegi kui sa ei plaani tuumikusse paiku teha, on Trac-piletite ja nende arutelude lugemine suurepärane viis mõista, kuidas arhitektuurilisi otsuseid tehakse projektis, millel on miljoneid installatsioone.

6. Kust õppida: elavad allikad aegunud linkide asemel

Codex on surnud; elagu Developer Resources. See on ametlik portaal, mis asendas vana Codexi: koodiviide igale funktsioonile ja klassile, juhendid teemade ja pluginatega töötamiseks, plokiredaktor, REST API ja WP-CLI. Kui avad ainult ühe vahelehe, siis ava see.

Learn WordPress pakub WordPress.org-i meeskonna tasuta struktureeritud kursusi. Seal on videod, tekstimaterjalid ja harjutamiseks mõeldud liivakastid. „Beginner WordPress Developer" rada viib sind paari tunniga paigaldamisest esimese pluginani.

Konkreetsete küsimuste korral kasuta WordPress.org-i tugifoorumit ja Stack Overflow'd. Stack Overflow's sisaldab wordpress silt üle 60 000 vastatud küsimuse; peaaegu kindlasti on keegi sinu küsimuse juba esitanud. Tugifoorum on hea konkreetsete pluginatega ja teemadega seotud probleemide lahendamiseks.

WP-CLI on käsureatööriist, mis säästab sulle tunde. Käsk wp scaffold plugin loob plugina skeletti, wp search-replace muudab URL-e kogu andmebaasis, wp cron event list näitab ajastatud ülesandeid. Õpi selgeks vähemalt 10 käsku; see tasub end ära juba esimesel nädalal.

7. Kogukond, ilma milleta sa ei saa hakkama

Üksik arendaja, kes kogukonnaga ei suhtle, leiutab paratamatult jalgratast ja jääb ilma olulistest muudatustest. WordPressi kogukond on üks sõbralikumaid avatud lähtekoodiga kogukondi.

Praktilisest vaatenurgast: WordPress Slackis on kanalid iga valdkonna jaoks: #core tuumaaruteludeks, #themes teemade jaoks, #plugins pluginatega tegelemiseks ja #docs dokumentatsiooni jaoks. Seal saad esitada küsimuse ja saada vastuse arendajatelt, kes sedasama tuuma kirjutavad. WordCampid on ühepäevased konverentsid, mida korraldatakse üle maailma (kaasa arvatud Venemaal ja SRÜ riikides) ja kus kohtud inimestega, kelle pluginaid sa kasutad.

Osalemiseks on ka teisi viise: dokumentatsiooni ja liidese tõlkimine oma keelde, beetaversioonide testimine, tugifoorumis abistamine. Igaüks neist süvendab sinu arusaama süsteemist, ehitades samal ajal sinu mainet. WordPressi ökosüsteemis muutub maine otse klientideks.

🎥 Seotud video

Tekstijuhend on raamistik, kuid mõnikord on lihtsam midagi korra näha. Siin on üksikasjalik WordPressi arendaja teekaart koos tööriistade ja õppimisetappide jaotusega:

⁉️🤔 Korduma kippuvad küsimused

Millise keelega peaksin alustama, PHP või JavaScript?

PHP. WordPress on ehitatud PHP-le ja ilma selleta ei mõista sa konkse, malle ega WP_Query't. JavaScripti on vaja plokiredaktori ja esiliidese interaktiivsuse jaoks, kuid see on teine samm. Teekond: PHP + HTML/CSS → põhitõed → esimene plugin → JavaScript/React.

Kas ma pean MySQL-i õppima?

Mitte alguses. WordPress abstraheerib andmebaasitöö WP_Query ja $wpdb kaudu. Kuid wp_posts, wp_postmeta ja wp_options tabelite struktuuri mõistmine säästab sulle tunde silumist. Tee läbi üks lühike phpMyAdmini või Admineri õpetus; sellest piisab esimeseks kuueks kuuks.

Kui kaua võtab aega nullist esimese pluginani jõudmine?

Kui oskad juba PHP-d algtasemel, siis 2-3 nädalat igapäevase harjutamisega. Programmeerimises nullist alustades 2-3 kuud. Sinu esimene plugin on lihtne (näiteks lühikood, mis väljastab praeguse kuupäeva vormindatult), kuid see on päris, töötav kood.

Teema või plugin: kumb on karjääri mõttes parem?

Teemade arendajad on alati nõutud, sest iga sait vajab teemat. Pluginate arendajad teenivad rohkem jaotuse kaudu (freemium-mudel WordPress.org-is). Ideaalne tee: alusta teemadest, et ökosüsteemi tundma õppida, seejärel kirjuta plugin, mis lahendab konkreetse vajaduse. Parimad spetsialistid oskavad mõlemat.

Kas mul on GitHubi vaja?

Absoluutselt. Isegi kui kirjutad „sahtlisse", päästab Git su, kui rikud oma koodi ja ei mäleta, mida muutsid. Lisaks on link GitHubi profiilile koos elavate WP teemade ja pluginate repositooriumitega parim argument klientide otsimisel. Alusta juba täna käsuga git init oma teemakaustas.

Mida kohe teha: sinu esimene nädal

Teekaart ei tööta, kui sa seda lihtsalt loed. Siin on plaan järgmiseks seitsmeks päevaks, konkreetne ja teostatav.

Paigalda WordPress Studio või Local. Loo testsait. Ava kaust wp-content/themes, loo alamteema twentytwentyfive jaoks ja pane see halduspaneelis tööle. See on esimene päev ja võib-olla kõige olulisem: oled ületanud barjääri „ma ei tea, kuhu klõpsata".

Teine ja kolmas päev: lisa faili functions.php üks konks (näiteks wp_enqueue_scripts oma CSS-faili laadimiseks) ja muuda selle faili kaudu pealkirja värvi. Väike tulemus, kuid sa juba suhtled WordPressi konksudega.

Neljas ja viies päev: loo kausta wp-content/plugins eraldi kaust, kirjuta minimaalne plugin ühe lühikoodiga, kasutades add_shortcode(). Sisesta lühikood suvalisse postitusse ja näe tulemust. See ongi kõik; sa oled pluginaarendaja.

Kuues ja seitsmes päev: registreeru ametlikus WordPressi Slackis, liitu kanaliga #core ja loe läbi mõned piletid WordPressi Trac-süsteemis. Mitte osalemiseks, vaid selleks, et näha, kuidas projektis, millega sa nüüd töötad, otsuseid tehakse.

Esimese nädala peamine reegel: kirjuta koodi iga päev. 30 minutit praktikat on väärtuslikum kui kolm tundi dokumentatsiooni lugemist. WordPress on ökosüsteem, mida õpitakse kätega.

🔗 Developer Resources, ametlik WordPressi dokumentatsioon