A barra lateral, o cabeçalho e o rodapé têm seus nomes por um bom motivo. Eles são descritivos e informam onde cada elemento deve existir em uma página da web. Então, quando a sua barra lateral, que deve existir à esquerda ou à direita do seu conteúdo, aparece abaixo do seu conteúdo, é claro que há um problema.

A localização desses elementos é determinada pelo código HTML e CSS. Você não precisa necessariamente conhecer essas linguagens para resolver esse problema, mas precisa entender uma ou duas coisas, como " div ".

Entenda a importância do elemento "Div" em relação à barra lateral

“Div”, ou a tag , é um elemento HTML. É um contêiner para diferentes elementos que compõem uma página web, incluindo o conteúdo. Cada elemento deve estar contido em seu próprio " ".

Você já deve saber como as tags de abertura e fechamento funcionam em HTML. Por exemplo, quando você define um título com um Título h2 de espessura e olha no editor de texto, você notará que ele está entre tags , como isso :

título-in-the-tags

O primeiro é uma marca de abertura. A marca que contém a barra "/" é uma marca de fechamento. Cada elemento de uma página da web deve conter uma tag de abertura e fechamento. Se um rótulo estiver aberto e não fechado ou vice-versa, isso pode causar a exibição incorreta de alguns itens, especialmente se essas tags não fizerem parte das tags isentas de ter uma tag de fechamento como " img "," hr », Etc.

Se você abrir uma tag e não feche com , seus parágrafos e outro conteúdo do artigo serão exibidos com um estilo "Título 2". É semelhante à maneira como os elementos " div Pode ser exibido corretamente se você não o abrir e fechá-lo corretamente.

Aqui está o arquivo "single.php" para o tema " Zerif Lite ". Este arquivo contém o código que determina como os artigos são exibidos no plug-in (para itens exclusivos) Na imagem a seguir, as tags “Div” são destacadas para mostrar onde elas abrem e onde fecham.

php-lateral-elementos únicos-div

Esta é uma demonstração simples de como os elementos div funcionam para que possamos determinar melhor a causa de um problema de exibição.

Corrigir problema de exibição no WordPress

Entender como os elementos "div" funcionam é apenas metade da batalha. Agora você precisa determinar qual arquivo em seu site tem problemas com os elementos "div".

Há algumas perguntas que você deve perguntar a si mesmo:

Este problema existe em todo o seu site?

Descobrir onde esse problema está ocorrendo em seu site pode ser uma ótima pista sobre onde o problema existe. Infelizmente, se isso existir em todo o seu site, levará mais tempo para ser resolvido.

Um problema geral em que a barra lateral aparece abaixo do conteúdo pode ter várias causas diferentes e provavelmente elas aparecerão em um destes arquivos principais:

  • footer.php
  • header.php
  • index.php
  • sidebar.php
  • style.css

Seu tema pode vir com arquivos adicionais que determinam os elementos exibidos em todo o site, mas estes são os principais arquivos que você deve considerar para realizar sua pesquisa.

Você pode exibi-los diretamente no editor que está no menu "Aparência" no painel.

Esse problema existe apenas nas páginas?

Explore algumas páginas procurando o erro. O problema só aparece nas páginas? Nesse caso, você terá que olhar o arquivo "page.php" para encontrar os erros.

Esse problema existe apenas nas páginas do blog?

Novamente, você precisa comparar algumas das páginas do seu site com os diferentes artigos do seu blog. Inspecione seu arquivo “single.php”. Se a barra lateral for exibida corretamente nas páginas, mas não no blog, este arquivo lhe dirá mais.

O problema das barras flutuantes

Seu tema pode ser uma barra lateral flutuante e, se isso estiver fazendo com que as barras laterais apareçam abaixo do conteúdo, você deverá se aproximar do desenvolvedor.

A propriedade mais importante é a propriedade flutuar Que geralmente aparece em dois formatos:

float: left; float: right;

Se não forem usados ​​corretamente ou não forem usados, podem fazer com que os itens sejam empilhados uns sobre os outros, em vez de lado a lado. Você também pode precisar usar o " remover filtragem Para corrigir o problema.

Solicite a ajuda de especialistas

Se você não conseguir resolver os problemas usando todas as opções acima, convido você a entrar em contato conosco deixando diretamente um comentário ou através do bate-papo ao vivo no página inicial.

Caso contrário, você sempre poderá entrar em contato diretamente com o desenvolvedor do tema. Quem está na origem deste produto estará mais apto a responder às suas necessidades.

Isso é tudo para este tutorial, espero que ele permita que você corrija o problema das barras laterais que aparecem abaixo do seu conteúdo.