Pronto para WordPress

Por que fazer um aplicativo em primeiro lugar, ouvi você perguntar? Os aplicativos podem não ser mais muito úteis para marketing, mas são bastante convenientes para seus clientes, oferecendo a eles mais opções de como eles interagem com seu site. Com o aumento contínuo da Internet móvel (agora mais pessoas acessam a Internet por aplicativos móveis do que por desktops), os aplicativos estão florescendo, pois a maioria não é tão estranha ou problemática quanto os navegadores da Web móveis.


O custo e a frustração envolvidos na construção de um também caíram muito. Antigamente, muitas empresas estavam interessadas em aplicativos, mas a maioria não era capaz de construí-los. Foi simplesmente muito difícil. Ou caro (a maioria dos desenvolvedores cobra mais de US $ 100 por hora)

Mas, felizmente, as coisas estão diferentes agora. Você não precisa mais de muito dinheiro ou conhecimento de codificação para criar um aplicativo competente. E ainda melhor – você tem opções. Hoje veremos:

  • Certificando-se de que seu site WordPress seja responsivo a dispositivos móveis
  • Construindo (e codificando) seu próprio aplicativo com o PhoneGap
  • Use um plugin do WordPress para criar seu aplicativo (também conhecido como o caminho mais fácil)

Nota sobre os criadores de aplicativos gratuitos

Nos últimos anos, várias opções “gratuitas” para a criação de um aplicativo apareceram, mas uma das mais confiáveis ​​é Compilação PhoneGap da Adobe. Como o site anuncia, você simplesmente carrega seus arquivos HTML5, CSS e JavaScript e o site faz o trabalho de montá-los em um aplicativo para download imediato. O melhor de tudo é que ele pode criar três simultaneamente para Android, Windows Phone 8 e iOS – economizando bastante tempo.

O resultado não será nada demais. De fato, todo esse método realmente faz é disfarçar sua página inicial como um aplicativo. Quando o espectador tocar no ícone, ele será direcionado para o mesmo site para celular que veria se o acessasse pelo navegador do telefone. Portanto, para que esse método seja eficaz, você precisa ter um site existente otimizado para visualização em dispositivos móveis.

1. Verifique se o site do WordPress possui uma versão móvel

Se seu site WordPress não é otimizado para dispositivos móveis, não há realmente sentido nisso. Então otimize! É claro que é mais fácil simplesmente usar um tema WordPress responsivo para celular, como o Total. Mas se o seu tema não for responsivo, existem muitos plug-ins que podem ajudar.

iThemes Mobile

iThemes Mobile

Informações e Download

O iThemes Mobile permite criar temas móveis simples, mas eficazes, com base no design atual do seu site. O painel de administração permite personalizar a maioria dos aspectos de sua aparência sem ter que mexer no código.

Qualquer tema móvel Switcher

Qualquer tema móvel Switcher

Qualquer Mobile Theme Switcher é um plug-in básico que detecta o dispositivo que seu visualizador está usando e exibe um tema específico para esse dispositivo. Portanto, se você deseja equilibrar vários temas – um para cada sistema operacional móvel -, é possível fazê-lo dessa maneira.

WordPress Mobile Pack

Plugin para WordPress Mobile Pack

Por fim, há o WordPress Mobile Pack, que oferece diversos aplicativos da Web para dispositivos móveis, interface do usuário e opções de temas, além de fácil integração com o Google Analytics.

2. Use o PhoneGap Build para criar um aplicativo

Adobe PhoneGap Build

Se você é conhecedor de tecnologia e deseja obter as mãos, pode usar o Adobe PhoneGap para criar um aplicativo para o seu site WordPress. A Adobe tem um guia passo a passo completo em seus documentos, mas aqui está uma rápida olhada nas etapas que você precisa seguir.

Etapa 1: Preparação

Antes de começar, verifique se você tem uma maneira de testar seu aplicativo em mãos. Você pode usar as ferramentas de desenvolvimento do navegador para imitar as visualizações de dispositivos móveis ou experimentar um serviço como Teste CrossBrowser. Mas se você pode gerenciar, é melhor ter um dispositivo iOS e Android à mão.

Em seguida, você precisará instalar o Adobe PhoneGap Build no seu computador. Clique para baixar a versão para Mac ou PC e siga as instruções na tela. A Adobe também sugere a instalação de um PhoneGap Developer App para que você possa testar instantaneamente seu aplicativo enquanto cria.

Etapa 2: crie seu aplicativo

Em seguida, use o programa PhoneGap para crie seu aplicativo. Observe: o PhoneGap é baseado no Cordova, portanto, você precisa entender para codificar seu aplicativo.

Escolha um exemplo padrão do “Hello World”, Framework7, Push Notification, React Hot Loader ou modelo em branco para começar. Em seguida, você deverá escolher em que local do disco rígido local trabalhará no projeto e fornecer um nome e um ID. Quando terminar, o PhoneGap fornecerá um endereço de servidor que você pode usar para visualizar seu aplicativo.

Para dar uma olhada, seu diretório raiz precisará de arquivos-chave para o PhoneGap realmente criar seu aplicativo. Especificamente, suas pastas index.html (no mínimo), config.xml e subdiretório (a última é específica do sistema operacional).

Aqui está um exemplo direto do aplicativo PhoneGap estrutura do projeto página:

Estrutura do projeto do aplicativo PhoneGap\

Você também precisará criar seus próprios ícones. Obviamente, você pode lidar com isso sozinho ou usar uma ferramenta on-line gratuita. ÍconesFlow é uma ótima ferramenta para ajudá-lo a criar ícones profissionais de aplicativos rapidamente, usando imagens predefinidas, opções de cores, gradientes etc. Basta projetar seu ícone, criar uma conta gratuita e baixar seus arquivos. Se você já possui um ícone, mas precisa redimensioná-lo para todos os dispositivos e sistemas operacionais, o App Icon Maker pode fazer exatamente isso. Mas se você fizer uma pesquisa rápida no Google, encontrará muitos outros sites, serviços e aplicativos para escolher para criar seu ícone.

Etapa 3: testando seu aplicativo

Com seu aplicativo pronto e pronto para uso, você pode testá-lo usando o Aplicativo PhoneGap Developer instalado anteriormente. Certifique-se de usar o endereço do servidor que foi fornecido. A partir daí, você pode visualizar seu aplicativo no seu dispositivo móvel, solucionar qualquer problema, adicionar correções, reenviar e reconstruir até ficar perfeito.

Uma observação importante: o PhoneGap Builder só pode funcionar com iOS se você ingressou no programa iOS Developer (que custava US $ 99 / ano quando este artigo foi escrito) e forneceu seus certificados. Com o software do programa, você pode criar o aplicativo lá mesmo. Mas o motivo pelo qual sugerimos o PhoneGap é que você pode economizar tempo fazendo os três ao mesmo tempo – negando a necessidade de fazer isso separadamente. Então, sim, você está pagando por vários serviços que talvez não acabe usando, mas se você quiser o seu aplicativo em qualquer iProducts, eles meio que o deixam com um barril aqui.

3. Use criadores de aplicativos alternativos para WordPress

Além das ferramentas do iOS, há muitos outros serviços e plug-ins de criação de aplicativos que você pode usar. Estes são significativamente mais fáceis do que criar você mesmo um aplicativo. Alguns deles também criarão (pelo menos) um aplicativo Android sem nenhum custo. Embora você deva definitivamente verificar o site principal do desenvolvedor para ter certeza.

AppPresser

AppPresser

O AppPresser é o maior, o mais popular e, supostamente, o primeiro aplicativo móvel Framework para WordPress. Ele oferece integração total: onde a maioria dos criadores de aplicativos usa apenas um feed do seu site WordPress, o AppPresser permite que você use todos os seus plugins, postagens e páginas. Além disso, ele atualiza automaticamente o aplicativo assim que você faz edições no seu site. Possui suporte completo para comércio eletrônico também.

WPMobile App

WPMobile App

O aplicativo WPMobile permite criar aplicativos Android e iOS para o seu site. Embora o plug-in base seja gratuito, você precisa pagar por uma licença vitalícia para criar seu aplicativo (a partir de 79 € para um formato de aplicativo ou 149 € para ambos). Com o aplicativo WPMobile, você terá opções de personalização, teste ao vivo gratuito, atualizações automáticas de aplicativos, suporte a notificações por push, integração social e suporte premium (um recurso de boas-vindas se você ficar preso).

MobiLoud

Mobiloud

Embora seja mais caro (a partir de US $ 120 / mês), o MobiLoud lida com praticamente tudo para você (incluindo o envio do aplicativo para a App Store e o Google Play), tornando o preço bastante razoável. Com o MobiLoud, seu aplicativo final oferece compatibilidade entre dispositivos, compartilhamento social fácil, monetização (via anúncios ou assinaturas), notificações push e muito mais. E quando o serviço estiver emparelhado com o plug-in (link acima), você poderá gerenciar seu aplicativo e enviar notificações a partir do WordPress.

Finalmente, existem várias pessoas que você pode pagar para fazer isso por você. No entanto, com tantas maneiras fáceis e acessíveis de fazer bricolage, você realmente não precisa seguir esse caminho para um aplicativo básico.


Existem várias maneiras de criar um aplicativo e, embora pareça intimidador à primeira vista, os métodos acima o tornam incrivelmente simples. Apenas verifique se você tem um bom site para celular, certo? Agora deixe-me tê-lo. Eu entendi algo errado aqui? Existem outros métodos que eu deva conhecer? Sinta-se livre para deixar seu feedback abaixo!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me