• Wordpress
  • fundo de página transparente para mostrar a imagem de fundo... twenty eleven #531

  • ivan

    • Administrador

ConteudoAnimalcombr vi mais de um elemento transparente ali, então vou dar uma forma genérica de fazer: qualquer elemento que você quer que fique transparente, você vai na configuração de cor, coloca uma cor qualquer, preferencialmente branca, e depois selecione a transparência adicionando transparência parcial ou total. Isso independe do tema ou plugins utilizados. Alguns temas possuem configuração específica para deixar o elemento transparente, mas no geral você configura como mencionei.

ivan tem algum css adicional pra isso da transparência ?

  • ivan

    • Administrador

ConteudoAnimalcombr tem sim, mas CSS deve ser último recurso. Não está encontrando a configuração de transparência no seletor de cores? Me mande uma print das configurações de cor do plano de fundo do elemento que você está mexendo para eu tentar identificar exatamente qual editor está usando e quais as configurações dele.

  • ivan

    • Administrador

ConteudoAnimalcombr se estiver suando puramente o Gutenberg + Tema padrão do Wordpress, no elemento que deseja colocar transparência você vai acessar a parte de estilos vai selecionar cor de fundo, escolhe a cor desejada e por fim mexe na barra de transparência para ajustar, sendo para a direita opaco e para a esquerda transparente (vide print)

ivan ahhh tá … estava procurando no customize do tema … nem pensei fazer isso página a página … vou procurar isso agora … obrigado Ivan

ivan ahhh tá … estava procurando no customize do tema … nem pensei fazer isso página a página … vou procurar isso agora … obrigado Ivan

  • ivan

    • Administrador
  • Editado

ConteudoAnimalcombr essa print que mandei é nas configurações do tema, quando editando um layout personalizado, mas os elementos que são inseridos para criar os layouts são elementos comuns do Gutenberg, por isso você consegue acessar essas confs pelo tema também; no caso estava editando o modelo referente à página inicial,q ue no caso é o loop de posts

ivan onde eu clico para ter acesso a essa página ?

ivan Como eu chego nessa página … procurei no customizar do twenty eleven mas não achei ainda … seguindo procurando !

  • ivan

    • Administrador
  • Editado

ConteudoAnimalcombr independende do que eu esteja editando, essas configurações de transparência estarão disponíveis para você também, se estiver usando Gutenberg mais tema padrão. Mas para fazer qualquer edição do tema, você vai em Aparência > Editor. De qualquer forma eu não havia reparado na versão do tema, a que você está usando é bastante antiga (2011) e não terá esse recurso de editar o tema em si. O Editor do tema é um recurso relativamente novo que veio, se não me engano na versão Twenty Twenty-Four que é a penúltima, estamos na versão Twenty Twenty-Five.

De qualquer forma, usar este tema não é nada trivial e por isso recomendo que você siga o Curso de Wordpress do Curso em Vídeo exatamente como eles fazem que lá eles mostram todo o passo a passo usando o Astra, que é mais simples de lidar do que os temas padrão.

Caso prefira manter essa versão antiga do tema, temos um curso completo e atualizado de Microthemer na Academia Hostnet que pode te ajudar a resolver seu problema caso não consiga alterar as cores que deseja:

https://academia.hostnet.com.br/cursos/curso-de-edicao-visual-de-css-com-microthemer/

Sim Eu conheço o curso do Guanabara / Romero… é que eu gosto da limpeza e clareza e padrão do twenty eleven … uso em todos os meus clientes … tento o máximo usar :-) mas obrigado !

  • ivan

    • Administrador

ConteudoAnimalcombr o único problema desse tema é a falta de recursos e neste caso tem que recorrer a CSS e plugins suplementares para adicionar funcionalidades que o tema não traz. No caso, se usasse Elementor ou Beaver Builder, qualquer tema serviria já que da para desenvolver tudo pelos editores, é o que estou fazendo no curso de Elementor da Academia Hostnet
https://academia.hostnet.com.br/cursos/curso-completo-de-elementor-construindo-sites-do-zero/
Nele mostro como fazer qualquer parte do site usando apenas o Editor e não usamos o tema para absolutamente nada a não ser pela obrigatoriedade de se ter um tema instalado para o Wordpress funcionar, mas no caso uso o Hello que praticamente não tem nenhuma configuração (e a gente nem mexe em nenhuma delas, fazemos tudo pelo editor).

Mas quando se usa o Gutenberg é recomendável usar um tema que tenha uma capacidade maior ou os projetos poderão ficar bastante comprometidos em termos de funcionalidades e também questões visuais, a menos que, como já mencionei antes, você use plugins suplementares (oq ue pode eventualmente acarretar em conflitos ou lentidão). Mas tem ótimos temas gratuitos que oferecem funcionalidades muito boas como o próprio Astra que é leve e bastante versátil, mas temos também outros dois que gosto muito para trabalhar com Gutenberg que são o Kadence e o Blocksy, sendo este último o meu preferido para usar com Gutenberg. Ele possui recursos e configurações extremamente avançados e que são encontrados somente em temas pagos, como a versão Premium do Astra. Minha recomendação é que você conheça esses dois temas, em especial o Blocksy.

O tema padrão mais recente do Wordpress, o Twenty Twenty-Five possui recursos que os grandes editores como Elementor e Beaver Builder fazem, que é editar todas as partes do site. Mas ele ainda é um recurso novo não tão fácil de usar, mesmo assim vale a pena dar uma olhada se preferir construir layouts totalmente personalizados; é sempre bom ter potencial para edição visual e de funcionalidades do site pois quanto mais recursos o tema/editor dispuser, maior vai ser a versatilidade e capacidade de personalização dos sites, e com isso você consegue fazer sites totalmente personalizados e quanto mais personalizado um projeto, mais forte é a identidade dele perante a concorrência.