Ajuda com configuração de visual

  • izaascj

    (@izaascj)


    6 anos, 4 meses atrás

    Pessoal, se fosse pra resolver isso com Front Page e tabelas estava tranquilo pra mim (risos).

    Pegando o WordPress a pouco tempo pra mexer não sei como fazer. Não achei plugin ou tema que ajude a criar uma espécie de conteúdo personalizado.

    Ou seja, para cada programa uma foto de capa mais espaço para a foto do logo. Sobre a imagem de capa ainda iriam o logo da emissora eibido e a nota dos usuários.

    Embaixo iriam outras informações como elenco e tal, mas isso acredito que sei como fazer.

    Até tentei fazer com código de imagens sobreposta e tal mas na versão mobile zoa tudo!!!

    Claro que se houvesse a opção de enviar as imagens e conteúdo através de um post personalizado seria ótimo (exemplo do Ultimate Member), mas não havendo jeito eu trabalharia colando o código pronto e alterando as informações mesmo!

    Gostaria de permanecer com o tema MH Magazine.

    Alguém sabe como fazer?

    Segue um exemplo feito no Photoshop do que estou pensando

    FOTO

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Ralden Souza

    (@ralden)

    6 anos, 4 meses atrás

    olá @izaascj,

    se fosse um projeto meu, como eu faria:

    com o plugin Elementor, que funciona com praticamente todos os temas, eu desenvolveria a página da seguinte forma.

    1. para a foto de capa eu adicionaria uma seção e coloria a foto de capa como imagem de fundo da seção, com sobreposição na cor grafite e alfa a 0.70 (alfa é o que dá transparência a um objeto, 1 é opaco e 0 é transparência total), o que ficaria muito próximo ao que você mostra na sua foto do photoshop

    2. dentro dessa seção colocaria duas colunas, na da esquerda colocaria o logo da emissora e na coluna da esquerda as estrelas de avaliação

    3. instalaria um plugin de avaliação (“rating”) para que os usuário possa dar notas, havendo muitas opções em
    https://wordpress.org/plugins/tags/rating/
    ai posicionaria a avaliação na seção com a capa

    4. criaria então outra seção, também com 2 colunas

    5. na coluna da esquerda colocaria a imagem de logo do filme. para fazer como na sua imagem de photoshop e colocar o logo do filme sobre parte inferior da capa, precisaria de conhecimentos avançados de CSS. se estudar sobre isso, pode conseguir, mas não vou abordar aqui. a solução mais simples é colocar o logo do filme em “linha” (ou seja, a seção) abaixo da capa.

    6. na coluna da direita escreveria os dados do filme.

    se você já usa ou usou o Elementor, é provável que entenda minha linha de raciocínio. se nunca usou, ai vai precisar de um tempo para instalar e aprender como ele funciona.

    abraços e boa sorte,

    Criador do tópico izaascj

    (@izaascj)

    6 anos, 4 meses atrás

    Ralden, muito obrigado, pois cheguei a pensar no Elementor, instalei, testei e em determinado momento fiquei na dúvida se ele cumpria a função. Sua dica comprova que sim! O que me fez abandoná-lo no primeiro momento foi não dar a opção de sobreposição de imagens tão necessária na estrutura criada, se tivesse como fazer essa sobreposição integrada a ele estaria resolvido

    Criador do tópico izaascj

    (@izaascj)

    6 anos, 4 meses atrás

    Ralden, depois de postar a mensagem acima resolvi fuçar no plugin. Acabei criando um modelo na base do Z-index e configurando margens. Preciso testar no celular mas estou com um problema muito simples preciso criar uma página usando o modelo salvo e não sei como fazer isso.
    É evidente que não terei que fazer aquele trabalho de configurar uma nova página cada vez que for postar um novo programa, na verdade penso que a proposta seja carregar as informações nos lugares já salvos no modelo do elementor, então criei e salvei um modelo, ok! Mas não sei como começar a criar páginas usando ele.
    Quando clico em adicionar página (ou post) que escolho botão azul “editar com elementor” ele abre as configurações de uma nova página do zero, não aparecendo nenhuma opção para eu usar o que já salvei.
    Então pensei que poderia ser pelo próprio link do plugin escolhendo a opção “meus modelos”, mas lá só tem opções de edição, visualização e exlusão.
    Então estou perdido!

    Ralden Souza

    (@ralden)

    6 anos, 4 meses atrás

    olá @izaascj,

    olha, depois que você aprender, vai ver como o Elementor economiza tempo.

    vamos lá. no menu lateral, em Elementor > Meus modelos, você pode criar “pedaços”, como o header, footer, e parte de página, como os dados de seus filmes.

    depois, claro, você tem que criar páginas e posts. se você criar uma página ou post como base, ao terminar, lá no botão verde “Publicar”, tem uma seta que abre opções, e uma delas é “Salvar como modelo”. ai você dá um nome e salva.

    pronto. quando for criar outra página, você cria a nova página, dá o título e clica no botão “Editar com Elementor”. na seção, que tem o pontilhado e a mensagem “Solte o widget aqui”, você pode clicar no mais ou na pasta. clique na pasta para abrir os modelos e vá na aba “Meus modelos”. é aqui que você vai puxar o conteúdo dos modelos. escolhe se quer a página completa ou só a parte e clique em “Inserir”.

    basicamente é isso.

    abraços e boa sorte,

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Ajuda com configuração de visual’ está fechado para novas respostas.