Looge meie WordPressi teema jaoks lühikoodid

Kuna me alustasime selle projektiga, soovisime alati, et sellel oleks oma silt ja seetõttu on teine ​​mall, mida me kasutame DesdeLinux, selle lõime meie 100%.

Siis järgnesid teised versioonid ja ehkki saame oma disainilahenduste loomiseks osta või palgata teatud veebiteenuseid StudioDWeb.comvõi osta mallid, mis on juba loodud ThemeForest.net, oleme alati soovinud, et meil oleks oma, kohandatud meie vajadustele ja peatuksime WebDevelopment.com saab abi olla 😀

Igatahes olen kirglik veebidisaini ja -arenduse vastu ning töötan juba uue teema kallal DesdeLinux ja ma näitan teile mõned ekraanipildid, kuidas see välja näeb.

Idee ei ole pääseda välja sellest, millega oleme juba kohanenud, nii et paljud elemendid jäävad samaks või sarnasel viisil. Alustan avalehest

Artiklid näevad välja sellised:

Nagu näete, sobib see meie mõõtudega ja oleme lisanud uue Lühikoodid artiklite väljatöötamiseks.

Sellepärast mõtlesin ma teiega jagada, kuidas neist üks (see teave) luua, juhul kui soovite neid oma WordPress. Ma mõtlen midagi sellist:

Ma ei ole selle CMS-iga programmeerimise ekspert, nii et ma ei püüa selgitada, miks ja kuidas see niimoodi töötab, ma näitan teile ainult, kuidas seda teha, punkt.

Selleks kasutame Šveitsi armee nuga WordPress, Ma mõtlen faili function.php mida tavaliselt leiame peaaegu kõigist teemadest.

Function.php näide lühikoodidega DesdeLinux

Mida me selles failis teeme, on meie ShortCode'i struktuuri lisamine ja muidugi silt, mis seda näitab. Nii et lähme selle juurde.

Funktsiooni sees.php

Meie faili function.php sees on lühikoodi HTML-struktuur, kuid see ei ole lihtsalt HTML-siltide niisama panemine. Meil oleks midagi sellist:

// Infofunktsiooni infokast ($ atts, $ content = null, $ code = "") {$ return = ' "; $ return. = $ content; $ return. = ' "; return $ return; } // Lühikood add_shortcode ('info', 'infobox');

Siit selgitame paari asja. Esiteks, kui kasutame kahte riba, siis kommenteerime rida välja // info see on lihtsalt kommentaar.

Funktsiooni nimi, antud juhul infokast Seda saab muuta igaks sooviks, kuid see peab vastama nimele, mida kasutame viimasel real.

Näide:

$ return. = $ content;

Muutuv $ sisu see on koht, kuhu sisu, mille me sisestame ShortCode'i, läheb vaikimisi tagasi, kui me midagi ei pane, tagastatakse nullväärtus.

Nüüd on lühikoodi nimi see, mille me määrasime:

add_shortcode( 'info', 'infobox' );

Kus saab end muuta info selle jaoks, mida me tahame. Nüüd, et see näeks välja nagu näide, mille peame esitama:

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

Ehkki muidugi ilma tühikuteta, mille ma panin, sest ilmselt aktiveeruks ShortCode.

ShortCode stiil

Kui vaatate ülaltoodud rida ilma PHP-koodi ja muutujateta, oleks puhta HTML-i lühikood umbes selline:

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

Seega peame rakendama ainult CSS-i stiili.

.alert.alert-info {background: # d9edf7 url (info.png) no-repeat 7px 50%; piiri raadius: 4px; ääris: 1px tahke # bce8f1; värv: # 3a87ad; fondi suurus: 14px; veeris: 15 pikslit 15 pikslit; polster: 15px 15px 15px 50px teksti joondamine: vasak}

Ja see on kõik. Ma kordan, et ma pole programmeerija ega midagi sellist ja minu antud seletus on see, kuidas ma saan aru, et ShortCode töötab 😛