Hozzon létre rövid kódokat a WordPress témához

Mivel ezzel a projekttel kezdtük, mindig azt akartuk, hogy legyen saját címkéje, és ezért a második sablon, amelyet használunk DesdeLinux, 100% -ban mi hoztuk létre.

Ezután más verziók következtek, és bár megvásárolhatunk vagy bérelhetünk bizonyos webszolgáltatásokat a hasonló kialakítású tervek létrehozásához StudioDWeb.com, vagy vásároljon már létrehozott sablonokat ThemeForest.net, mindig is szerettük volna, ha sajátunk van, alkalmazkodunk az igényeinkhez, és megállunk WebDevelopment.com segítségére lehet 😀

Mindenesetre rajongok a webdesignért és -fejlesztésért, és már dolgozom az új témán DesdeLinux és megmutatok néhány képet, hogyan néz ki.

Az ötlet nem az, hogy kijussunk abból, amihez már alkalmazkodtunk, ezért sok elem ugyanaz vagy hasonló módon marad. Kezdem a kezdőlappal

És a cikkek így néznének ki:

Mint láthatja, ez megfelel mércénknek, és újat is belefoglaltunk rövid kódok a cikkek kidolgozásához.

Ezért jutott az eszembe, hogy megosszam veletek, hogyan hozhatok létre egyet (az információsat) abban az esetben, ha be akarjuk vonni őket a WordPress. Mármint valami ilyesmi:

Nem vagyok szakértő a CMS programozásában, ezért nem próbálom megmagyarázni, hogy miért és hogyan működik így, csak megmutatom, hogyan kell csinálni, pont.

Ehhez a "svájci hadsereg kését" használjuk WordPress, A fájlra gondolok function.php amit általában szinte minden témában megtalálunk.

Példa a Function.php-re rövid kódokkal DesdeLinux

Amit ebben a fájlban meg fogunk tenni, az hozzáadjuk a ShortCode struktúráját és természetesen az azt bemutató címkét. Tehát térjünk rá.

A Funkció belsejében.php

A function.php fájlunkon belül a rövid kód kódjának HTML-szerkezete lesz, de nem egyszerűen a HTML-címkék csak ilyenek. Valami ilyesmi lenne:

// Info függvény infobox ($ atts, $ content = null, $ code = "") {$ return = ' "; $ return. = $ content; $ return. = ' "; return $ return; } // A ShortCode add_shortcode ('info', 'infobox');

Innen tisztázunk pár dolgot. Először is, amikor két sávot használunk, akkor megjegyezzük a sort, ezért // info ez csak egy megjegyzés.

A függvény neve, ebben az esetben információs doboz Bármire megváltoztatható, amit akarunk, de meg kell egyeznie az utolsó sorban használt névvel.

Példa:

$ return. = $ content;

változó $ content ahol a ShortCode-ba tett tartalom alapértelmezés szerint megy, akkor null értéket ad vissza, ha nem adunk semmit.

Most a ShortCode nevét állítjuk be:

add_shortcode( 'info', 'infobox' );

Hol lehet változtatni info amire vágyunk. Most, hogy úgy tűnjön, mint a példa, amit fel kell tennünk:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Bár természetesen a szóközök nélkül, amelyeket azért tettem, mert nyilván a ShortCode aktiválódott.

ShortCode stílus

Ha megnézzük a fenti sort, a PHP kód és a változók nélkül, akkor a tiszta HTML rövid kódja így néz ki:

<div class="alert-info"></div>

Tehát csak a CSS stílust kell alkalmaznunk.

.alert.alert-info {háttér: # d9edf7 url (info.png) no-repeat 7px 50%; határ-sugár: 4px; szegély: 1px szilárd # bce8f1; szín: # 3a87ad; betűméret: 14 képpont; margó: 15px 15px; kitöltés: 15px 15px 15px 50px text-align: left}

És ennyi .. Ismétlem, hogy nem vagyok programozó, vagy ilyesmi, és a magyarázatot arra adtam, hogy megértem, hogy a ShortCode működik 😛