Wordpress shortcode

Wordpress shortcode

Despre functia “shortcode” din Wordpress, am mai scris … intr-un articol mai vechi, articol in care am si explicat la ce este buna aceasta functie, ce face ea mai exact si beneficiile utilizarii functiei “shortcode” in Wordpress … In speta, era vorba de “salvarea” spatiului din baza de date si o modalitate mai usoara si rapida de a adauga diverse chestii interesante intr-un articol …

N-am sa repet si aici, prin urmare cei care doriti sa va documentati, sau nu stiti ce este functia “shortcode” si la ce este buna, va invit sa cititi acest articol:

Cum creezi propriul tau shortcode in Wordpress

Am sa va prezit acum o alta modalitate de utilizare a functiei “shortcode” in Wordpress, asa cum am implementat-o si pe acest site/blog, www.dan-blog.ro … Nu am creeat un plugin de Wordpress special pentru asta, prefer coding-ul “manual” …

Daca doriti sa va creeati un “cod scurt” (shortcode) pentru a adauga de exemplu cate un anunt important pe site, va trebui sa faceti urmatoarele:

- Deschide fisierul functions.php al temei tale cu un editor de text (Notepad sau Wordpad), si mergi in partea de jos a continutului, chiar la “capat”, acolo unde nu mai scrie nimic. Acolo, ai de adaugat urmatorul cod PHP:

1
2
3
4

function important_shortcode( $atts, $content = null ) {
   return '<div style="color:#FF0000; font:bold 14px arial, verdana, helvetica, sans-serif; background:#FFFFFF; border:3px solid #FF0000; padding:5px 10px;">'.$content.'</div>';
}
add_shortcode( 'important', 'important_shortcode' );

function important_shortcode( $atts, $content = null ) {
   return '<div style="color:#FF0000; font:bold 14px arial, verdana, helvetica, sans-serif; background:#FFFFFF; border:3px solid #FF0000; padding:5px 10px;">'.$content.'</div>';
}
add_shortcode( 'important', 'important_shortcode' );

Cum utilizati acest cod scurt ?

In modul HTML al editorului vostru din panoul de control, scrieti asfel:

[important]TEXTUL VOSTRU ....[/important]

… dupa publicarea articolului, acest cod va avea ca rezultat afisarea in articolul vostru a unui text scris cu litere mari de culoare rosie, incadrat intr-un dreptungi cu margini rosii:

Bineinteles ca puteti modifica codul HTML/CSS dupa cum doriti, dupa preferinte: puteti modifica dimensiunile si culoarea fonturilor, a marginii care incadreaza textul vostru, etc …

Pentru programatorii carcotasi: o sa spuneti ca asta se poate face foarte simplu in CSS… Da, bineinteles ca se poate face in CSS, dar sunt anumite situatii cand este de preferat sa folosesti un “shortcode” decat sa incluzi aceste chestii in fisierul .css. Just think !

Tutorial Copyright © 2011 www.dan-blog.ro @ Dan