wordpress margem direita hospedagem
As versões atuais do WordPress agora tem alinhamento de imagem embutido. WordPress adiciona classes CSS para alinhar a imagem para a direita, esquerda e centro de um parágrafo, de modo que o texto será disposto ao redor da imagem.
A fim de tirar proveito dessas novas classes CSS para alinhamento de imagem ea disposição do texto ao redor da imagem, o WordPress tema deve incluir o seguinte no style.css encontrado no diretório Tema WordPress.
Ao adicionar a imagem em seu blog WordPress, selecione o alinhamento de imagem em direita, esquerda ou centro na imagem / Painel de mídia.
A imagem será incorporado em seu blog com o estilo selecionado para o alinhamento, tais como:
Para mais informações sobre imagens de styling em WordPress, consulte Quebra de texto em torno das imagens. As imagens podem ter bordas, molduras, legendas. e ser denominado em muitas maneiras diferentes. Existem basicamente duas maneiras de estilo uma imagem no seu site. Você pode denominá-lo de dentro da folha de estilo ou embutido em uma imagem específica.
Styling Todas as Imagens
Styling suas imagens de dentro do style.css do seu WordPress tema pode cobrir o styling para cada imagem em seu site, ou imagens específicas.
Para estilizar cada imagem em seu site para procurar uma maneira particular, procurar ou adicionar o seletor de CSS para a tag de imagem. Em seguida, adicione seus estilos para o tag. Por exemplo, digamos que você quer uma borda preta em torno de todas suas imagens e você quer espaço entre a borda ea imagem, bem como o espaçamento adequado ao redor da imagem e do texto.
Talvez você quer algo um pouco mais dramático. Você pode alterar a espessura da borda e configurá-lo para uma linha de "double". E talvez você realmente quer isolar sua imagem do resto do texto, para que você aumentar a margem ao redor da imagem.
Styling imagens específicas
Você pode adicionar à sua folha de estilo um estilo específico para determinadas imagens. Se você já denominou todas as suas imagens, você deve se certificar de que você especificar cada declaração de estilo ou atributo especificado no estilo tag de imagem, a fim de substituir esse atributo. Se você não alterar a margem, em seguida, ele permanecerá o mesmo no novo estilo. Isso é chamado de CSS pai / filho relacionamento.
Vamos dizer que você gostaria de ter algumas imagens em seus posts arquivados na categoria de Natureza tem um fundo verde agradável. O resto das imagens deve olhar o mesmo, apenas os que você adicionar em sua categoria Natureza. Você simplesmente adicionar uma classe para a sua folha de estilo e cada imagem dentro dessa categoria.
Para torná-lo fácil de lembrar, vamos chamar a nossa "natureza" classe. Queremos ter uma borda espessa verde muito escuro e um fundo verde médio ao redor da imagem para destacá-lo.
Em cada uma das imagens dentro dessa categoria, basta adicionar a classe para "natureza":
Se você precisa mais estilos para imagens diferentes, você pode criar mais deles, conforme necessário.
Styling uma ou duas imagens Diretamente
Há momentos em que você só quer uma ou duas imagens em seu site para olhar diferente do resto. Esta técnica é chamada de estilos inline. Aplica-se os estilos CSS diretamente para a própria imagem.
Por exemplo, digamos que você quer ter uma imagem isolado contra um fundo preto para chamar a atenção para ele.
Esta não é uma técnica para usar em cada imagem. É para ser usado em imagens ocasionais que precisam de um "pouco algo especial."