Štíhly web s krátkym kódom WordPress - Rashedi Consulting GmbH
Zvukové a obrazové súbory, galérie, zoznamy skladieb, tlačidlá a ďalšie dizajnové prvky: s krátkymi kódmi WordPress a prípadne so zodpovedajúcim doplnkom môžete toto všetko bez problémov integrovať na svoju stránku - často iba s jedným [skráteným kódom].
Takto vaša stránka vyzerá nielen elegantne, ale aj váš kód. Fascinujúca vec: s krátkymi kódmi môžete integrovať zložité prvky bez toho, aby ste museli mať akékoľvek znalosti programovania. Tento príspevok vám ukáže, ako presne funguje krátky kód pre štíhly kód.
A nebojte sa: pri práci s krátkymi kódmi môžete samozrejme piť colu a jesť pizzu!
Celý obrázok zobrazíte kliknutím na obrázok
1. Čo sú to krátke kódy WordPress?
„Krátke kódy“ sú skratky kódu, ktoré predstavujú dlhší kód. Vďaka nim zostáva kód štíhly a jasný, aj keď obsahuje komplexné funkcie. Podrobný kód, pre ktorý je skratka skratkou, je inde presne definovaný témou alebo doplnkom. Krátky kód preto funguje ako akýsi odkaz na podrobný kód: WordPress ho automaticky zahrnie prostredníctvom krátkeho kódu bez toho, aby musel byť uvedený individuálne v kóde stránky.
Namiesto toho, aby ste na stránku museli vkladať dlhé a podrobné časti kódu, napríklad pre galériu, stačí krátky kód [galéria]. Presný kód galérie je potom k dispozícii v téme alebo doplnku. WordPress preto postačuje krátky odkaz „[galéria]“, aby bolo možné vyvolať podrobné informácie inde a zobraziť galériu.
Skratky sú obzvlášť cenné, keď sa má na stránku vložiť niekoľkokrát určitý prvok - napríklad galéria. V týchto prípadoch stačí kód podrobne vykonať v jednom bode a integrovať ho do stránok, na ktorých sa má implementovať, pomocou krátkeho kódu.
2. Ako vyzerá krátky kód WordPress?
Krátky kód je v textovom zobrazení zobrazený v hranatých zátvorkách. V závislosti od krátkeho kódu môžete alebo musíte definovať ďalšie parametre, aby mohol WordPress implementovať krátky kód.
Vráťme sa k príkladu galérie. Základný krátky kód vyzerá takto:
WordPress teraz vie, že by mal na príslušnom mieste na stránke obsahovať galériu. Ale to nehovorí nič o počte a výbere obrázkov. Z tohto dôvodu poskytujeme WordPress ďalšie informácie pridaním ďalšieho atribútu: ID obrázkov, ktoré sa majú zahrnúť do galérie (a ktoré tak tiež určujú počet obrázkov):
Teraz máme možnosť pridať veľké množstvo ďalších atribútov, napríklad počet stĺpcov alebo veľkosť obrázka („veľkosť“):
[stĺpce galérie = "2" size = "large"]
Presné hodnoty, ktoré je možné tu zadať, sú regulované osobitne pre každý krátky kód a nemožno ich tu osobitne rozoberať. Ustanovenia týkajúce sa skratiek galérie nájdete v kódexe WordPress
Ostatné krátke kódy sú vložené do kódu WordPress pomocou hranatých zátvoriek a prípadne ďalších atribútov.
3. Príklady skratiek vo WordPresse
Samotný WordPress poskytuje predvolene šesť krátkych kódov. Môžete ich kedykoľvek použiť - aj keď nepoužívate žiadne konkrétne doplnky pre krátke kódy. Týchto šesť krátkych kódov je:
Pomocou krátkeho zvukového kódu môžete vložiť zvukové súbory na svoj web WordPress. Návštevníci ich potom môžu jedným kliknutím prehrať. Spravidla do krátkeho kódu vložíte názov súboru - koniec koncov, WordPress musí vedieť, aký zvuk má vôbec prehrať:
Je samozrejme dôležité, aby bol vo vašej knižnici médií uložený zodpovedajúci zvukový súbor s týmto názvom.
Podrobné informácie o zvukovej skratke nájdete tu.
Pomocou krátkeho kódu videa môžete - pravda, to nie je prekvapujúce - integrovať videá na svoju stránku. Rovnako ako v prípade obrázkov, aj tu zadajte názov súboru s videom. Ten by mal byť umiestnený pod médiami vo vašej knižnici médií. Krátky kód vyzerá napríklad takto:
Podrobný popis tohto krátkeho kódu v kódexe WordPress nájdete tu.
Pomocou skratiek titulkov môžete k obrázkom pridať titulky. WordPress vyžaduje, aby ste zadali „šírku“, pomocou ktorej môžete určiť šírku titulku v pixeloch. Môžete tiež zvoliť, či sa má popis zobraziť vľavo, v strede alebo vpravo pod obrázkom. K titulku môžete tiež priradiť ID alebo triedu, aby ste mohli zmeniť vzhľad pomocou CSS.
Viac informácií o titulkoch nájdete tu.
Krátky kód na vloženie umožňuje vložiť prvky do WordPressu a priradiť im pevnú veľkosť. Na rozdiel od ostatných krátkych kódov obsahuje vložený krátky kód otvárací a zatvárací prvok, t.j.
kde je zarámovaný prvok medzi dvoma prvkami krátkeho kódu. Potom môžete napríklad otváranému prvku priradiť atribúty výšky a šírky
Viac informácií o vloženom krátkom kóde nájdete tu.
Pomocou krátkeho kódu galérie môžete integrovať galériu do svojej stránky WordPress. Podrobnejšie vysvetlenie nájdete v predchádzajúcej časti tohto príspevku, odkaz na oficiálny popis skratky v kódexe WordPress tu.
Zoznam videí môžete integrovať do svojich stránok WordPress pomocou skráteného kódu pre zvukové aj obrazové súbory. Pomocou rôznych ďalších informácií môžete pridať dizajn, typ súboru a ID integrovaných prvkov. Krátky kód môže na konci vyzerať napríklad takto:
[playlist type = "audio" ids = "211 212 213" style = "dark"]
Podrobné informácie o skratke zoznamu skladieb nájdete v kódexe WordPress tu.
4. Ako pridať krátky kód na svoju stránku WordPress
Ak chcete vložiť krátke kódy, najskôr skontrolujte, ktorý editor používate.
Pokiaľ nemáte Verzia WordPress pred WordPress 5.0 alebo WordPress 5 s doplnkom Classic Editor prihláste sa do svojho backendu WordPress. Teraz kliknite na Príspevky alebo Stránky na paneli s ponukami vľavo - podľa toho, či chcete vytvoriť novú stránku alebo nový blogový príspevok. V našom príklade sa rozhodneme upraviť starý blogový príspevok.
Teraz si môžete vybrať medzi dvoma zobrazeniami: vizuálnym a textovým. Tu vyberte textové zobrazenie. Zobrazí sa vám HTML kód. Sem jednoducho vložte príslušný krátky kód.
Celý obrázok zobrazíte kliknutím na obrázok
Ak máte Gutenbergov editor urob to inak. Vytvorte nový blok pre krátky kód. Kliknite na znamienko plus naľavo od prázdneho poľa pre blok.
Celý obrázok zobrazíte kliknutím na obrázok
Teraz môžete vybrať prvky z rôznych kategórií. Prejdite do kategórie Widgety.
Celý obrázok zobrazíte kliknutím na obrázok
Teraz kliknite na ikonu krátkeho kódu.
Celý obrázok zobrazíte kliknutím na obrázok
WordPress teraz pre vás vytvorí blok krátkych kódov.
Celý obrázok zobrazíte kliknutím na obrázok
Do tohto bloku zadajte požadovaný kód. Upozornenie: Aj keď WordPress už vie, že chcete do tohto bloku zahrnúť krátky kód, pre vstup musíte stále používať hranaté zátvorky.
Celý obrázok zobrazíte kliknutím na obrázok
5. Pluginy s krátkym kódom
Ak si programujete krátke kódy WordPress sami, ste - ako už prezrádza sloveso „program“ - ste na úrovni programátora. Inými slovami: Už nepracujete s funkciami WordPressu, ale pracujete priamo s kódom PHP.
Ak sa tomu chcete vyhnúť, ale nechcete sa vzdať používania konkrétnych krátkych kódov, odporúčame vám použiť doplnok s krátkym kódom. Tieto vkladajú na vašu stránku rôzne skratky bez toho, aby ste museli niečo programovať sami.
Na trhu existuje veľké množstvo takýchto doplnkov, z ktorých by sme vám v tomto okamihu chceli predstaviť tri: