From the word itself, the word shortcode means exactly that: A short code; a shortcut code.
Os shortcodes permitem que você adicione elementos ao seu site (como widgets, por exemplo) sem precisar inserir grandes blocos de código como os desenvolvedores normalmente fariam.
Por exemplo, um trecho de código comum, em termos de tamanho, provavelmente se pareceria com isto:
<html>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus. Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor. Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur. Nullam sodales eleifend massa, in bibendum purus fermentum id. Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus. </html>
Para este exemplo, vamos fingir que o trecho de código acima permitiria adicionar um parágrafo inteiro de texto de preenchimento Lorem Ipsum.
Now, a shortcode with the same exact function as the code above will look something like this, in contrast:
[lorem ipsum dolor estat]Lorem Ipsum[/lorem]
You can see how they’re miles different from each other in terms of length.
Agora imagine que ambos os trechos de código – o original e longo versus o shortcode contendo apenas a palavra “lorem” – fariam exatamente a mesma coisa: adicionar o texto Lorem Ipsum.
This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.
Where can I find shortcodes?
Se você tem um plugin ou widget favorito, é bem provável que ele tenha um shortcode disponível para você usar.
Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.
Adding Custom Shortcodes on PBS
No Page Builder Sandwich, você pode adicionar shortcodes diretamente na sua página apenas digitando ou colando-os na sua área de conteúdo.
Fizemos isso abaixo com um shortcode do Shortcodes Ultimate, adicionando uma caixa de conteúdo na página de demonstração do Page Builder Sandwich:
Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.
De um dos nossos artigos anteriores sobre Mapeamento de Shortcodes, a definição é a seguinte:
Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.
Parte disso significa que você não precisa mais procurar manualmente seus shortcodes nas respectivas documentações ou repositórios.
Desde que você tenha o plugin que inclui o shortcode instalado no seu site WordPress, ele estará facilmente disponível para você usar no Page Builder Sandwich.
So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:
And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:
Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.
You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.
Portanto, se quiser adicionar shortcodes personalizados ou que você mesmo criou, você pode, desde que estejam instalados no seu site WordPress.