WordPress
Krótki kod z atrybutem
Szukaj…
Składnia
- add_shortcode („twój_krótki kod”, „twoja_funkcja_nazwa”);
Parametry
Parametry | Opis i użycie |
---|---|
Tag $ | (ciąg) (wymagane) Znacznik shortcode do wyszukania w treści postu Domyślnie: Brak |
$ func | (wywoływalny) (wymagany) Zaczep, aby uruchomić po znalezieniu krótkiego kodu Domyślnie: Brak |
Uwagi
WAŻNE - Nie używaj camelCase ani UPPER-CASE do swoich atrybutów
Możesz wygenerować krótki kod z atrybutem Tutaj
Przykłady skrótów
Skróty WordPress zostały wprowadzone w wersji 2.5
Oto przykład krótkiego kodu
[button]
aby użyć shortcode bezpośrednio w motywie, musisz użyć do_shortcode()
<?php echo do_shortcode('[button]'); ?>
Aby dostosować przycisk, możemy po prostu dodać coś takiego:
[button type="twitter"]
Lub, aby było jeszcze lepiej, moglibyśmy użyć załączonego krótkiego kodu:
[button type="twitter"]Follow me on Twitter![/button]
Tworzenie samozamykającego się skrótu
Najprostszym skrótem jest kod samozamykający. Stworzymy prosty link do naszego konta na Twitterze, a następnie dodamy go w poście na blogu. Cały kod znajduje się w /wp-content/themes/your-theme/
functions.php
, który znajduje się w /wp-content/themes/your-theme/
. Jeśli go nie masz, po prostu utwórz go i umieść w nim kod.
<?php
function button_shortcode() {
return '<a href="http://twitter.com/rupomkhondaker" class="twitter-button">Follow me on Twitter!</a>"';
}
add_shortcode('button', 'button_shortcode');
?>
Użycie: [button]
Tworzenie samozamykającego się skrótu z parametrami
Tworzenie samozamykającego się skrótu z parametrami
<?php
function button_shortcode( $type ) {
extract( shortcode_atts(
array(
'type' => 'value'
), $type ) );
// check what type user entered
switch ($type) {
case 'twitter':
return '<a href="http://twitter.com/rupomkhondaker" class="twitter-button">Follw me on Twitter!</a>';
break;
case 'rss':
return '<a href="http://example.com/rss" class="rss-button">Subscribe to the feed!</a>'
break;
}
}
add_shortcode( 'button', 'button_shortcode' );
?>
Teraz możesz wybrać przycisk, który chcesz wyświetlić, określając typ w swoim krótkim kodzie.
[button type="twitter"]
[button type="rss"]
Tworzenie otaczającego kodu krótkiego
załączając krótki kod
Dołączający krótki kod pozwala osadzać zawartość w swoim krótkim kodzie, podobnie jak BBCode, jeśli kiedykolwiek go używałeś.
<?php
function button_shortcode( $attr, $content = null ) {
return '<a href="http://twitter.com/filipstefansson" class="twitter-button">' . $content . '</a>';
}
add_shortcode('button', 'button_shortcode');
?>
Aby użyć tego krótkiego kodu, umieść tekst, którego chcesz użyć w następujący sposób:
[button]Follow me on Twitter![/button]
Aby ten przycisk był jeszcze lepszy, moglibyśmy dodać parametry tak jak w poprzednim przykładzie.
<?php
function button_shortcode( $atts, $content = null ) {
extract( shortcode_atts( array(
'account' => 'account',
'style' => 'style'
), $atts ) );
return '<a href="http://twitter.com/' . esc_attr($account) . '" class="twitter-button ' . esc_attr($style) . '">' . $content . '</a>';
}
add_shortcode('button', 'button_shortcode');
?>
Stosowanie:
[button account="rupomkhondaker" style="simple"]Follow me on Twitter![/button]
Skróty w widżetach
Domyślnie WordPress nie obsługuje skrótów w widżetach paska bocznego. Rozszerza tylko skróty w treści postu, strony lub niestandardowego typu postu. Aby dodać obsługę krótkiego kodu do widżetów paska bocznego, możesz zainstalować wtyczkę lub użyć poniższego kodu:
add_filter( 'widget_text', 'shortcode_unautop' );
add_filter( 'widget_text', 'do_shortcode' );
Ważne jest, aby wiersze te były dodawane w tej kolejności. Pierwszy wiersz uniemożliwia WordPressowi przekształcanie podziałów wierszy na znaczniki akapitów, ponieważ uniemożliwia to działanie skrótów. Drugi wiersz to ten, który sprawia, że skróty działają.