Wordpress shortcode

create your own shortcodes for wordpress 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” yahoo smiley Wordpress shortcode

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:

TEXTUL VOSTRU ….

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

Ţi-a plăcut acest articol ? Atunci votează-l, aici:
   
Comentează acest subiect
Acest articol a fost publicat de , joi, 3 februarie 2011 in categoria Programare. Poti sa urmaresti raspunsurile catre acest articol prin RSS 2.0 feed. Poti sa adaugi un comentariu, sau poti sa pui un trackback (link) de pe propriul tau site:

Ctrl + C pentru a copia linkul

2 comentarii la subiectul “Wordpress shortcode”

  1. Mihai N.

    Buna, am incercat sa folosesc functia shortcode intr-un plugin de wordpress dar din pacate nu a avut nici un efect. Am dezactivat chiar si restul pluginelor existente iar wordpress este 3.0. Ai vreun sfat sa imi dai? Merci

  2. Dan

    Funcţia trebuie pusă în fişierul functions.php al temei.

RSS

Adaugă un comentariu

Autentifică-te pe site și nu va mai trebui să completezi căsuțele de mai sus.

:) :( :d :"> :(( :dancing: :x 8-| /:) :o :-? :-" :-w ;) [-( :peace: arata toate iconitele »

 

Acum poți adăuga pe site, propriile tale articole. Click aici !



Anunturi Gratuite