Suporte » Desenvolvendo com WordPress » Encontrar o Arquivo Fonte de um elemento

  • Boa noite!

    Gostaria de saber se há uma maneira fácil de encontrar o(s) arquivo(s) que renderiza(m) um determinado elemento, como por exemplo um ícone na barra lateral de uma página, ou um botão “mais informações”, com link para outra página.
    Sempre que preciso editar um determinado elemento do meu site, gasto muito (muito!) tempo procurando em qual arquivo possui o código-fonte pra poder, enfim, fazer o trabalho. E gostaria de saber se há uma maneira fácil pra encontrar pelo menos se este arquivo vem do tema ou de um plugin (e qual, se possível).
    Estou apenas de suporte e não fui eu quem montou o site. Então encontrar estes arquivos tem sido um trabalho um tanto penoso, especialmente quando o elemento provém de algum plugin.

    Agradeço a atenção 🙂

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • saudações @luispazini2

    eu costumo usar o plugin What The File quando preciso fazer essa “caçada” como você está fazendo,

    https://br.wordpress.org/plugins/what-the-file/

    não sou programador, sou designer, mas por vezes é inevitável buscar em arquivos certos códigos para obter certas mudanças. então esse plugin costuma mostrar os arquivos envolvidos.

    só que é naquele esquema de programação, você vai nesse arquivo e o código não está lá. mas dentro do arquivo indica que outros arquivos ele carrega códigos. ai seguindo os “breadcrumb” alcanço os “Easter Eggs” 😀

    espero que esse plugin possa lhe ser útil.

    boa sorte!

    Gassho (mãos em prece), Namaste (eu o saúdo)

    Olá, @ralden,
    Obrigado pela disposição

    Se entendi bem, parece que este plugin informa apenas o arquivo de tema que renderizam a página em questão. Mas se eu tiver, por exemplo, um botão que vem de um plugin, o What The File não mostra, estou correto?
    Será que não consigo identificar arquivos de plugin de uma forma parecida ? Ou pelo menos saber se este elemento provém de um plugin e não do tema (que geralmente é o que ocupa mais o meu tempo para de procura).

    Obrigado, Ralden

    saudações @luispazini2,

    esse é o problema de pegar projetos criados por outros e sem documentação. o correto mesmo seria quem fez o site ter documentado as personalizações de código que fez e o uso de cada plugin. mas é raríssimo alguém que faça isso, seja amador ou até mesmo profissionais.

    90% do que aparece de visual em front-end é responsabilidade do tema. plugins geralmente geram funções acessórias de 2º plano (conectar com Google Analytics, conectar com redes sociais, gerar cache a aumentar performance).

    os elementos que aparecem em páginas vindo de plugins precisam ser referenciados. as formas mais comuns para isso são shortcodes, bloco dinâmico do plugin ou, no caso de PageBuilders, como o Elementor (eu uso o Elementor PRO), inserindo o widget do próprio plugin ou um shortcode.

    se a função do plugin tiver sido inserida via shortcode (como um formulário para e-mail marketing, como o Mailchimp), o shortcode estará no texto da própria página ou post. ai você acessa a edição da página/post e procura o shortcode. então pode editá-lo ou eliminá-lo.

    bloco dinâmico, mesma coisa. entra na edição da página/post e procura o bloco dinâmico que referencia o plugin. então o edita ou deleta.

    no caso de PageBuilders, ai pode ser mais complicado, já que foi feito por outra pessoa e você pode não esta familiarizado. no Elementor PRO tem uma coisa fantástica, que é um CSS Adicional para cada elemento presente na página. isso permite personalização sob medida para um elemento específico. em compensação, se a pessoa se esquece que fez isso e onde fez isso, ai fica com algo que não consegue mais editar. ou seja, falta de registrar as personalizações que está fazendo…

    além disso, alguns widgets que referenciam plugins ficam acinzentados, só aparecendo o conteúdo quando carrega a página no fornt-end (no caso do Elementor). no caso de outros PageBuilders, como o DIVI, há uma forma de produção da página que você só vê a marcação dos blocos, não vê conteúdo. então você tem que estar familiarizado com o PageBuilder para entender o que é cada elemento na página e onde o plugin está inserido.

    há ainda a possibilidade de inserir Code Snippets. como usuário do tema GeneratePress, eu uso o plugin abaixo para inserir PHP personalizado em uma página, justamente por ser a recomendação do desenvolvedor do tema,

    https://br.wordpress.org/plugins/code-snippets/

    então você precisa ver na listagem de plugins de seu WordPress se não há um plugin para inserção de códigos dentro das páginas. e o pior, no caso do plugin que citei acima, ele insere o código dentro das próprias páginas/posts, então você precisa verificar página a página e ver se não tem código personalizado naquela página/post específico.

    tem que ver se seu WordPress não usa tema-filho. se usar, quem criou o site pode ter inserido código personalizado dentro do functions.php do tema-filho. para isso, precisa acessar esse arquivo, o que pode fazer em Aparência > Editor.

    por fim, se quem criou o WordPress é programador, pode ter criado arquivos personalizados e colocado no core do WordPress. esse é o pior caso, pois sem documentação, só o desenvolvedor sabe o que fez. mas esse caso tem talvez uma das soluções mais fáceis:

    baixe o plugin da Sucuri para WordPress,

    https://br.wordpress.org/plugins/sucuri-scanner/

    além de escanear malwares, ele tem uma função que permite comparar todos os arquivos do seu WordPress atual com os arquivos originais de uma instalação do WordPress.

    e esse é o PULO DO GATO. o Sucuri vai mostrar quais arquivos não fazem parte da instalação original (ou seja, adicionados pelo primeiro desenvolvedor) ou que foram modificados. o que eu faria então? baixaria os arquivo de instalação no br.WordPress. org e baixaria esses arquivos modificados via SFTP.

    então usaria um programa para comparar arquivos. eu uso o Notepad++, tanto no Ubuntu 18.04 e no Windows 10. ele tem um plugin chamado “Compare” que justamente mostra quais as diferenças entre 2 arquivos. então eu saberia exatamente que modificações o desenvolvedor fez.

    POR TUDO ISSO QUE ESCREVI ACIMA é que não cabe um desenvolvedor fazer um plugin para dizer que arquivo puxa um plugin. pois em vários casos não tem arquivo nenhum puxando plugins, mas sim os arquivos do próprio tema, através de shortcode ou widget inserido na edição da página/post, sendo que esses shortcodes e widgets são interpretados a partir de arquivos do tema.

    espero que todas essas colocações que fiz aqui lhe ajude a resolver essas personalizações que o desenvolvedor fez.

    boa sorte!

    Gassho (mãos em prece), Namaste (eu o saúdo)

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Encontrar o Arquivo Fonte de um elemento’ está fechado para novas respostas.