WordPressi sisuloome tööriistade areng

WordPressi sisuloome tööriistade areng

Kuidas see toetab kaasaegset WordPressi veebilehe kujundamist? Teekond Quicktagsist Gutenbergi plokimaailmani.

WordPress areneb igal aastal, pakkudes kasutajatele üha mugavamaid ja lihtsamaid võimalusi kodulehe sisu loomiseks. Meie WordPressi arendaja Daniel Vasser teeb väikese ajarännaku WordPressi sisuloome tööriistade arengusse — alates esimestest HTML-nuppudest kuni tänapäevase Gutenbergi plokisüsteemini. See lugu aitab mõista, miks WordPress on maailmas nii populaarne ja kuhu suunas sisuhaldus tulevikus liigub.

Mis on sisuloome tööriist?

Sisuloome tööriist on koht, kus veebilehe sisu päriselt sünnib — tekst, pildid, plokid, elemendid ja paigutused. WordPressi vaatest tähendab see tööriista, kus saab:

• kirjutada ja paigutada teksti;
• lisada meediat;
• järjestada sektsioone;
• kujundada plokkide ja paigutada elemente.

See on tööriist, mis annab veebilehe haldajale võimaluse luua sisu ilma koodi kirjutamata.

—————————————————————————

Daniel Vasser
WordPressi arendaja

WordPressi areng lihtsast blogitööriistast CMS-iks

WordPress on CMS (Content Management System) ehk sisuhaldussüsteem, mis võimaldab kasutajatel lihtsalt luua ja hallata veebilehti, blogipostitusi ja muud veebilehe sisu. WordPress loodi 2003. aasta mais, kui avaldati esimene beetaversioon 0.71. Platvorm loodi PHP ja MySQL baasil ning selle eesmärk oli pakkuda kasutajasõbralik lahendus blogimiseks, artiklite avaldamiseks ja kommenteerimiseks.
WordPress sündis 2003. aastal kui platvorm, mis pidi lihtsustama blogimist. Esimesed versioonid olid pigem minimalistlikud – üks sisuväli ja hulk HTMLi. 2004. aastal lisandus „quicktags“, esimene mugavam tööriist, mis võimaldas lisada HTML-elemente nupuvajutusega. Näiteks:

• Bold → <strong>;
• Italic → <em>;
• linkide lisamine HTML-i sisestamata;

See oli alles algus, kuid tähtis samm kasutajasõbralikkuse suunas.

TinyMCE on klassikaline tööriist, mis kujundas WordPressi aastaid

2025. aastal saabus WordPress 2.0 ja koos sellega uus WYSIWYG-tööriist TinyMCE.
Võib öelda, et TinyMCE pani WordPressi tõeliselt kasvama, sest tegi sisu loomise kättesaadavaks kõigile — ka neile, kes HTML-ist midagi ei teadnud.

TinyMCE tõi WordPressi:

• võimaluse lisada teksti stiile nupuvajutusega;
• visuaalse joondamise ja tabeleid toetavad pluginad;
• HTML vaate ja visuaalse vaate vahel vahetamise.

See tööriist jäi WordPressi vaikimisi tööriistaks kuni versioonini 5.0 ja on tänaseni kättesaadav „Classic Editor“ pluginana.

TinyMCE oli standardiks kuni WordPress 5.0 versioonini, mil see asendati Gutenbergi plokkide kujundamise tööriistaga (kuigi „Classic Editor“ pluginina on TinyMCE endiselt kasutatav).

Advanced Custom Fields (ACF), kui sisu struktureerimise uus tase

Kuigi WordPress ise pakkus redigeerimiseks ühe sisuvälja, tekkis arendajatel vajadus luua keerukamat, struktureeritud sisu – näiteks korduvad sektsioonid, galeriid või dünaamilised sisublokid. Siin tuli mängu Advanced Custom Fields (ACF).

ACF võimaldas:

• lisada postitustele ja lehtedele kohandatud välju (tekst, pildid, korduvad grupid jpm);
• luua sisu sisestamisele süsteemsust;
• eraldada sisuloome ja kujundus loogiliselt.

ACF muutus arendajate seas eriti populaarseks, kuna see aitas välja töötada paindlikke, veel enne plokkide ilmumist „komponendilaadseid“ sisustruktuure, mida kasutati teemades ja mallides.

Page Builderid, ehk visuaalne loome enne Gutenbergi

Aastate jooksul kasvas nõudlus visuaalsete tööriistade järele, mis võimaldaksid kasutajatel lehti vabalt kujundada. Nii tekkisid populaarsed Page Builderid:

• WPBakery Page Builder;
• Divi Builder;
• Beaver Builder;
• Elementor (mis tõusis kõige laialdasemalt kasutatavaks)

Page builderid tõid WordPressi:

• reaalajas visuaalse muutmise;
• drag-and-drop paigutuse;
• eelkujundatud sektsioonid ja vidinad;
• täpse kontrolli paigutuse üle ilma koodi kirjutamata.

Kuigi need tööriistad laiendasid oluliselt võimalusi, tekitasid need tihti ka probleeme: keerulisem HTML-struktuur, sõltuvus builderist ja raskused migreerimisel.

Gutenberg on plokipõhise sisuhalduse uus standard

Kuidas Gutenberg muudab WordPressi kodulehe tegemise lihtsamaks?

2018. aasta lõpus ilmus WordPress 5.0, millega tutvustati uut plokkide loomise töörista Gutenberg. See tõi sisuloomele kaasa täieliku paradigma muutuse, kuna iga sisuelement on eraldiseisev plokk, mida saab kombineerida, ümber tõsta ja seadistada.

Gutenbergi plokkide lisamine ja seadistamine

Gutenberg on loodud võimalikult kasutajasõbralikuks, mistõttu on plokkide lisamine haldajale ülimalt lihtne ja intuitiivne. Vajutades sisuredaktoris „+“ ikoonile, avaneb olemasolevate plokkide kogu. Sealt saab valida sobiva ploki, misjärel lisatakse see sisusse ning paremas servas kuvatakse plokile vastavad seaded. Neid seadistusi saab muuta konkreetse ploki olemuse ja kujunduse täpsustamiseks.

Plokitüübid on:

• tekst (nt lõik, pealkiri, nimekiri, tsitaat jm);
• meedia (nt pilt, galerii, video, fail jm);
• disain (nt nupud, tulbad, tühi ruum, eraldaja jm);
• moodulid (Widgets, nt sotsiaalmeedia ikoonid jm);
• teema (nt postituse kuupäev, pealkiri, sisu jm);
• Embeds (nt Youtube’i, Spotify, Twitteri vm teenusepakkujate lehelt sisu lisamine URLi abil).

Gutenberg on tänase WordPressi keskne tulevikusuund, mis võimaldab luua plokipõhist sisu ja paigutusi lisapluginate abita. Page builderid ja ACF ei kao siiski kuhugi – neid kasutatakse jätkuvalt, eriti suuremates ja erilahendusi nõudvates projektides. Kuid WordPress liigub üha selgemalt tervikliku plokipõhise ökosüsteemi poole.

Tänapäevane WordPressi veebilehe kujundamine on muutunud oluliselt kasutajasõbralikumaks tänu Gutenbergi plokisüsteemile.

Kodulehe loomine WordPressi ja Gutenbergiga

Me usume, et kaasaegne veebileht peab olema kauni disaini ja lihtsa halduse täiuslik kooslus. Seetõttu kujundame ja arendame veebilehti kasutades WordPressi CMS-i ja Gutenbergi plokipõhist sisuloome tööriista, mis teeb edaspidise sisuhalduse meie klientidele selgeks, kiireks ja pingevabaks.

ED Hotelsis kujundame veebilehti, mis kasutavad:

• WordPressi CMS-i;
• Gutenbergi plokisüsteemi;
• tänapäevaseid arendusstandardeid.

Kui otsid partnerit, kes kujundab Sulle kaasaegse, Gutenbergile üles ehitatud WordPressi veebilehe, siis kirjuta meile – ED Hotels loob veebilehti, mis on ilusad, funktsionaalsed ja lihtsad hallata.

Meie PORTFOOLIO KÜSI PAKKUMIST