Se você estiver usando o WordPress, você já deve ter notado que ele exibe a mesma barra lateral (sidebar) em todo o site para a maioria dos temas a menos que o designer ou desenvolvedor tenha criado uma página inicial personalizada, caso em que a barra lateral será exibida em todas as páginas, menos na homepage. Neste artigo, vamos compartilhar um tutorial que vai lhe dar a opção de mostrar uma sidebar diferente para cada post e página do WordPress. Este é um excelente snippet para adicionar aos favoritos para todo designer de tema WordPress e usuários que gostariam de adicionar esta funcionalidade.
Este tutorial irá combinar o uso de Campos Personalizados e a capacidade de chamar templates php específicos. Portanto, este tutorial tem um pré-requisito:
É necessário ter conhecimento básico de HTML e CSS para que você crie um template separado.
Você vai precisar para abrir o seu arquivo single.php e/ou page.php e encontrar o seguinte código:
<?php get_sidebar(); ?>
Substitua o código acima por este:
<?php $sidebar = get_post_meta($post->ID, "sidebar", true); get_sidebar($sidebar); ?>
Agora, quando você estiver escrevendo um post ou uma página, e quiser exibir uma sidebar personalizada tudo o que você precisa fazer é adicionar o campo personalizado “Sidebar” e incluir o nome do arquivo da barra lateral. Por exemplo, se você inserir “wp24page”, ele irá mostrar a sidebar-wp24page.php como sua barra lateral.
Você já deverá ter enviado o arquivo para poder chamá-lo a partir de um post específico. Uma das maneira mais fáceis de começar a criar um novo arquivo de barra lateral é copiando o código do seu arquivo sidebar.php para este novo arquivo e editar/adicionar os códigos que você desejar.
Nota: Se você quiser mostrar este código fora do loop, então você precisa ver o nosso tutorial sobre como exibir campos personalizados fora do loop.
Assinatura Premium é tudo que você precisa!
Obtenha acesso à Conteúdos Exclusivos, Séries e Cursos Completos, além de muito conteúdo para aprender sobre os Recursos Mais Tops do WorPress… Mesmo que seja um iniciante, do zero e sem saber programar!
Venha fazer parte dessa comunidade!
81 respostas
tem alguma forma de fazer isso com plugin? não sei programar…
Wow, amazing blog layout! How long have you ever been running a blog for?
you made running a blog glance easy. The entire look
of your website is magnificent, let alone the content!
You can see similar here dobry sklep
online shopping pharmacy india http://indiaph24.store/# online pharmacy india
indian pharmacy
mexican border pharmacies shipping to usa: mexico pharmacy – mexico drug stores pharmacies
canadian pharmacy online reviews [url=http://canadaph24.pro/#]Prescription Drugs from Canada[/url] canadian neighbor pharmacy
https://indiaph24.store/# Online medicine home delivery
http://mexicoph24.life/# best mexican online pharmacies
mexican pharmaceuticals online: medication from mexico pharmacy – purple pharmacy mexico price list
canadian pharmacy world [url=https://canadaph24.pro/#]Prescription Drugs from Canada[/url] canadian pharmacy victoza
buying generic propecia without insurance [url=http://finasteride.store/#]buying generic propecia pill[/url] propecia cheap
http://nolvadex.life/# tamoxifen for men
tamoxifen cancer [url=https://nolvadex.life/#]tamoxifen alternatives[/url] tamoxifen
cost cheap propecia tablets: propecia generic – get cheap propecia tablets
https://finasteride.store/# cost of propecia pill
Misoprostol 200 mg buy online [url=http://cytotec.club/#]cytotec buy online usa[/url] buy cytotec online fast delivery
cytotec abortion pill: buy cytotec online – buy cytotec over the counter
buy cytotec online [url=https://cytotec.club/#]buy cytotec pills[/url] buy misoprostol over the counter
https://finasteride.store/# propecia generics
http://cytotec.club/# cytotec buy online usa
http://lisinopril.network/# lisinopril tablet 40 mg
nolvadex pct [url=http://nolvadex.life/#]nolvadex only pct[/url] tamoxifen and ovarian cancer
cytotec pills buy online [url=https://cytotec.club/#]buy cytotec over the counter[/url] buy cytotec
cipro pharmacy: ciprofloxacin mail online – cipro ciprofloxacin
https://ciprofloxacin.tech/# ciprofloxacin 500mg buy online
antibiotics cipro [url=https://ciprofloxacin.tech/#]buy cipro online[/url] ciprofloxacin
https://cytotec.club/# order cytotec online
cost of lisinopril 40 mg: lisinopril 2.5 – buying lisinopril in mexico
https://cytotec.club/# buy cytotec pills
buy cipro online [url=https://ciprofloxacin.tech/#]п»їcipro generic[/url] buy cipro online
http://cytotec.club/# cytotec buy online usa
buy cytotec pills [url=http://cytotec.club/#]order cytotec online[/url] buy cytotec over the counter
http://ciprofloxacin.tech/# ciprofloxacin 500mg buy online
cost generic propecia: buy propecia without rx – buy cheap propecia no prescription
lisinopril 40mg [url=https://lisinopril.network/#]lisinopril 20mg tablets[/url] lisinopril 20mg prices
https://ciprofloxacin.tech/# where can i buy cipro online
buy cytotec pills: Misoprostol 200 mg buy online – Misoprostol 200 mg buy online
should i take tamoxifen [url=http://nolvadex.life/#]tamoxifen medication[/url] how to get nolvadex
https://finasteride.store/# generic propecia for sale
https://cytotec.club/# buy cytotec pills
buy generic ciprofloxacin [url=http://ciprofloxacin.tech/#]ciprofloxacin 500 mg tablet price[/url] ciprofloxacin mail online
http://ciprofloxacin.tech/# cipro pharmacy
lisinopril tablets [url=http://lisinopril.network/#]lisinopril tabs 4mg[/url] lisinopril prinivil zestril
cytotec abortion pill: cytotec pills online – cytotec pills buy online
antibiotics cipro [url=http://ciprofloxacin.tech/#]ciprofloxacin over the counter[/url] buy ciprofloxacin
http://ciprofloxacin.tech/# п»їcipro generic
Abortion pills online: buy cytotec pills – cytotec buy online usa
ciprofloxacin over the counter [url=https://ciprofloxacin.tech/#]buy cipro online[/url] cipro 500mg best prices
http://ciprofloxacin.tech/# п»їcipro generic
https://lisinopril.network/# zestril tablet price
buy cipro online canada [url=https://ciprofloxacin.tech/#]cipro 500mg best prices[/url] cipro for sale
http://nolvadex.life/# tamoxifen reviews
where to get nolvadex: benefits of tamoxifen – tamoxifen buy
buy cipro [url=https://ciprofloxacin.tech/#]buy ciprofloxacin[/url] cipro pharmacy
http://cytotec.club/# buy cytotec pills
cost cheap propecia online: cost cheap propecia prices – propecia without dr prescription
cheap propecia pills [url=https://finasteride.store/#]buy generic propecia prices[/url] propecia otc
http://cytotec.club/# Cytotec 200mcg price
http://nolvadex.life/# tamoxifen headache
buy Levitra over the counter [url=https://levitrav.store/#]Levitra 20mg price[/url] п»їLevitra price
https://viagras.online/# buy viagra here
Sildenafil Citrate Tablets 100mg: Buy generic 100mg Viagra online – Order Viagra 50 mg online
cheap viagra: Cheapest place to buy Viagra – Cheapest Sildenafil online
http://kamagra.win/# Kamagra tablets
Levitra 20 mg for sale [url=http://levitrav.store/#]Levitra 10 mg buy online[/url] Levitra 20 mg for sale
Buy Cenforce 100mg Online: Purchase Cenforce Online – cenforce for sale
https://levitrav.store/# buy Levitra over the counter
Generic Levitra 20mg [url=http://levitrav.store/#]Vardenafil online prescription[/url] Levitra online USA fast
https://cenforce.pro/# cenforce.pro
Vardenafil online prescription: Buy Vardenafil 20mg – Levitra online USA fast
Buy generic Levitra online [url=http://levitrav.store/#]Buy Vardenafil 20mg[/url] Buy Vardenafil 20mg
http://cenforce.pro/# order cenforce
Levitra online pharmacy: Cheap Levitra online – Buy Levitra 20mg online
cenforce for sale [url=https://cenforce.pro/#]buy cenforce[/url] Cenforce 100mg tablets for sale
Cenforce 150 mg online: Cenforce 100mg tablets for sale – cenforce.pro
http://kamagra.win/# п»їkamagra
https://viagras.online/# п»їBuy generic 100mg Viagra online
Kamagra tablets [url=https://kamagra.win/#]sildenafil oral jelly 100mg kamagra[/url] buy Kamagra
https://levitrav.store/# Buy Vardenafil 20mg
Tadalafil Tablet: Generic Tadalafil 20mg price – Buy Tadalafil 10mg
https://cialist.pro/# Generic Cialis without a doctor prescription
buy cenforce [url=https://cenforce.pro/#]Cenforce 150 mg online[/url] Purchase Cenforce Online
Kamagra 100mg price: kamagra.win – Kamagra tablets
my canadian pharmacy [url=https://pharmcanada.shop/#]pet meds without vet prescription canada[/url] canadian pharmacy drugs online
canadian pharmacy discount code: online pharmacy – buying prescription drugs from canada
canadian pharmacies not requiring prescription: pharm world – best no prescription pharmacy
http://pharmindia.online/# best online pharmacy india