bb_bid = "1657184"; bb_lang = "pt-BR"; bb_name = "custom"; bb_limit = "6"; bb_format = "bbn"; "Saiba como adaptar layout de WordPress para smartphones" Cada vez mais a internet e considerada o tipo de midia mais consumida no pais, superando com grande margem a TV, os jornais, as revistas e as radios. O interesse nas atividades online, principalmente nas redes sociais, vem aumentando gradualmente nos ultimos 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 e visivelmente o tipo de midia mais importante.Segundo a pesquisa, o ano de 2013 apresentou um crescimento recorde, fora da faixa media que vinha sendo registrada. Grande parte desse aumento foi devido a massificacao dos dispositivos moveis como smartphones e tablets. Atualmente, 17.4% do trafego da Internet mundial e proveniente de dispositivos mobile, e esse numero vem aumentando geometricamente. Hoje, 10% dos acessos da rede de anuncios da boo-box vem por celulares, smartphones e tablets. A tendencia e o crescimento exponencial nos proximos anos, portanto e necessario preparar seu blog para plataformas mobile, de forma que o conteudo seja facilmente consumido pelos visitantes.Hoje a boo-box ira ensinar blogueiros que tem WordPress em hospedagem propria a configurarem o tema mobile e como implementar banners boo-box nesse layout.Passo 1: Instalando Tema Mobile para WordPress utilizando Jetpack1. Acesse seu painel administrativo do WordPress, va ao menu Plugins > Adicionar Novo2. Digite Jetpack no formulario de pesquisa e clique em Pesquisar Plugins"3) A pesquisa retornara a ultima versao do plugin Jetpack by WordPress.com. Clique em Instalar Agora e logo depois em Ativar Plugin4) Acesse o novo menu Jetpack na barra lateral do WordPress e clique Conectar ao WordPress.com. Logue com sua conta WordPress, caso nao tenha, basta clicar em Preciso de uma conta e crie seu cadastro.5) Apos a conta vinculada no WordPress.com, acesse novamente a area Jetpack e desca ate o addon Tema para Mobile e clique em AtivarPronto, agora seu blog tem uma versao mobile!Passo 2: implementacao do codigo boo-box no Layout mobile.Voce precisara de acesso ao FTP do servidor onde esta 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/minileven2) Baixe o arquivo content.php para seu computador e abra no editor de texto. E recomendavel fazer backup dos arquivos antes de realizar os proximos passos.3) Encontre o codigo <?php the_content (aproximadamente na linha 40) dentro do arquivo content.php.4) Copie a o script do banner 300250 (Medium Rectangle) de Criar Inventario e adicione a tag da boo-box antes do codigo <?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 anuncios boo-box:Assegure o funcionamento do tema, acesse atraves de seu smartphone e tambem, se possivel, de outros dispositivos como tablets e smartphones diferentes do seu.Existem ferramentas online para checar a versao mobile, uma delas e o PageSpeed, que mostrara uma previa