![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f07a33d1.png\")
<\/a><\/p>\nVoc\u00ea obt\u00e9m o melhor dos dois mundos. Voc\u00ea ainda exibe uma vers\u00e3o menor da imagem que se encaixa bem em sua postagem e carrega rapidamente, mas tamb\u00e9m oferece uma vers\u00e3o muito maior e em tamanho real da imagem para quem quiser v\u00ea-la.<\/p>\n
Siga as etapas neste tutorial e voc\u00ea ter\u00e1 um lightbox adicionado ao seu site WordPress em apenas alguns minutos.<\/p>\n
Se voc\u00ea deseja adicionar uma caixa de luz \u00e0 sua loja de com\u00e9rcio eletr\u00f4nico, verifique esta cole\u00e7\u00e3o de plug-ins de caixa de luz do WooCommerce<\/a>.<\/p>\n Embora existam algumas op\u00e7\u00f5es avan\u00e7adas dispon\u00edveis, gosto de manter as coisas simples. \u00c9 por isso que estou recomendando o plugin Simple Lightbox<\/a> da Archetyped.<\/p>\n Este plug-in simples para WordPress oferece exatamente a funcionalidade de que voc\u00ea precisa, sem incha\u00e7o.<\/p>\n Voc\u00ea pode baixar o plug-in em wordpress.org ou pesquis\u00e1-lo no menu Plug-ins para instal\u00e1-lo em seu site agora.<\/p>\n Com o plugin Simple Lightbox instalado, voc\u00ea encontrar\u00e1 um novo menu chamado “Lightbox" no menu Apar\u00eancia em seu painel de administra\u00e7\u00e3o:<\/p>\n S\u00e3o necess\u00e1rias apenas algumas etapas para configurar totalmente o plug-in para o seu site.<\/p>\n A primeira se\u00e7\u00e3o, Ativa\u00e7\u00e3o, controla quais imagens devem ter uma mesa de luz.<\/p>\n Como voc\u00ea pode ver, voc\u00ea pode escolher os tipos de p\u00e1gina que deseja afetar e todas as imagens encontradas no conte\u00fado dessas p\u00e1ginas ter\u00e3o o recurso lightbox ativado.<\/p>\n Para a maioria das pessoas, essa configura\u00e7\u00e3o funcionar\u00e1 melhor:<\/p>\n Com essa configura\u00e7\u00e3o, todas as imagens em suas postagens de blog ter\u00e3o a caixa de luz habilitada, mas isso n\u00e3o afetar\u00e1 as imagens em outras p\u00e1ginas do seu site (como a p\u00e1gina “Sobre" e a p\u00e1gina inicial).<\/p>\n Antes de prosseguirmos, h\u00e1 um problema que precisamos resolver …<\/p>\n Para que a mesa de luz funcione, voc\u00ea precisa vincular suas imagens aos arquivos de m\u00eddia, como este:<\/p>\n Antes de o WordPress adicionar o novo editor, voc\u00ea poderia definir todas as suas imagens para vincular a seus arquivos de m\u00eddia automaticamente, mas agora voc\u00ea tem que vincul\u00e1-los manualmente usando a barra de ferramentas, conforme ilustrado na imagem acima.<\/p>\n Todos os plug-ins do lightbox funcionam dessa forma, portanto, vincular as imagens aos seus arquivos de m\u00eddia \u00e9 um requisito.<\/p>\n Ent\u00e3o, o que isso significa para o seu site?<\/p>\n Isso significa que quando voc\u00ea habilita a mesa de luz para suas postagens, as imagens em suas postagens n\u00e3o ter\u00e3o uma mesa de luz at\u00e9 que voc\u00ea as vincule ao arquivo de m\u00eddia e voc\u00ea precisar\u00e1 fazer isso para cada imagem que deseja ter uma mesa de luz.<\/p>\n Isso torna as coisas mais lentas em compara\u00e7\u00e3o com o modo como costumava funcionar, mas d\u00e1 a voc\u00ea controle total sobre quais imagens t\u00eam uma mesa de luz.<\/p>\n Com isso resolvido, vamos terminar de configurar o plugin.<\/p>\n Embora a op\u00e7\u00e3o de link padr\u00e3o n\u00e3o esteja dispon\u00edvel no momento, h\u00e1 uma boa raz\u00e3o para acreditar que os desenvolvedores do WP ir\u00e3o adicion\u00e1-la novamente em uma atualiza\u00e7\u00e3o futura.<\/p>\n Voc\u00ea pode ficar satisfeito com uma caixa de luz simples, mas a op\u00e7\u00e3o de agrupamento pode ser pr\u00e1tica para alguns sites.<\/p>\n O plugin Simple Lightbox pode pegar todas as imagens em sua postagem e transform\u00e1-las em uma apresenta\u00e7\u00e3o de slides<\/a>. Com este recurso ativado, quando um visitante clicar em uma imagem, ele ver\u00e1 a janela popup<\/a> normal ,<\/a> mas com setas adicionadas nas laterais para que possa navegar por cada imagem da postagem.<\/p>\n A apresenta\u00e7\u00e3o de slides tamb\u00e9m permite que os visitantes saibam quantas imagens est\u00e3o na s\u00e9rie no canto inferior esquerdo, e h\u00e1 um bot\u00e3o reproduzir \/ pausar no canto superior direito adicionado ao lado do bot\u00e3o Fechar.<\/p>\n A caixa de luz da apresenta\u00e7\u00e3o de slides pode ou n\u00e3o fazer sentido para o seu site, mas \u00e9 f\u00e1cil desativ\u00e1-la nas configura\u00e7\u00f5es de agrupamento se voc\u00ea n\u00e3o gostar.<\/p>\n Se voc\u00ea costuma adicionar v\u00e1rias galerias<\/a> \u00e0s suas postagens, pode marcar a terceira caixa para que o Simple Lightbox mantenha as apresenta\u00e7\u00f5es de slides separadas.<\/p>\n Embora o design padr\u00e3o da mesa de luz seja simples e limpo, existem algumas configura\u00e7\u00f5es de personaliza\u00e7\u00e3o dispon\u00edveis.<\/p>\n Existem apenas dois temas (claro e escuro) e o tema escuro simplesmente substitui a borda branca por uma borda preta.<\/p>\n Eu recomendaria deixar a maioria das configura\u00e7\u00f5es como est\u00e3o, mas, pessoalmente, acho o recurso de apresenta\u00e7\u00e3o de slides autom\u00e1tica problem\u00e1tico, ent\u00e3o eu marquei isso. Al\u00e9m disso, voc\u00ea pode habilitar a exibi\u00e7\u00e3o dos t\u00edtulos das imagens desativando a \u00faltima op\u00e7\u00e3o.<\/p>\n Com as personaliza\u00e7\u00f5es conclu\u00eddas, h\u00e1 apenas uma \u00faltima pequena etapa para concluir a configura\u00e7\u00e3o.<\/p>\n A caixa de luz simples inclui r\u00f3tulos para todos os bot\u00f5es na caixa de luz.<\/p>\n \u00c9 confuso sem algumas informa\u00e7\u00f5es de fundo: esses r\u00f3tulos n\u00e3o s\u00e3o realmente vis\u00edveis no site, mas sim um recurso de acessibilidade<\/a> e s\u00e3o usados \u200b\u200bpor seus visitantes que usam leitores de tela e tecnologia de assist\u00eancia.<\/p>\n Os r\u00f3tulos padr\u00e3o s\u00e3o adequados, mas voc\u00ea pode personaliz\u00e1-los na se\u00e7\u00e3o R\u00f3tulos se desejar:<\/p>\n Com isso, voc\u00ea terminou de personalizar a mesa de luz agora adicionada ao seu site WordPress.<\/p>\n Lightboxes s\u00e3o \u00f3timos para a experi\u00eancia do usu\u00e1rio.<\/p>\n Se voc\u00ea expandisse a largura de suas postagens para adicionar imagens maiores, voc\u00ea prejudicaria a legibilidade do seu texto e os arquivos de imagem maiores tornariam seu site mais lento.<\/p>\n Com uma mesa de luz, voc\u00ea pode proporcionar a seus visitantes uma \u00f3tima experi\u00eancia de leitura e uma \u00f3tima experi\u00eancia de visualiza\u00e7\u00e3o de suas imagens.<\/p>\n Se voc\u00ea gostou deste tutorial e deseja continuar personalizando mais, d\u00ea uma olhada no meu guia final: 31 maneiras f\u00e1ceis de personalizar seu site WordPress<\/a>.<\/p>\n Obrigado por ler e, por favor, compartilhe esta postagem se ela te ajudou.<\/p>\nAdicione lightboxes ao seu site<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\nConfigure o lightbox<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nO \u00fanico problema irritante<\/h3>\n
<\/a><\/p>\nCriar apresenta\u00e7\u00f5es de slides em lightbox<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nPersonalize os estilos<\/h3>\n
<\/a><\/p>\nPersonalize os r\u00f3tulos<\/h3>\n
<\/a><\/p>\nAproveite a sua nova mesa de luz<\/h2>\n