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.
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.
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.
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
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?
WPBeginner Support
Hi Alexandre,
It is custom code written specifically for this website. You can try one of these social media plugins to replicate the same look on your website.
Administrator
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?
Mohammed Azharuddin
Thanks… Very helpfull
malina
when I use shortcode , the shortcode always show at the top
Devid
Is it safe to apply multiple shortcodes to the same page in the same section?
Md Abu Selim
I wish to learn WordPress Theme Development , So I think that the site is very helpful for me.
akki
hi nice post! how can i make a custom code for slider and make dynamic.i upload images from back end,
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
WPBeginner Support
Please see our guide on how to add a shortcode in WordPress.
Administrator
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
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
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!
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.
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 . ?