post_ico4

Shortcode w WordPress

W drugim wpisie poruszającym tematykę związaną z WordPressem opiszę mechanizm shortcode.

Shortcode – o co chodzi?

Mechanizm shortcode możemy wykorzystać do uproszczenia struktury kodu w edytorze – łatwiej będzie użyć klientowi dostosowany dla niego znacznik niż pisać bezpośrednio w HTMLu :).

Przykład

Stwórzmy znacznik, który będzie można wykorzystać do cytowania wypowiedzi.

Własny znacznik tworzymy dodając nową funkcję w pliku functions.php:

function my_cite($atts, $content) {
    $output = '<span class="cite" id="'.$atts['id'].'">"'.$content.'"</span>';
    return $output;
}
add_shortcode('cite', 'my_cite');

Gdy chcemy wykorzystać stworzony przez nas znacznik podczas edycji treści dodajemy:

[cite]Cytat[/cite]

Prawda, że łatwiej wyjaśnić klientowi, jak użyć powyższy znacznik niż znaczniki HTML? :). Więcej o shortcode na stronach WordPressu.

Co sądzisz o wpisie?
BeżnadziejnySłabyŚredniDobryBardzo dobry (Brak ocen, bądź pierwszy!)
Loading...
  • Shortcode ponoć faktycznie ułatwiają pracę… W przykładzie powyżej aby sformatować ten kod w CSSie rozumiem, że trzeba utworzyć klasę cite i ją formatować tak? A czy można tworzyć takie shortcode łącząc go np. z Twitter Bootstrap, aby nie bawić się w htmlu tylko zrobić grid na krótkich kodach?

  • Tak, można dla klasy „cite” dodać dowolne atrybuty CSS. Co do drugiego pytania myślę, że nie ma przeszkód. Tuż to zwykły kod html :)