Pesquisar

Mostrando postagens com marcador tablets. Mostrar todas as postagens
Mostrando postagens com marcador tablets. Mostrar todas as postagens

Você sabe como " adaptar layout de WordPress para smartphones" ?





"Saiba como adaptar layout de WordPress para smartphones"

 


Cada vez mais a internet é considerada o tipo de mídia mais consumida no país, superando com grande margem a TV, os jornais, as revistas e as rádios. 

O interesse nas atividades online, principalmente nas redes sociais, vem aumentando gradualmente nos últimos anos. 

De acordo com uma pesquisa realizada pela Interactive Advertising Bureau (IAB Brasil), em parceria com a comScore, 88% dos brasileiros consideram que a internet é visivelmente o tipo de mídia mais importante.


Segundo a pesquisa, o ano de 2013 apresentou um crescimento recorde, fora da faixa média que vinha sendo registrada. 

Grande parte desse aumento foi devido à massificação dos dispositivos móveis como smartphones e tablets

Atualmente, 17.4% do tráfego da Internet mundial é proveniente de dispositivos mobile, e esse número vem aumentando geometricamente. 

Hoje, 10% dos acessos da rede de anúncios da boo-box vem por celulares, smartphones e tablets. A tendência é o crescimento exponencial nos próximos anos, portanto é necessário preparar seu blog para plataformas mobile, de forma que o conteúdo seja facilmente consumido pelos visitantes.


Hoje a boo-box irá ensinar blogueiros que tem WordPress em hospedagem própria a configurarem o ‘tema mobile’ e como implementar banners boo-box nesse layout.


Passo 1: Instalando Tema Mobile para WordPress utilizando Jetpack


1. Acesse seu painel administrativo do WordPress, vá ao menu Plugins > Adicionar Novo


2. Digite “Jetpack” no formulário de pesquisa e clique em “Pesquisar Plugins"






3) A pesquisa retornará a última versão do plugin “Jetpack by WordPress.com”. Clique em “Instalar Agora” e logo depois em “Ativar Plugin”




4) Acesse o novo menu “Jetpack” na barra lateral do WordPress e clique “Conectar ao WordPress.com”. 

Logue com sua conta WordPress, caso não tenha, 

basta clicar em “Preciso de uma conta”  

e crie seu cadastro.




5) Após a conta vinculada no WordPress.com, acesse novamente a área “Jetpack” e desça até o addon “Tema para Mobile” e clique em “Ativar”




Pronto, agora seu blog tem uma versão mobile!


Passo 2: implementação do código boo-box no Layout mobile.


Você precisará de acesso ao FTP do servidor onde está instalado WordPress e um editor de texto simples (ex: Bloco de Notas ou Notepad++).


1) Acesse o FTP e siga o caminho: /public_html/wp-content/plugins/jetpack/modules/minileven/theme/pub/minileven


2) Baixe o arquivo content.php para seu computador e abra no editor de texto

É recomendável fazer backup dos arquivos antes de realizar os próximos passos.


3) Encontre o código “<?php the_content” (aproximadamente na linha 40) dentro do arquivo content.php.


4) Copie a o script do banner 300×250 (Medium Rectangle) 

de Criar Inventário e adicione a tag da boo-box antes do código “<?php the_content””, 

assim como no print screen abaixo:






5) Salve o arquivo content.php 
 e suba novamente  
em seu servidor, 
substitua o arquivo existente. 

 Pronto! 

Seu tema mobile agora veicula os banners da boo-box. 

Veja exemplo do tema mobile do Jetpack 

veiculando anúncios boo-box:




Assegure o funcionamento do tema, 
acesse através de seu smartphone 
e também, se possível, 
de outros dispositivos 
como tablets e 
smartphones diferentes do seu.


Existem ferramentas online para checar a versão mobile, uma delas é o PageSpeed, que mostrará uma prévia do seu site em um celular.


Enfatizamos no tutorial a implementação do formato 300×250 (Medium Rectangle), pois é um dos mais utilizados pelos anunciantes e que se encaixa em resoluções dos smartphones, 
potencializando o rendimento do seu blog.


As oportunidades que existem no mercado 
de publicidade online são gigantes, 
ainda mais com grande 
migração dos telespectadores para a internet. 


"Este ano será o ano da sofisticação dos anunciantes na mídia online, e a boo-box quer, junto com você, continuar apostando na evolução deste mercado."


...por

fonte:
blogboo-box



read more...
 
Copyright © 2014 REDE BLOGGER - RB - • All Rights Reserved.
Distributed By Free Blogger Templates | Template Design by BTDesigner • Powered by Blogger
back to top