Ustvarite kratke kode za našo WordPress temo

Odkar smo začeli s tem projektom, smo si vedno želeli, da bi imel lastno oznako in zato je druga predloga, ki jo uporabljamo DesdeLinux, smo ga ustvarili 100%.

Nato so sledile še druge različice in čeprav lahko nekatere spletne storitve kupimo ali najamemo za izdelavo takšnih modelov StudioDWeb.comali kupite predloge, že ustvarjene v ThemeForest.net, vedno smo si želeli imeti svojega, prilagojenega našim potrebam in se ustaviti WebDevelopment.com vam lahko pomaga 😀

Vseeno sem navdušen nad spletnim oblikovanjem in razvojem in že delam na novi temi za DesdeLinux in pokazal vam bom nekaj posnetkov zaslona, ​​kako izgleda.

Ideja ni izstopiti iz tistega, na kar smo že prilagojeni, zato veliko elementov ostane enakih ali na podoben način. Začnem z domačo stranjo

In tako bi izgledali članki:

Kot lahko vidite, ustreza našemu merilu in vključili smo novo Kratke kode za izdelavo člankov.

Zato se mi je zdelo, da bi z vami delil, kako ustvariti enega od njih (informacijskega), če jih želite vključiti v svoje teme WordPress. Mislim, nekaj takega:

Nisem strokovnjak za programiranje s tem sistemom upravljanja vsebin, zato ne bom poskušal pojasniti, zakaj in kako deluje na ta način, pokazal vam bom le, kako to storiti, točka.

Za to uporabljamo "švicarski vojaški nož" iz WordPress, Mislim na datoteko function.php ki ga običajno najdemo v skoraj vseh temah.

Ejemplo del Function.php con los ShortCodes de DesdeLinux

V tej datoteki bomo dodali strukturo naše kratke kode in seveda oznako, ki jo prikazuje. Torej, pojdimo k temu.

Znotraj funkcije.php

Znotraj naše datoteke function.php bomo postavili strukturo HTML ShortCode, vendar oznake HTML ni preprosto postaviti samo tako. Imeli bi nekaj takega:

// Infobox info funkcije ($ atts, $ content = null, $ code = "") {$ return = ' '; $ return. = $ vsebina; $ return. = ' '; vrnitev $ donos; } // Kratka koda add_shortcode ('info', 'infobox');

Od tu pojasnjujemo nekaj stvari. Prvič, ko uporabimo dve vrstici, torej črto komentiramo // Informacije to je samo komentar.

V tem primeru ime funkcije infopolje Lahko ga spremenimo v tisto, kar želimo, vendar se mora ujemati z imenom, ki ga uporabljamo v zadnji vrstici.

Primer:

$ return. = $ vsebina;

Spremenljivka $ vsebina kamor privzeto gre vsebina, ki jo vstavimo v ShortCode, vrne vrednost nič, če ničesar ne damo.

Zdaj je ime ShortCode tisto, s čimer smo nastavili:

add_shortcode( 'info', 'infobox' );

Kje se lahko spremeniš info za tisto, kar želimo. Zdaj, da bo videti kot primer, moramo dati:

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

Čeprav seveda brez presledkov, ki sem jih postavil, ker bi bila očitno aktivirana ShortCode.

Slog ShortCode

Če pogledate zgornjo vrstico, bi bila brez kode PHP in spremenljivk ShortCode v čistem HTML-ju nekaj takega:

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

Torej moramo uporabiti samo slog CSS.

.alert.alert-info {background: # d9edf7 url (info.png) brez ponovitve 7px 50%; polmer obrobe: 4 slikovne pike; obroba: 1px solid # bce8f1; barva: # 3a87ad; velikost pisave: 14px; marža: 15px 15px; oblazinjenje: 15px 15px 15px 50px poravnava besedila: levo}

In to je to .. Ponavljam, nisem programer ali kaj podobnega, in moja razlaga je, kako razumem, da ShortCode deluje the