Kreu Shortcodes por nia WordPress-temo

De kiam ni komencis ĉi tiun projekton, ni ĉiam volis, ke ĝi havu nian propran etikedon, kaj tial la dua ŝablono, kiun ni uzas De Linukso, ĝi estis kreita de ni 100%.

Poste sekvis aliaj versioj, kaj kvankam ni povas aĉeti aŭ dungi iujn retajn servojn por krei niajn projektojn kiel tiuj de StudioDWeb.com, aŭ aĉetu ŝablonojn jam kreitajn en ThemeForest.net, ni ĉiam volis havi tion, kio estas nia, adaptitan al niaj bezonoj kaj travivi WebDevelopment.com povas esti helpa 😀

Ĉiuokaze, mi pasias pri Reteja Projektado kaj Disvolviĝo, kaj mi jam laboras pri la nova temo por De Linukso kaj mi montros al vi iujn Ekrankopiojn pri kiel ĝi aspektas.

La ideo estas ne eliri el tio, al kio ni jam adaptiĝis, do multaj elementoj restas samaj aŭ simile. Mi komencas kun la ĉefpaĝo

Kaj jen kiel aspektus la artikoloj:

Kiel vi vidas, ĝi taŭgas por nia mezuro kaj ni inkluzivis novajn ShortCodes por la ellaborado de la artikoloj.

Tial venis al mi en la kapon dividi kun vi kiel krei unu el ili (la informan) se vi volas inkluzivi ilin en viajn temojn de WordPress. Mi volas diri, io tia:

Mi ne estas sperta pri programado per ĉi tiu CMS, do mi ne provos klarigi kial kaj kiel ĝi funkcias tiel, mi montros al vi nur kiel fari ĝin, punkto.

Por tio ni uzas «la svisan armilotranĉilon» de WordPress, Mi celas la dosieron funkcio.php tion ni kutime trovas en preskaŭ ĉiuj temoj.

Ekzemplo de la Funkcio.php kun la Mallongaj Kodoj de DesdeLinux

Kion ni faros en ĉi tiu dosiero estas aldoni la strukturon de nia ShortCode kaj kompreneble la etikedon, kiu montras ĝin. Do ni atingu ĝin.

En la Funkcio.php

En nia dosiero function.php, kion ni metos, estos la HTML-strukturo de la ShortCode, sed ĝi ne estas simple meti la HTML-etikedojn tiel. Ni havus ion tian:

// Informkesto pri Informfunkcio ($ atts, $ content = null, $ code = "") {$ return = ' '; $ reveno. = $ enhavo; $ reveno. = ' '; return $ return; } // La ShortCode add_shortcode ('info', 'informkesto');

De ĉi tie ni klarigas kelkajn aferojn. Unue, kiam ni uzas du stangojn, ni do komentas la linion // Informoj ĝi estas nur komento.

La nomo de la funkcio, ĉi-kaze informkesto Ĝi povas esti ŝanĝita al ĉio, kion ni volas, sed ĝi devas kongrui kun la nomo, kiun ni uzas en la lasta linio.

Ekzemplo:

$ reveno. = $ enhavo;

Varia $ enhavo kio estas la enhavo, kiun ni metas en la ShortCode defaŭlte, ĝi redonos nulan valoron se ni metas nenion.

Nun la nomo de la ShortCode estas tio, kion ni starigis per:

add_shortcode( 'info', 'infobox' );

Kie vi povas ŝanĝi info por tio, kion ni volas. Nun, por ke ĝi aspektu kiel la ekzemplo, ni devas meti:

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

Kvankam kompreneble, sen la spacoj, kiujn mi metis ĉar evidente la ShortCode estus aktivigita.

Stilo ShortCode

Se vi rigardas la linion supre, sen la PHP-kodo kaj variabloj, la ShortCode en pura HTML estus tia:

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

Do ni nur devas apliki la CSS-stilon.

.alert.alert-info {fono: # d9edf7 url (info.png) sen ripeto 7px 50%; limo-radiuso: 4px; rando: 1px solida # bce8f1; koloro: # 3a87ad; tipargrandeco: 14px; rando: 15px 15px; kompletigo: 15px 15px 15px 50px tekst-vicigi: maldekstre}

Kaj jen ... Mi ripetas, ke mi ne estas programisto aŭ io simila, kaj la klarigo, kiun mi donis, estas kiel mi komprenas, ke la ShortCode funkcias 😛