Mais de uma vez foi necessário garantir que páginas diferentes exibissem conteúdo diferente em situações em que a funcionalidade do CMS não permitisse isso.
Por exemplo, para exibir texto diferente no rodapé durante a navegação página por página, ou para impedir que o bloco de widget na barra lateral apareça em uma determinada página ou para ter um controle deslizante em uma página no cabeçalho do modelo e outro controle deslizante na outra página. Em tais situações, o código php simples pode ajudar. Decidi publicá-lo como um registro, pois é mais fácil para mim ver esta nota do que lembrar a variável responsável pelas páginas de URL a cada vez.
O código php a seguir mostra um exemplo de como exibir um controle deslizante do plug-in metaslider na página yoursites.ru / contatos / e, em todas as outras páginas, outro controle deslizante do plug-in metaslider:
Como visualizar o código da página?
Para visualizar o código fonte de uma página de site, é necessário mover o cursor do mouse sobre qualquer área da página da web (excluindo imagens e links). Depois disso, clique no botão direito do mouse. Uma janela é aberta com várias opções (em navegadores diferentes, elas podem variar um pouco). No navegador Google Chrome, por exemplo, estes são os comandos:
- de volta
- encaminhar
- recarregar
- salvar como
- impressão
- traduzir para o russo,
- ver código da página,
- ver código.
Precisamos clicar em ver código da página, e veremos o código html da página do site.
Ver código da página: o que procurar?
Portanto, o código HTML da página é uma lista numerada de linhas, cada uma com informações sobre como este site é criado. Para aprender rapidamente a entender esse grande número de caracteres e caracteres especiais, você precisa distinguir entre diferentes partes do código.
Por exemplo, as linhas de código dentro da tag head contêm informações para mecanismos de pesquisa e webmasters. Eles não são exibidos no site. Aqui você pode ver quais palavras-chave esta página está promovendo, como o título e a descrição são escritos. Você também pode encontrar um link aqui, clicando sobre o que aprendemos sobre a família de fontes do google usada no site.
Se o site for feito no CMS WordPress ou Joomla, também será visível aqui. Por exemplo, esta área exibe informações sobre um tema WordPress ou modelo de site Joomla. Você pode vê-lo lendo o conteúdo dos links destacados em azul. Um link mostra o modelo do site.
Este link mostra que o site é baseado no WordPress. Isso é indicado pelas letras wp-content e o nome do tema do site. Seguindo o link:
Veremos os estilos de fonte CSS para a página. Nesse caso, a fonte é usada. Pode ser visto aqui - família de fontes: 'Source Sans Pro'.
Este site é otimizado usando o seo-plugin Yoast SEO. Isso pode ser visto neste trecho de código comentado:
Este site é otimizado com o plugin Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/
Todas as informações dentro da etiqueta do corpo são exibidas pelo navegador na tela do monitor. Aqui vemos o código html da página e, na parte inferior, está o código de script métrico Yandex. É revestido com uma etiqueta comentada com texto:
Resumir
Depois de fazer uma análise bastante superficial do código na página principal do site, podemos concluir com quais ferramentas essa página foi criada. Vimos nele:
- CMS WordPress,
- Fonte do Google Source Sans Pro,
- Tema WordPress - Sydney,
- Plugins do Yoast
- Contador de métricas Yandex.
Agora, o princípio de analisar o código html da página do site é bastante claro. Não é necessário manter a página sob investigação aberta em um navegador. Você pode salvar o código da página no seu computador usando os atalhos de teclado ctrl + a, ctrl + c, ctrl + v. Cole-o em qualquer editor de texto (de preferência o Notepad ++) e salve-o com a extensão html. Assim, a qualquer momento, você pode estudá-lo mais profundamente e encontrar informações mais úteis para si mesmo.
