Fin dall'inizio di questo progetto, abbiamo sempre desiderato che avesse un'impronta personale, ed è per questo che il secondo template che utilizziamo su DesdeLinux è stato creato al 100% da noi.
Sono seguite altre versioni e, sebbene possiamo acquistare o ingaggiare determinati servizi web per creare i nostri design, come quelli di EstudioDWeb.com , o acquistare modelli predefiniti da ThemeForest.net , abbiamo sempre desiderato averne uno nostro, adattato alle nostre esigenze, e visitare DesarrolloWeb.com può essere d'aiuto
Ad ogni modo, sono appassionato di Web Design e Sviluppo e sto già lavorando al nuovo tema per DesdeLinux ; vi mostrerò alcuni screenshot dei progressi.
L'idea è di non uscire da ciò a cui siamo già adattati, quindi tanti elementi rimangono gli stessi o in modo simile. Comincio con la home page
Ed ecco come apparirebbero gli articoli:
Come potete vedere, sta funzionando alla perfezione per noi e abbiamo incluso nuovi shortcode per la creazione degli articoli.
Ecco perché ho pensato di condividere con voi come crearne uno (quello informativo) nel caso voleste includerlo nei vostri temi WordPress . Qualcosa del genere:
Non sono un esperto di programmazione con questo CMS, quindi non cercherò di spiegare perché e come funziona in questo modo, ti mostrerò solo come farlo, punto.
Per fare ciò utilizziamo il "coltellino svizzero" di WordPress , ovvero il file functions.php che solitamente troviamo in quasi tutti i temi.
Quello che faremo in questo file è aggiungere la struttura del nostro ShortCode e, naturalmente, l'etichetta che lo mostra. Quindi veniamo a questo.
All'interno di Function.php
All'interno del nostro file function.php ciò che metteremo sarà la struttura HTML dello ShortCode, ma non si tratta semplicemente di mettere i tag HTML proprio così. Avremmo qualcosa di simile:
// Info funzione infobox ($ atts, $ content = null, $ code = "") {$ return = ' '; $ ritorno. = $ contenuto; $ return. = ' '; return $ return; } // Lo ShortCode add_shortcode ('info', 'infobox');
Da qui chiariamo un paio di cose. Innanzitutto, quando usiamo due barre commentiamo la riga, quindi // Info è solo un commento.
Il nome della funzione, in questo caso infobox, può essere modificato a piacere, ma deve corrispondere al nome utilizzato nell'ultima riga.
Esempio:
$ ritorno. = $ contenuto;
La variabile $content , che è dove viene inserito il contenuto nello ShortCode, restituirà un valore nullo se non inseriamo nulla.
Ora, il nome dello ShortCode è quello che abbiamo impostato con:
add_shortcode( 'info', 'infobox' );
Dove puoi modificare le informazioni a tuo piacimento. Ora, per far sì che assomigli all'esempio, dobbiamo inserire:
[ info ]Este será el ShortCode de ejemplo[ /info ]
Anche se ovviamente senza gli spazi, che ho messo perché ovviamente lo ShortCode sarebbe stato attivato.
Stile ShortCode
Se guardi la riga sopra, senza il codice PHP e le variabili, lo ShortCode in puro HTML sarebbe simile a questo:
<div class="alert-info"></div>
Quindi dobbiamo solo applicare lo stile CSS.
.alert.alert-info {background: # d9edf7 url (info.png) no-repeat 7px 50%; border-radius: 4px; bordo: 1px solido # bce8f1; colore: # 3a87ad; dimensione del carattere: 14px; margine: 15px 15px; padding: 15px 15px 15px 50px text-align: left}
E questo è tutto... ripeto, non sono un programmatore o qualcosa del genere, e la spiegazione che ho dato è come capisco il funzionamento di ShortCode