Como criar um site wordpress com uma largura fixa

Em WordPress, um Largura fixa

site tem um recipiente que é um conjunto de largura, em pixels, e tudo dentro dele permanece contida dentro da largura definida no Cascading Style Sheet (CSS). Se um contêiner de largura fixa é definida para 960 pixels, ele não se mover mais amplo do que 960 pixels, não importa o tamanho da tela do visitante é. Se um visitante navega em uma resolução de 1600 pixels de largura, o site exibe um recipiente de 960 pixels de largura.

Video: WordPress: Fixar a barra lateral + rolagem infinita = aumento da lista ou cliques anúncio

O cabeçalho e rodapé deste site são 960 pixels wide área o conteúdo é de 520 pixels wide as duas barras laterais são 200 pixels wide e a área de conteúdo e a primeira barra lateral são separados por 20 pixels margens direita.

O CSS para o layout é algo como isto:

corpo {fundo: # ffffff-margem: 0-font-family: arial, verdana, helvética, sans-serif -} # recipiente {largura: 960; margem: 0 auto -} # cabeçalho {largura: 960; altura: 100 p; margin-bottom: 20px; background:. #eee -} conteúdo {width: 520px; margin-right: 20px; float: left; background:. #eee -} sidebar1 {width: 200px; margin-right: 20px; float: left; background:. #eee -} sidebar2 {width: 200px; float: left; background: #eee -} # rodapé {float: left; width: 960px; height: 100px; margin-top: 20px; margin-bottom: 20px; background: # eee-clara: both-}

E a marcação HTML para o layout parecido com este:

Este é o cabeçalho do site
Video: Curso Online: Como criar um site profissional em uma hospedagem com WordPress
Esta é a área de conteúdo
Video: Criando um site do zero com wordpress
Esta é a primeira barra lateral
Video: Como Criar um Site ou Blog no WordPress (Completo)
Esta é a segunda barra lateral
Esta é a área de rodapé

A 960 pixels de largura layout é o mais popular, e mais padrão, layout de largura fixa porque os designers criar sites com o pressuposto de que 1024 x 768, ou maior, é a resolução de tela mais popular em uso. Assim, um 960 pixels de largura de layout parece perfeitamente em um de largura de 1024 pixels de resolução, quando você levar em conta barra de ferramentas do navegador e barras de rolagem.

Qualquer coisa maior que 960 pixels cria uma barra de rolagem horizontal na parte inferior da janela do navegador, e você não quer que seus leitores para rolar horizontalmente ao ler seu site. Um recurso que você pode achar útil é a website 960 Grid System, que oferece modelos básicos de Photoshop criados com um layout de 960 pixels de largura.

Utilizando um esquema de largura fixa tem as suas vantagens e desvantagens. Uma das maiores vantagens é que você pode controlar mais facilmente os elementos de design, tais como gráficos, ícones e banners. Porque um layout de largura fixa é definida como uma largura de pixel estática, você pode ser bastante confiante de que o que você vê na tela do computador é o que o seu site visitantes ver, também.

Porque você sabe a largura exata do site, é fácil planear para a inserção de vídeos, fotos e outros elementos de mídia, e você pode ter certeza de que os arquivos serão exibidos corretamente dentro do recipiente do design geral do site.

Uma desvantagem para um layout de largura fixa é o que parece em monitores de computador maiores. Um layout que é 960 pixels de largura mostra um monte de espaço vazio em um monitor que exibe o conteúdo de uma resolução de 1600 x 950. Neste caso, você teria 640 pixels de espaço vazio. Embora este pode incomodar algumas pessoas, não é suficiente para dissuadir alguns designers de usar este modelo.

Este site é um layout fixo a 960 pixels de largura para uma resolução de tela de 1024 pixels de largura.

Isso demonstra como o 960 pixels de largura, layout fixo aparece em uma resolução de tela de 1600 pixels de largura. Você pode ver o quão diferente o site parece, em termos de espaço vazio à esquerda e à direita do projeto recipiente no visor resolução de 1600 pixels de largura.