Lean webhely WordPress rövid kóddal - Rashedi Consulting GmbH
Audio- és videofájlok, galériák, lejátszási listák, gombok és egyéb tervezési elemek: a WordPress rövid kódokkal és esetleg egy hozzá tartozó beépülő modullal mindezt könnyedén integrálhatja az oldalába - gyakran csak egyetlen [rövid kód] segítségével.
Ettől nemcsak az oldala válik elegánssá, hanem a kódja is. A lenyűgöző dolog: rövid kódokkal integrálhatja az összetett elemeket anélkül, hogy saját maga rendelkezne programozási ismeretekkel. Ez a bejegyzés megmutatja, hogyan működik pontosan a Lean Code rövid kódja.
És ne aggódjon: rövid kódokkal dolgozva természetesen ihat kólát és ehet pizzát!
A teljes kép megtekintéséhez kattintson a képre
1. Mik a WordPress rövid kódjai?
A "rövid kódok" olyan rövidítések, amelyek hosszabb kódot jelentenek. Nekik köszönhetően a kód továbbra is karcsú és világos, annak ellenére, hogy összetett funkciókat tartalmaz. A részletes kódot, amelynek rövid kódja a rövidítés, máshol pontosan meghatározza egy téma vagy plugin. A rövid kód tehát egyfajta linkként működik a részletes kódhoz: A WordPress automatikusan beírja ezt a rövid kódba, anélkül, hogy külön kellene feltüntetni az oldal kódjában.
Ahelyett, hogy hosszú és részletes kódrészleteket kellene beszúrni az oldalba, például egy galéria számára, a rövid kód [galéria] elegendő. A galéria pontos kódja ekkor elérhető egy témában vagy beépülő modulban. A WordPress ezért elegendő a "[galéria]" rövid hivatkozáshoz, hogy a részletes információkat másutt lehívhassa és galéria jelenhessen meg.
A rövid kódok akkor különösen értékesek, ha egy adott elemet - például egy galériát - többször is be kell illeszteni egy oldalra. Ezekben az esetekben elegendő a kódot egy pontban végrehajtani, és rövid kód használatával beilleszteni a megvalósítani kívánt oldalakba.
2. Hogyan néz ki egy WordPress rövid kód?
A rövid kód szögletes zárójelben jelenik meg a szövegnézetben. A rövid kódtól függően megadhat vagy meg kell határoznia további paramétereket, hogy a WordPress megvalósítsa a rövid kódot.
Térjünk vissza a galéria példájához. Az alap rövid kód így néz ki:
A WordPress most már tudja, hogy a megfelelő pontban tartalmaznia kell egy galériát az oldalon. De ez nem mond semmit a képek számáról és kiválasztásáról. Ezért további információkat adunk a WordPress számára egy további attribútum hozzáadásával: a galériába felvenni kívánt képek azonosítója (és amelyek így meghatározzák a képek számát is):
Most lehetőségünk van számos további attribútum hozzáadására, például az oszlopok száma vagy a kép mérete ("méret"):
[galéria oszlopai = "2" size = "nagy"]
Az ide beírható pontos értékeket minden egyes rövid kódhoz külön szabályozzák, és itt nem tárgyalhatók külön-külön. A galéria rövid kódjára vonatkozó rendelkezések megtalálhatók a WordPress Codex-ben
Más rövid kódok a szögletes zárójelek és esetleg más attribútumok segítségével ágyazódnak be a WordPress kódba.
3. Példák a WordPress rövid kódjaira
Maga a WordPress alapértelmezés szerint hat rövid kódot biztosít. Mindig használhatja ezeket - még akkor is, ha nem használ speciális plugint a rövid kódokhoz. Ez a hat rövid kód:
Az audio rövid kód segítségével audio fájlokat ágyazhat be a WordPress webhelyére. Ezután a látogatók egy kattintással lejátszhatják őket. Általában a rövidített kódba írja be a fájl nevét - végül is a WordPressnek tudnia kell, hogy egyáltalán melyik hangot kell lejátszania:
Természetesen fontos, hogy a megfelelő audiofájl ezzel a fájlnévvel legyen tárolva a médiatárban.
Az audio rövid kódról itt talál részletes információt.
A videó rövid kóddal - igaz, ez nem igazán meglepő - integrálhatja a videókat az oldalára. Csakúgy, mint a képeknél, itt is írja be a videofájl fájlnevét. Ez utóbbinak a médiatárban lévő média alatt kell elhelyezkednie. A rövid kód így néz ki:
A rövid kód részletes leírása a WordPress Codex-ben itt található.
Használja a Felirat rövid kódot feliratok hozzáadásához a képekhez. A WordPress használatához meg kell adnia a "width" értéket, amellyel pixelben megadhatja a felirat szélességét. Azt is kiválaszthatja, hogy a felirat a kép alatt balra, középre vagy jobbra jelenjen-e meg. A felirathoz hozzárendelhet egy azonosítót vagy osztályt is, hogy a CSS segítségével megváltoztassa a kialakítást.
További információ a feliratokról itt található.
A beágyazott rövid kód lehetővé teszi az elemek beágyazását a WordPress-be és rögzített méret hozzárendelését. A többi rövid kóddal ellentétben a beágyazott rövid kód tartalmaz egy nyitó és záró elemet, azaz
ahol a bekeretezett elem a két rövidkódelem között van. Ezután hozzárendelheti a magasság és a szélesség attribútumokat például a nyitó elemhez
A beágyazott rövid kódról itt talál további információt.
A galéria rövid kódjával integrálhat egy galériát a WordPress webhelyére. Részletesebb magyarázatot ennek a bejegyzésnek az előző szakaszában talál, a linket a rövid kód hivatalos leírásához a WordPress Codex-ben találja.
Beépíthet egy lejátszási listát a WordPress webhelyére egy rövid kód használatával mind az audio, mind a video fájlokhoz. Különféle kiegészítő információk felhasználásával hozzáadhatja az integrált elemek tervét, fájltípusát és azonosítóit. A rövid kód így nézhet ki a végén, például:
[playlist type = "audio" ids = "211,212,213" style = "dark"]
A lejátszási lista rövid kódjáról itt talál részletes információt a WordPress Codex-ben.
4. Hogyan adhatunk rövid kódot a WordPress webhelyéhez
Ha rövid kódokat szeretne beilleszteni, először ellenőrizze, hogy melyik szerkesztőt használja.
Hacsak nincs WordPress verzió a WordPress 5.0 vagy WordPress 5 előtt, a Classic Editor beépülő modullal jelentkezzen be a WordPress háttérbe. Most kattintson a Bejegyzések vagy az Oldalak elemre a bal oldali menüsorban - attól függően, hogy új oldalt vagy új blogbejegyzést szeretne létrehozni. Példánkban egy régi blogbejegyzés szerkesztése mellett döntünk.
Most két nézet közül választhat: a vizuális és a szöveges nézet. Itt dönthet a szövegnézetért. Megjelenik a HTML kód. Egyszerűen írja be ide a megfelelő rövid kódot.
A teljes kép megtekintéséhez kattintson a képre
Ha megvan a Gutenberg szerkesztő használj más megközelítést. Hozzon létre egy új blokkot a rövid kódhoz. Ehhez kattintson a blokk üres mezőjétől balra található pluszjelre.
A teljes kép megtekintéséhez kattintson a képre
Most kiválaszthatja az elemeket különböző kategóriákból. Lépjen a Widgetek kategóriába.
A teljes kép megtekintéséhez kattintson a képre
Most kattintson a rövid kód ikonra.
A teljes kép megtekintéséhez kattintson a képre
A WordPress most létrehoz egy rövid kódblokkot az Ön számára.
A teljes kép megtekintéséhez kattintson a képre
Írja be a kívánt rövid kódot ebbe a blokkba. Figyelem: Még akkor is, ha a WordPress már tudja, hogy rövid kódot akar beilleszteni ebbe a blokkba, akkor is a szögletes zárójelet kell használnia a bejegyzéshez.
A teljes kép megtekintéséhez kattintson a képre
5. Rövidkódú bővítmények
Ha maga programozza a WordPress rövid kódokat, akkor Ön - amint azt a "program" ige már elárulja - programozói szinten van. Más szavakkal: Ön már nem maga dolgozik a WordPress funkcióival, hanem közvetlenül a PHP-kóddal foglalkozik.
Ha ezt el akarja kerülni, de nem akarja lemondani a meghatározott rövid kódok használatáról, javasoljuk egy rövid kód beépülő modul használatát. Ezek nagyszámú rövid kódot ágyaznak be az oldaladba anélkül, hogy bármit is kellene magadnak programoznod.
Nagyszámú ilyen plugin van a piacon, ezek közül hármat szeretnénk bemutatni Önnek: