Egyedi funkció hozzáadása WordPress weboldalhoz

WordPress weboldal készítés során sok esetben van szükség arra, hogy pár soros kóddal (snippettel) kiegészítsük, hogy valamit még „tudjon” a weboldal.

Milyen esetekben van szükség snippetekre?

Sok olyan cikket írtam már, amiben valamilyen funkcióra snippetet adtam meg. Jelen blog vonatkozó cikkei ide kattintva érhetőek el, de a WordPress videók weboldalamon is volt számtalan cikk már a témában.

Kód hozzáadása működő weboldalhoz

Alapveteően 3 irány létezik erre a célra:

• A gyerek kinézet functions.php fájljába való beleírás. Ennek előnye, hogy a kinézet frissítésekor nem vesznek el a módosítások.
• Egy snippet – egy bővítmény.
• Kódbeillesztő és módosító bővítmények.

functions.php módosítás

A legjobban ajánlott megoldás, ezért van első helyen. Vagy a szerveren, vagy a Megjelenés => Szerkesztő menüpontban (az admin felületen) ki kell keresni a functions.php fájlt, és a kívánt módosítást el kell benne végezni. Mentés, és máris működik. Hátránya, hogy rossz szerkesztés esetén megállhat a weboldal tőle. Persze ez a több verziónál is igaz.

Egy snippet – egy bővítmény megoldás

Ha tehetem, ezt a megoldást használom. Ez ugyan számszerűen növeli a bővítmények számát, de lényegében csak pár soros kódot tartalmazó bővítmények kerülnek így telepítésre.

Előnye a modularitás: ha az egyiket kódot tartalmazó bővítményt kikapcsolom, más funkció nem sérül. Nem kell gondolkozni, hogy melyik kódrészlet mettől-meddig tart, mert 1 funkcióra 1 bővítmény van. További előnye, hogy a leggyakrabban használt snippetekre készen megvannak a bővítmények, amit csak telepítek, aktiválok, és nincs egyéb teendő. Szerintem kisebb itt a hibalehetőség, mint az első verziónál.

1-1 snippetet tartalmazó bővítményt egyedileg is létre lehet hozni (nekem van egy alapsablonom, amiben a nevet, leírás és snippetet cserélem), de külön bővítménnyel is meg lehet oldani.

A Pluginception bővítmény (ami egyébként kb. 6-7 KB) pontosan ezt tudja:

Telepítés és aktiválás után az admin felületen megjelenik egy űrlap, amit kitöltve (csak a név kötelező) létrejön egy új bővítmény, egyetlen PHP fájllal, a megadott adatokkal. Ez alá mehet a snippet, és készen is van az új bővítmény!

Apró megjegyzés ide:
Amúgy a bővítmény neve zseniális. Az Eredet (Inception) film után lett ez a név, ami az álomban lévő álomban (és lejjebb) játszódik. A bővítmény pedig bővítményt hoz létre. Telitalálat!

Így néz ki a Pluginception űrlapja, és végeredménye, amibe már betettem egy rövid snippetet:

Pluginception letöltés:
Használt verzió | Aktuális verzió

Kódbeillesztő és módosító bővítmények

Olyan bővítmények, amikkel különböző kódokat lehet a weboldal különböző részeibe tenni.

A teljesség igénye nélkül a legnépszerűbb megoldások a témában:

1. PHP kódok beillesztéséhez: Code Snippets | Tesztelt verzió
2. PHP kódok gyorskódokká alakításához: Insert PHP Code Snippet | Tesztelt verzió
3. HTML, JS, CSS kódok gyorskódokká alakításához: Insert Html Snippet | Tesztelt verzió
4. Egyedi CSS fájl készítéséhez: Simple Custom CSS Plugin | Tesztelt verzió
5. Egyedi CSS fájl készítéséhez: Simple Custom CSS and JS | Tesztelt verzió
6. Egyedi CSS, oldalanként: Post/Page specific custom CSS | Tesztelt verzió
7. Header és footer részbe implementálás:
   WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager | Tesztelt verzió
8. Oldalspecifikus implementálás oldalakba: HiFi (Head Injection, Foot Injection) | Tesztelt verzió

Mindegyiket több-kevesebb alkalommal használtam már valamilyen célra, nem teljes az átfedés a funkciók között.