Texto ganhou t quebrar hospedagem wordpress
Postado por Bhagwad Park, em 20 de maio de 2014 | 4 Comentários
Um bom pós WordPress é muito mais do que uma parede de texto. Ele contém contexto, imagens, blockquotes, PULLQUOTES, e uma série de outros meios visuais para dividir o conteúdo em pedaços de fácil digestão, tornando-o mais fácil de ler e menos intimidante. É importante posicionar esses objetos corretamente embora e para garantir que eles se encaixam perfeitamente com o resto do post. A ideia é tê-los complementar o artigo, não chamar a atenção do leitor para a sua colocação. Ele deve sentir-se natural como se ele apenas “pertence”. Para este fim, precisamos saber como envolver adequadamente texto em torno de um objeto seja uma imagem, ou um iFrame. WordPress fornece um método fácil para colocar as imagens com precisão, mas vamos precisar fazer um pouco de codificação para obter a aparência adequada e sinto por outros objetos.
alinhando Imagens
Desde imagens e fotos são a forma mais comum de objetos em um post, para quebrar o texto em torno de uma imagem no WordPress é absurdamente fácil. Certifique-se de que você está executando a versão mais recente do WordPress, e no editor visual acima dos ícones WYSIWYG, você encontrará um botão “Add Media”, como mostrado abaixo.
Clicando este irá permitir que você envie uma nova imagem ou escolha um da biblioteca existente. Depois de selecionar isso, os detalhes de imagem aparecerá no lado direito. Role para baixo e você pode ver uma seção chamada “Configurações de exibição de anexos”, como mostrado abaixo.
Simplesmente selecione se você deseja que a imagem apareça à esquerda, à direita ou ao centro. Se você não escolher qualquer coisa, a imagem será colocada no HTML sem qualquer alinhamento. É fácil!
Alinhando Outros objetos
Enquanto o texto envolvendo em torno de imagens é bastante fácil, e se você tem um elemento personalizado como um iFrame? Várias pequenas ferramentas e widgets dar-lhe um trecho de código para colocar no HTML do seu post WordPress e sem alinhamento adequado, ele vai olhar horrível. Há duas coisas que precisamos cuidar de:
A colocação do objeto
Digamos que você tenha um trecho iFrame dentro do
Você pode ver exatamente como isso é colocado na imagem abaixo:
Isso coloca o iFrame no lado esquerdo e no parágrafo imediatamente após ele em HTML irá fluir em torno dele para a direita.
Ajustar as margens
Infelizmente, isso ainda não parece certo. Sim, o objeto aparece à esquerda com a disposição do texto em torno dele, mas o texto está muito perto da borda. princípios de design bons nos dizer que devemos criar algumas margens acima, abaixo e à direita para imagens alinhado à esquerda e à esquerda para alinhado à direita queridos.
Vamos dizer que queremos 10px margem para a direita e 22px margens no topo. Adicione o seguinte código imediatamente após a abertura
Quando colocado no iFrame ele aparece como este:
Você pode manter visualizar o artigo até chegar à margem apenas para a direita. Aqui está como ele vai olhar como, finalmente:
Como você pode ver, a imagem é tanto devidamente alinhados à esquerda, bem como muito bem preenchido com espaçamento para fazê-lo aparecer naturalmente parte do post sem olhar feio. Você pode usar essas técnicas para trabalhar com qualquer objeto incorporado, não apenas iFrames. Quer se trate de imagens ou código personalizado, é importante para se certificar de que eles se encaixam perfeitamente no seu conteúdo.
Acesse o URL abaixo para descobrir agora:
Sobre o autor
Bhagwad Park é um escritor técnico da Índia e atualmente reside na Flórida. Ele tem um grande interesse no mundo da TI, a nuvem, e também mantém um blog com foco em direitos humanos no mundo em desenvolvimento.