Crea Shortcodes per u nostru tema WordPress

Da quandu avemu principiatu cù stu prughjettu, avemu sempre vulsutu ch'ellu avessi a nostra propria etichetta, è hè per quessa chì u secondu mudellu adupremu in FromLinux, hè statu creatu da noi à 100%.

Dopu altre versioni seguitanu, è ancu se pudemu cumprà o assumere certi servizii web per creà i nostri disegni cum'è quelli di StudioDWeb.com, o cumprà mudelli digià creati in ThemeForest.net, avemu sempre vulsutu avè u nostru, adattatu à i nostri bisogni è passà WebDevelopment.com pò esse d'aiutu 😀

In ogni casu, sò appassiunatu di Web Design è Sviluppu, è aghju digià travagliatu nantu à u novu tema per FromLinux è vi mustraraghju qualchi Screenshots di cumu pare.

L'idea ùn hè micca di esce da ciò chì simu dighjà adattati, cusì parechji elementi fermanu listessi o in modu simile. Principiu cù a pagina iniziale

screenshot-dl

Ed eccu ciò chì parerianu l'articuli:

screenshot-dl-post

Cumu pudete vede, hè adatta à a nostra misura è avemu inclusu novu ShortCodes per l'elaborazione di l'articuli.

Hè per quessa chì mi hè venutu in mente di sparte cun voi cumu creà unu d'elli (l'infurmazione unu) in casu chì vulete includeli in i vostri temi di WordPress. Vogliu dì, qualcosa cusì:

Questu serà l'esempiu ShortCode

Ùn sò micca un espertu in prugrammazione cù questu CMS, allora ùn pruvà micca di spiegà perchè è cumu funziona in questu modu, vi mostreraghju solu cumu fà, puntu.

Per questu facemu usu di «u cultellu svizzeru» di WordPress, Vogliu dì u fugliale funzione.php chì truvemu nurmalmente in guasi tutti i temi.

Brackets_Function

Esempiu di u Function.php cù i ShortCodes di DesdeLinux

Ciò chì faremu in stu schedariu hè di aghjunghje a struttura di u nostru ShortCode è di sicuru, l'etichetta chì a mostra. Allora andemu ci.

Dentru u Function.php

Dentru u nostru schedariu function.php ciò chì metteremu serà a struttura HTML di u ShortCode, ma ùn hè micca solu di mette i tag HTML cusì. Avissimu qualcosa di simile:

// Infobox funzione Info ($ atts, $ content = null, $ code = "") {$ return = ' '; $ ritornu. = $ cuntenutu; $ ritornu. = ' '; vultà $ vultà; } // U ShortCode add_shortcode ('info', 'infobox');

Da quì chiaremu un paiu di cose. Prima, quandu usemu duie barre, cumentemu a linea, dunque // Infurmazione hè solu un cummentariu.

U nome di a funzione, in questu casu casella info Pò esse cambiatu per ciò chì vulemu, ma deve currisponde à u nome chì usemu in l'ultima linea.

In ognunu $ ritornu vultemu ciò chì hè statu i tag HTML, è duvemu tene à mente chì dopu à u primu, duvemu aghjunghje un periodu davanti à u segnu uguale è a linea finisce cù un segnu di puntu è virgula

Esempiu:

$ ritornu. = $ cuntenutu;

A variabile $ cuntenutu chì hè induve u cuntenutu chì avemu messu in u ShortCode va per difettu restituirà un valore nulu se ùn mettemu nunda.

Avà, u nome di u ShortCode hè ciò chì avemu stabilitu cù:

add_shortcode( 'info', 'infobox' );

Induve pudete cambià detailed per ciò chì vulemu. Avà, per fà cumparisce cum'è l'esempiu duvemu mette:

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

Ancu se benintesa, senza i spazii, chì aghju messu perchè ovviamente u ShortCode seria attivatu.

Stile ShortCode

Se fighjate a linea sopra, senza u codice PHP è e variabili, u ShortCode in HTML puru parerebbe cusì:

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

Dunque ci vole solu à applicà u stile CSS.

.alert.alert-info {background: # d9edf7 url (info.png) senza ripetizione 7px 50%; raggio di cunfine: 4px; cunfini: 1px solidu # bce8f1; culore: # 3a87ad; font-size: 14px; margine: 15px 15px; imbottitura: 15px 15px 15px 50px text-align: left}

È basta .. Ripete, ùn sò micca un prugrammatore o qualcosa di simile, è a spiegazione chì aghju datu hè cumu capiscu chì u ShortCode funziona 😛


U cuntenutu di l'articulu aderisce à i nostri principii di etica edituriale. Per signalà un errore cliccate quì.

9 cumenti, lasciate i toi

Lasciate u vostru cummentariu

U vostru indirizzu email ùn esse publicatu.

*

*

  1. Responsabile di i dati: Miguel Ángel Gatón
  2. Scopu di i dati: Cuntrolla SPAM, gestione di cumenti.
  3. Legitimazione: U vostru accunsentu
  4. Cumunicazione di i dati: I dati ùn seranu micca cumunicati à terzi, eccettu per obbligazione legale.
  5. Archiviazione di dati: Base di dati ospitata da Occentus Networks (UE)
  6. Diritti: In ogni mumentu pudete limità, recuperà è cancellà e vostre informazioni.

  1.   restu72 dijo

    Mi piace cumu pare, ti feliciteghju.

    1.    elav dijo

      Grazie, avete un bellu parcorsu da fà ma grazie.

  2.   Rogers dijo

    Assai bè!! Mi piacerebbe un tale tema in u mo WP.
    Vi felicitu!

    1.    elav dijo

      Ùn l'aghju micca messu ancu, ti possu vende HAHAHAHAHA .. Stà scherzendu 🙂

  3.   Manuel E. dijo

    Eccellente, grazie per a spartera.
    Stu tipu di risorse hè assai necessariu in u web, spiegendu e cose chjaramente.

    Grazie!

  4.   eliotime 3000 dijo

    Bellu cuncepimentu. Videmu se per u mo situ web mi pudete dà quellu mudellu per persunalizà lu.

  5.   corbu291286 dijo

    chì pò esse fattu in blogger?

  6.   Xavier dijo

    Ebbè, nunda, l'aghju messu cum'è hè è ùn funziona micca per mè. : /

    Mettu infurmazione [info] [/ info]

    è in u mo post di wordpress apparisce solu: infurmazione, e parentesi spariscenu, pensu chì qualcosa ùn va micca: /

    1.    Johnny Silva dijo

      Forse in u vostru mudellu i ShortCodes ùn sò micca definiti in u function.php cum'è in u mo casu, questi valori sò aghjunti in un fugliale chjamatu shortcodes.php di u mo tema