Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

7 podstawowych wskazówek dotyczących korzystania z krótkich kodów w WordPress

Czy chcesz używać krótkich kodów we właściwy sposób na twojej witrynie internetowej WordPress?

Krótkie kody w WordPress umożliwiają dodawanie różnych funkcji do wpisów, stron i widżetów bez konieczności pisania jakiegokolwiek kodu. Wiele wtyczek WordPress i niektóre motywy używają krótkich kodów do dodawania różnych elementów, takich jak siatki cenowe i kalendarze wydarzeń, do WordPress.

W tym artykule podzielimy się 7 niezbędnymi wskazówkami dotyczącymi korzystania z krótkich kodów w WordPress.

Using Shortcodes

Czym są krótkie kody w WordPress?

Każda treść dodana do witryny internetowej WordPress przechodzi przez pewne kontrole zabezpieczeń i filtry. Te kontrole zabezpieczeń i filtry zapewniają, że żaden złośliwy kod nie trafi do wpisów, stron, komentarzy i innych. Oznacza to, że nie można bezpośrednio pisać kodu w tych obszarach.

Z drugiej strony, czasami wystarczy dodać kod w tych obszarach. Krótkie kody pozwalają to zrobić.

Krótkie kody ułatwiają dodawanie innych elementów do wpisów WordPress. Na przykład można dodać piękny responsywny pokaz slajdów za pomocą krótkiego kodu. Możesz także utworzyć złożony formularz ankiety w WordPress bez pisania ani jednej linii kodu.

Powiedziawszy to, przyjrzyjmy się kilku wskazówkom dotyczącym korzystania z krótkich kodów w WordPress. Możesz kliknąć poniższe odnośniki, aby przejść do dowolnej wskazówki:

Wskazówka 1: Wiedz, kiedy nie używać krótkich kodów

Krótkie kody są świetne, ale używanie ich w każdym wpisie nie jest dobrym pomysłem. Istnieje wiele motywów WordPress, które dumnie twierdzą, że mają ponad 200 krótkich kodów.

Jeśli jednak używasz krótkiego kodu w każdym wpisie na blogu WordPress, jesteś na zawsze przywiązany do konkretnego motywu, który udostępnia krótki kod.

Jeśli do tworzenia przycisków wezwania do działania wewnątrz twoich wpisów lub stron używasz krótkiego kodu specyficznego dla motywu, powinieneś zapoznać się z naszym przewodnikiem na temat dodawania przycisków CSS w WordPressie bez użycia krótkich kodów.

Jeśli zauważysz, że dodajesz krótki kod w każdym motywie, aby dodać ten sam element, taki jak baner reklamowy lub tekst podpisu na końcu twojego wpisu, możesz użyć wtyczki WordPress lub zatrudnić programistę, który zakoduje to bezpośrednio w twoim motywie.

Ułatwi to stylizowanie tego elementu i łatwe usuwanie go, jeśli zdecydujesz się to zrobić.

Pamiętaj, że jeśli używasz krótkiego kodu w każdym wpisie, a później chcesz go usunąć, będziesz musiał edytować wszystkie wpisy, aby ręcznie go usunąć. Istnieje jednak łatwiejszy sposób, który pokażemy w dalszej części tego artykułu.

Porada 2: Zabezpiecz swój krótki kod na przyszłość

Krótkie kody są świetne, ale jeśli są dostarczane przez twój motyw, możesz dwa razy pomyśleć o ich nadmiernym użyciu. Dlaczego?

Ponieważ jeśli zmienisz swój motyw, twój następny motyw najprawdopodobniej nie będzie miał tego samego krótkiego kodu.

Najlepszym sposobem, aby temu zapobiec, jest dodanie wtyczki specyficznej dla witryny.

Wystarczy skopiować i wkleić fragment kodu shortcode z pliku functions.php twojego motywu, a następnie wkleić go do wtyczki specyficznej dla twojej witryny.

Bezpośrednia edycja pliku functions.php nie jest jednak zalecana. Najmniejszy błąd może mieć katastrofalne skutki dla twojej witryny. Łatwiejszym sposobem dodania fragmentu kodu do twojego motywu jest użycie wtyczki WPCode.

Add a new custom code snippet in WPCode

Ułatwia to dodawanie fragmentów kodu do twojej witryny i zarządzanie nimi z kokpitu WordPress.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat dodawania własnego kodu w WordPress.

Porada 3: Jak wyszukiwać krótkie kody w twoim motywie WordPress?

Aby zabezpieczyć swój krótki kod na przyszłość, musisz wiedzieć, jak wygląda funkcja krótkiego kodu i jak ją znaleźć w twoim motywie.

Najpierw musisz otworzyć katalog twojego motywu, który zwykle znajduje się w /wp-content/themes/your-theme-name/.

Należy zajrzeć do pliku functions.php lub, jeśli motyw ma katalog includes, to właśnie tam.

Otwórz pliki i wyszukaj termin add_shortcode.

Oto przykład tego, jak wygląda fragment kodu shortcode:

function my_shortcode_function() { 
$i = '<p>Hello World!</p>';
return $i;
} 
add_shortcode('my-shortcode', 'my_shortcode_function');

Ten kod tworzy krótki kod „my-shortcode”, który zwraca proste powitanie tekstowe i może być osadzany we wpisie WordPress lub na stronie w ten sposób:

[my-shortcode].

Możesz zapoznać się z naszym przewodnikiem na temat tworzenia krótkiego kodu w WordPress.

Porada 4: Używanie krótkich kodów w widżetach

Użytkownicy często myślą, że krótkie kody są ograniczone do wpisów i stron, ale tak nie jest. Możesz ich używać wewnątrz twoich widżetów tekstowych WordPress.

Po prostu przeciągnij i upuść widżet tekstowy na panel boczny i dodaj do niego krótki kod.

Pamiętaj, że ta funkcja nie jest domyślnie włączona w WordPress. Jeśli nie widzisz swojego krótkiego kodu w widżecie, musisz dodać ten kod do pliku functions.php twojego motywu lub wtyczki specyficznej dla witryny.

add_filter('widget_text', 'do_shortcode');

Porada 5: Dodaj krótki kod w plikach motywu

Jeśli z jakiegoś powodu znajdziesz potrzebę wyprowadzenia krótkiego kodu wewnątrz obszaru niebędącego widżetem twojego motywu, możesz tam również użyć twojego krótkiego kodu.

Załóżmy, że utworzyłeś własny szablon strony i chcesz dołączyć krótki kod do wyświetlania formularza kontaktowego. Wystarczy dodać twój krótki kod w następujący sposób:

<?php echo do_shortcode("[example_shortcode]"); ?>

Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat wklejania fragmentów kodu z sieci do WordPressa.

Wskazówka 6: Ukrywanie uszkodzonego krótkiego kodu

Często użytkownicy zmieniają motywy, nie zdając sobie sprawy, że ich stare krótkie kody nie będą działać. Czasami dowiadują się o tym po miesiącach, gdy użytkownik przejdzie na ich stary wpis i znajdzie tam dziwny tekst.

Cóż, masz dwa sposoby, aby to poprawić. Możesz ręcznie usuwać krótki kod z każdego wpisu lub ukryć uszkodzony krótki kod.

Wszystko, co musisz zrobić, to dodać następujący kod do pliku functions. php twojego motywu lub użyć WPCode:

add_shortcode( 'shortcodetag', '__return_false' );

Ten kod dodaje z powrotem osierocony krótki kod bez danych wyjściowych. Nie zapomnij zastąpić shortcodetag nazwą twojego krótkiego kodu.

Wskazówka 7: Znajdowanie krótkich kodów używanych we wpisach

Jeśli nie chcesz korzystać z hacka z porady 6 i chcesz ręcznie usuwać wszystkie krótkie kody, pierwszym krokiem jest znalezienie wszystkich wpisów używających krótkiego kodu.

Możesz użyć tego kodu w pliku functions.php twojego motywu lub wtyczki specyficznej dla witryny, takiej jak WPCode, aby wykonać ciężką pracę za Ciebie:

function wpb_find_shortcode($atts, $content=null) {
ob_start();
extract( shortcode_atts( array(
		'find' => '',
	), $atts ) );

$string = $atts['find'];

$args = array(
	's' => $string,
	);

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) {
        echo '<ul>';
	while ( $the_query->have_posts() ) {
	$the_query->the_post(); ?>
	<li><a href="<?php  the_permalink() ?>"><?php the_title(); ?></a></li>
	<?php
	}
        echo '</ul>';
} else {
        echo "Sorry no posts found";
}

wp_reset_postdata();
return ob_get_clean();
}
add_shortcode('shortcodefinder', 'wpb_find_shortcode');

Ten kod po prostu tworzy krótki kod o nazwie shortcodefinder. Uruchamia zapytanie WordPress i wyświetla wpisy z danym tagiem krótkiego kodu.

Na przykład, jeśli chcesz znaleźć wszystkie wpisy zawierające krótki kod [contact-form], po prostu wpisz [shortcodefinder find=’contact-form’] na stronie WordPress i zapisz go. Teraz, jeśli wyświetlisz podgląd strony, będziesz mógł zobaczyć wszystkie wpisy zawierające krótki kod.

Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem na temat znajdowania i ukrywania nieużywanych krótkich kodów w WordPress.

Mamy nadzieję, że te wskazówki pomogły ci nauczyć się używać krótkich kodów i jak najlepiej wykorzystać je w WordPress. Możesz również zapoznać się z naszym przewodnikiem po WordPress SEO i jak założyć sklep internetowy.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

19 komentarzyZostaw odpowiedź

  1. Justin

    Hi I’m using Short-codes for layouts in my blog posts (image right, text left, with a lot more responsive styling than Gutenberg can do), but wondering, does this effect the onsite SEO? Are my layouts still rendered as HTML and readable by bots? – Thanks!

    • WPBeginner Support

      Your content should be rendered as HTML on the front end of the site. The shortcode is for the backend of your site so WordPress knows what content to place there.

      Administrator

  2. Alexandre ..

    the social icons in this article, at the end of the post, are they added by a plugin (what plugin) or hard coded? how can i add them to my own posts?

  3. Seamate

    I have been trying to use shortcodes, particularly Latex shortcodes in the quiz section of the LMS I am using, all to no avail. The shortcodes are not passed. I have contacted the LMS providers but they are not coming up with any solution, at least, not yet. Is there anything I can do?

  4. Mohammed Azharuddin

    Thanks… Very helpfull

  5. malina

    when I use shortcode , the shortcode always show at the top

  6. Devid

    Is it safe to apply multiple shortcodes to the same page in the same section?

  7. Md Abu Selim

    I wish to learn WordPress Theme Development , So I think that the site is very helpful for me.

  8. akki

    hi nice post! how can i make a custom code for slider and make dynamic.i upload images from back end,

  9. Minhaj

    Hi,
    I want to put my shortcode in html hyper link in button or something.
    like my shortcode is [shortcode]
    and my html code is Dummy

    Then how will I put [shortcode] in html code and my html code is Dummy

  10. marie

    I have a problem with my short codes in that the text within the buttons does not look very professional as the first letter is only showing half. This is not with every one, just some of them. I would be most grateful for a suggestion

  11. Praveen

    Hello, I have a question about shortcodes. As I am running a WordPress website that is based on Online Practice Test / Quizzes. To provide these quizzes I am using a plugin and in that plugin I have to add the questions and answers for a quiz. After that I have to put that shortcode in the post.

    My Post Structure
    Title
    [Shortcode]

    then in SEO Title and Description by All in One SEO plugin.

    So my question is, using the only shortcode in all post is safe from the SEO and Google webmasters Guideline point of view ?

    • WPBeginner Support

      Yes, it is totally safe. The shortcode never appears in the HTML of your website. Like any other PHP funtion, your shortcode is processed by the server and returns the HTML output which is then displayed on your post/page.

      Administrator

  12. Giochi MMO

    There is a way to delete a specific shortcode, maintaining the text inside?

    For example: in this case [dropcap]A[/dropcap] I would like to eliminate the shortcode maintaining the „A”, or any other letter inside.

    Thanks!

  13. Kate Ford

    I am locked into using a specific theme for business reasons, and it
    lacks some bells and whistles that are necessary and must be used with
    short codes. While the short codes get the job done, there is is one
    element we have to keep in mind:

    Don’t overuse short codes for important text elements if it compromises search engine returns.

    We
    have two plug ins for short codes — one of these keeps the text
    elements right in the post, but the other generates the content in the
    plug in, and only the code is inserted into the post — so there is no
    actual TEXT associated with that post.

    For instance, we created
    some grid like photo galleries using a plug in that relies on short
    codes. The galleries and their captions are created inside the plug-in,
    but only the short code linking to it is published in the post. While
    the post itself has SEO fields to complete, the text (and links) from
    the photo captions actually doesn’t exist IN the post — it exists in
    the output created by the plug-in, which does NOT have SEO fields. When
    I need to edit the gallery, I don’t edit the post, because all it says
    is [Grid 123]. I edit the gallery in the plug-in setting.

    So,
    while it „looks great” on the post, we have to weigh what is most
    important: Does this post need a great looking gallery which may not
    give me any search engine returns, or is the TEXT for gallery more
    important and I need it to be crawled?

    We have a page with FAQ
    and used short codes to make an accordion style display. Toggling a
    question reveals the answer, and then it closes again. On this page, we
    used short codes, but we relied on a different plug in which keeps the
    text IN the post, and simply styles it the way we need. In that manner,
    the text remains part of the post, the word count is accurate, and it
    is crawled by search engines. The short codes merely provide the
    requested style.

    So bottom line, if you have content
    that’s important and should be crawled, avoid short codes if they store
    the information apart or separate from your post.

  14. Tony Franco

    Hi! Nice post! Please how can i make a shortcode to print an image?

    Thanks!

    • Gyan

      Hii Tony Franco.

      this is incomplete question. please specify where and which image you want to use. what context you are talking about . ?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.