Desenvolvimento de Sites

porDiego

Desenvolvimento de Sites

Desenvolvimento de Sites com revisões ilimitadas

Você procura um site profissional, leve e dinâmico, com gerenciador de conteúdo?

Procura por um site responsivo, ou seja, que possa ser aberto em smartphones, tablets, netbooks, notebooks e computadores?

Então, adquira um de nossos planos e desfrute do alcance ilimitado a clientes.

Pacotes Promocionais

Para quem busca um site institucional, mas precisa de um orçamento enxuto, oferecemos soluções estratégicas. Conheça: Site Start, Zarp, Platinum e Prime.

Projetos Personalizados

Se você precisa de mais páginas ou recursos que não estão listados nos planos promocionais

 

<h2 ‘..’=”” class=”heading no-border align-center”>Principais Recursos das Landing Pages

 

Design Responsivo

O layout do seu site se adaptará automaticamente a Desktops, Tablets e Smartphones.

 

Gerenciador de Conteúdo

Adicione, edite e remova conteúdos do seu site através do painel de administração online.

 

Redes Sociais

Botões com links para as suas Redes Sociais (Facebook, Instagram, Twitter, Google Plus, Pinterest..)

 

Integração com Google Maps

Exiba o endereço do seu negócio através do Google Maps

 

Domínio Personalizado

O site será publicado em seu domínio (ex: www.suamarca.com.br)

 

Integração com Youtube

Insira vídeos do Youtube em seu site,

porDiego

Magento Maior Plataforma do Mundo

Afinal, o que é Magento?

De início, podemos afirmar que Magento é a plataforma de e-commerce mais utilizada em todo o mundo. Muitos dizem, sem exageros, que pensar em loja virtual também é pensar em Magento. Prova disso são os mais de 240 mil lojistas em todo o mundo que escolheram o Magento.

Afinal, o que é plataforma de e-commerce? A forma mais simples de entender é visualizar as principais funcionalidades da plataforma, que são: cadastrar produtos, incluir e alterar preços e promoções, controlar estoque, oferecer meios de pagamento como cartão de crédito e boleto, enviar pedidos, gerenciar relatórios e outros.

  1. Conheça as versões do Magento
  2. Como o Magento funciona?
  3. Entenda os módulos Magento
  4. Como escolher a hospedam

Conheça as versões do Magento

Vamos voltar um pouco no tempo, em 2008, ano em que a plataforma foi lançada. Chamada de Magento Community, a primeira versão já trazia um dos principais diferenciais do Magento: a customização.

De lá pra cá, o sistema foi reformulado e, em novembro de 2015, o mercado recebeu o tão aguardado Magento 2.0.

Porém, ainda hoje, a versão 1.9 é a mais utilizada em lojas virtuais produtivas e conhecida por ser a mais completa e estável desde a sua criação. Sobre isso, vale ressaltar que o Magento 2.0 vem recebendo elogios, porém, muitos usuários ainda estão se adequando às mudanças e nova estrutura.

Já a versão Enterprise, que é paga, possui as mesmas funções do Magento Community. A principal diferença é que o Magento Enterprise otimiza as rotinas para que gigantes do e-commerce, como Nike e Samsung, gerenciem, facilmente, grandes volumes de produtos e transações.

Como o Magento funciona?

Com código aberto (open source), a plataforma pode ser alterada por pessoas que entendem de programação. Mas, olha, esse conhecimento é avançado, então, o mais indicado é que você buscar por uma empresa especializada em Magento, ok?

Magento é escrito totalmente em PHP, que é uma linguagem de script código aberto, de uso geral e muito utilizada pelos programadores. Essa linguagem de programação também é utilizada por diversos sistema web, como WordPressWooCommerce, Joomla, entre outros.

Construído em módulos independentes, o Magento permite que o usuário crie novas funcionalidades de acordo com as suas necessidades. Lembrando que outros sistemas para e-commerce também permitem isso, mas o Magento leva o conceito de estrutura modular ao limite extremo.

Entenda os módulos Magento

Vamos falar sobre viver uma experiência! Hoje, já sabemos que uma compra precisa oferecer muito mais do que apenas produtos e preço baixo. Assim, a sua loja deve fazer com que seu cliente tenha a melhor experiência possível, torne-se seu “fã” e compartilhe seu nome, como diz o ditado popular, com Deus e o mundo!

module magento

Os módulos do Magento ajudam, e muito, quando falamos em experiência de compra. Entenda módulo como uma forma de adicionar novas funcionalidades ao seu e-commerce.

Uma curiosidade é que os módulos mudam de acordo com o país de origem. No Brasil, por exemplo, lojas virtuais adicionam como forma de pagamento o boleto bancário. Essa característica local é implementada para lojas brasileiras mediante a implementação de módulos Magento específicos.

Alguns dos módulos mais usados e recomendados são: recuperação de carrinhos abandonados, calcular frete na página do produto, seleção de cores e tamanhos, pagamento com cartão de crédito e débito, boleto bancário, cálculo de frete dos correios.

porDiego

Campo Input

Estava precisando retirar um simples espaço de um campo de formulário de login, que acabava invalidando a configuração correta do formulário, mas queria fazer isso antes de enviar, não queria processar e limpar o formulário depois. Dando uma busca acabei achando uma solução simples e prática pra fazer isso.

Basta usar o simples onkeyup dentro do input com um pouco de regular expression (preciso aprender mais sobre isso) e está tudo resolvido. Abaixo alguns exemplos:

// remove o ‘espaço’ ao digitar no input text onkeyup=”this.value=this.value.replace(/[‘ ‘]/g,”)” // exemplo completo
<input onkeyup=”this.value=this.value.replace(/[‘ ‘]/g,”)” type=”text” name=”login”/> // exemplo removendo outros caracteres como acentos
<input onkeyup=”this.value=this.value.replace(/[”çÇáÁàÀéèÉÈíìÍÌóòÓÒúùÚÙñÑ~@&]/g,”)” type=”text” name=”login” /> // Permite apenas alfabeto maiúscula e minuscula de A a Z <input type=”text” onkeyup=”value=value.replace(/[^\a-\z\A-\Z]/g,”)” /> // Segunda opção <input type=”text” onkeyup=”value=value.replace(/[^a-zA-Z]/g,”)” />

porDiego

Declarações (Statements) Java Script

Declarações (Statements) JS

Sabendo disso, quero que saiba que JavaScript é uma linguagem de programação client-side. Ela é utilizada para controlar o HTML e o CSS para manipular comportamentos na página.

Entendendo Controles de Fluxo e Controles de Repetição

Controles de Fluxo

São comandos da linguagem que permitem desviar o fluxo do programa, dependendo de um teste.

IF

A sintaxe do if é a seguinte:

  1. if (<teste>) {
  2. <código a ser executado caso o teste seja verdadeiro>
  3. }

Podemos, por exemplo, executar um trecho do código unicamente se uma variavel nossa for maior do que dez.

  1. var x = 11;
  2. if (x > 10) {
  3. console.log(‘x é maior do que dez, corram para as colinas!’);
  4. }

Note, que o console.log não apareceria caso o valor de x fosse 10, 9, 8…

  1. var x = 9;
  2. if (x > 10) {
  3. console.log(‘x é maior do que dez, corram para as colinas!’);
  4. }
  5. console.log(‘Serei executado independente do if ser true ou false’);

ELSE

o else não existe sem o if, pois ele não testa nada. Só é executado caso o teste do if retorne falso.

  1. var x = 9;
  2. if (x > 10) {
  3. console.log(‘x é maior do que dez, corram para as colinas!’);
  4. } else {
  5. console.log(‘Está tudo bem, podemos ficar tranquilos.’);
  6. }

SWITCH

O switch é uma estrutura para testes simples, muito usado quando temos que testar uma mesma condição diversas vezes, pois é mais legível do que uma cadeia de else if.

  1. var tinta = ‘azul’;
  2. switch (tinta) {
  3. case ‘azul’:
  4. console.log(‘Irei pintar o carro de azul’);
  5. break;
  6. case ‘amarela’:
  7. console.log(‘Vou pintar a casa de amarelo’);
  8. break;
  9. case ‘verde’:
  10. console.log(‘Vou pintar o chão da garagem de verde’);
  11. break;
  12. default:
  13. console.log(‘Não vou pintar nada’);
  14. break;
  15. }

Note que para cada uma das cores, eu farei uma coisa completamente diferente da outra. Caso a tinta seja verde, eu vou pintar o chão da garagem, mas se a tinha for amarela, irei pintar a casa.

Se fossemos reescrever esses testes com elseif, ficaria assim:

  1. var tinta = ‘azul’;
  2.  
  3. if (tinta === ‘azul’) {
  4. console.log(‘Irei pintar o carro de azul’);
  5. } else if(tinta === ‘amarela’) {
  6. console.log(‘Vou pintar a casa de amarelo’);
  7. } else if (tinta === ‘verde’) {
  8. console.log(‘Vou pintar o chão da garagem de verde’);
  9. } else {
  10. console.log(‘Não vou pintar nada’);
  11. }

Fica melhor com o switch, ne?!

Laços de repetição (loops)

Se existe uma coisa que os computadores são muito bons é em executar algo várias vezes. Desde que saibamos o que queremos que o computador faça. Felizmente, para não precisamos repetir inúmeras vezes a invocação de uma função ou certo código, existe os loops (laços de repetição).

FOR

Formado por três partes: inicialização, condição e incremento. A sintaxe é:

  1. for (var i = 0; i <= 10; i++) {
  2. //código a ser executado até a condição se tornar falsa
  3. }

FOR IN

É utilizado quando não sabemos quantas vezes temos que interar sobre um array ou objeto.

  1. var arr = [1,2,3];
  2. for(var n in arr) {
  3. console.log(n);
  4. }

FOREACH

Utilizamos o foreach quando queremos percorrer as propriedades de um objeto ou os itens de um array, sem precisamos nos preocupar em contar quantos são.

  1. var arr = [1,2,3];
  2. arr.forEach(function(each){
  3. console.log(each);
  4. });

WHILE

Funciona basicamente igual ao for, e é possível sempre trocar o for() por um while(). Escolhemos um ou outro pela clareza do que estamos fazendo. Geralmente preferimos utilizar o loop for() para interar com contadores e loops while() até que alguma condição mude (de true para false, por exemplo).

  1. var x = true;
  2. while(x) {
  3. console.log(‘Jane Doe’);
  4. x = false;
  5. }

Nesse caso acima, o console.log será executado uma única vez, pois eu altero para false a variavel x, logo na primeira interação do laço. Mas eu poderia ter feito algo assim:

  1. var i = 1,
  2. x = 2;
  3.  
  4. while(x < 20) {
  5. x = x + (x * i);
  6.  
  7. console.log(‘O valor atual de x é: ‘ + x);
  8. i++;
  9. }

DO WHILE

Segue o mesmo princípio do while, mas o corpo é sempre executado pelo menos uma vez, independente da condição, pois primeiro ele faz do e depois testa a condição.

  1. do {
  2. console.log(‘Jane Doe’);
  3. } while(false);
porDiego

40 temas WordPress grátis para utilizar sem moderação

O WordPress é sem dúvidas o sistema de gerenciamento de conteúdo mais famoso da internet. Devido a tal popularidade, muitos temas são criados exclusivamente para a plataforma e muitos deles acabam ganhado notoriedade. Mas por que a escolha do WordPress? Simples, por que ele é fácil e prático de se configurar, não precisando ser um desenvolvedor ou especialista para fazer o básico, independentemente de seu objetivo, seja para criar um site em WordPress ou um blog, para sua você ou sua empresa. Até mesmo grandes empresas fazem uso da plataforma em seus sites.

Mas como qualquer conteúdo que encontramos na internet, vemos material de ótima qualidade e outros que não valem a pena nem clicar. Então para te dar uma mão listamos 40 temas WordPress mais legais e interessantes, que vão deixar você de boca aberta e o melhor, todos gratuitos, que com certeza você poderá utilizar em seus próximos projetos. Separamos os 40 temas em 2 posts com 20 temas em cada. Abaixo você confere os 20 primeiros da seleção.

Caso necessite de algo mais personalizado e avançado, ou até mesmo para colocarmos no ar seu projeto utilizando os temas abaixo ou algum outro de sua escolha entre em contato com a FabbricaWeb, somos especialistas em desenvolvimento WordPress e podemos lhe ajudar.

Zerif Lite

zerif

Um tema WordPress clean e moderno, perfeito para agências, estúdios digitais, exposição de produtos e portfólio empresarial e pessoal. Esse tema foi aperfeiçoado e é compatível com muitos plugins populares, como WooCommerce, para gerenciamento de páginas de e-commerce e o WPML, para manter um site em multi-idiomas. O tema é bonito e amigável, otimizado para ser exibidos em celulares e tablets, além de ser de fácil manuseio para quem faz uso de técnicas de otimização em sites de busca.

Mais informações / Download

Constructzine Lite

constructzine

Um tema voltado para sites corporativos em WordPress, é bonito e supre todas as necessidades do usuário, inclusive para quem navega em celulares, pois foi projetado para telas sensíveis ao toque. Os ajustes do tema são facilitados pelo painel, que é extremamente dinâmico. Como complemento, esse tema vem equipado com ferramentas para redes sociais e wiggets para as barras laterais. Projetado para a área empresarial, também pode ser usado para blogs, portfolios, e sites de qualquer outro segmento.

Mais informações / Download

Simple Theme

simple

Projetado para empesas, é um tema responsivo que se adapta tanto ao menor celular quanto um monitor maior. Com um menu de gerenciamento completo, você é capaz de alterar totalmente a aparência da página, com opções de fontes, que podem ter seu tamanho e cor alterada. As configurações de página inicial oferecem ainda opção de Parallax, que são aquelas páginas que dão a ilusão de profundidade, ou de banner estático, que podem ser associadas a páginas já existentes. Se você procura um tema moderno e com opção de personalização, essa é sem dúvidas uma ótima opção.

Mais informações / Download

Opulus Theme

opulus

Um tema que tem um design interessante, perfeito para quem quer apresentar seu produto ou trabalho, tem o estilo portfólio e é sem dúvidas uma ótima opção para quem é criativo. Construído para telas sensíveis ao toque, também conta com tecnologia para melhor exibição em qualquer tipo de tela, independentemente do tamanho. Esse tema já vem equipado com 6 opções de layout, todos voltados para apresentação de portfólio. Com um menu completo, você encontra variedade na hora de combinar cores e fontes, tendo em mão mais de 100 opções de arranjos.

Mais informações / Download

Dazzling

dazzling

O tema se destaca pela resposta e velocidade de acesso. O tema também conta com muitas opções de layout, o que garante que seu site não vá ficar parecido com outros. Se você gosta de flat design, esse tema pode ser a opção ideal. Além das muitas vantagens já citadas, o tema é otimizado para vários plugins como WordPress SEO, para otimização em buscadores e o Jetpack para criação de formulários e lista de contatos e muitos outros.

Mais informações / Download

Travelify

travelify

Apesar de ser um tema gratuito para WordPress, Travelify oferece ótimas funcionalidades e suporte. Elegante, moderno e ágil, que o coloca entre os melhores temas já criado para WordPress. Apresenta um bonito slideshow, além de se destacar em relação a personalização de páginas e modelos de blogs já existentes. Com inúmeras opções de layout e possibilidade de se alterar vários aspectos. Perfeito para quem vai criar um site ou blog de viagens, esse tema impressiona pela sua capacidade e principalmente por ser gratuito.

Mais informações / Download

Sparkling

sparkling

Quer destacar seu site com beleza e sofisticação? Sparkling é perfeito para isso, pois é moderno, e usa de tecnologias que impressionam em dispositivos portáteis, pelo layout fluido e amigável. Também conta com ferramentas que o poderiam o colocar facilmente na área de temas pagos, com ferramentas que dão ênfase às imagens. Está preparado para suportar os plugins mais utilizados. Esse tema pode se resumir em duas palavras, beleza e eficiência.

Mais informações / Download

Unite

unite

Com um design clean e elegante, foi projetado totalmente adaptado aos dispositivos móveis. Se você não quer nada muito complexo ou um site muito poluído, esse tema é perfeito, pois sua característica principal é o minimalismo. Com ele você é capaz de personalizar itens do seu tema como rodapé, menus de navegação e fontes, com muita facilidade. É perfeito para sites e blogs de casamento e também para qualquer outro segmento onde seja necessário dar ênfase a imagens.

Mais informações / Download

The SSMAG

ssmag

Esse tema é muito fácil de usar e foi projetado para quem quer associar seu site com as redes sociais, o que o torna mais amigável ao usuário e faz o leitor querer explorar cada vez mais seu site. Além de se adequar a qualquer dispositivo em que está sendo exibido, também conta com widgets personalizados e tem sua interface otimizada para inserção de anúncios. O seu diferencial está mesmo nas redes sociais, onde você pode promover páginas e perfis como do Facebook e Twiter, além de poder inserir vídeos que dão mais destaques ao seu site.

Mais informações / Download

Inkness

Inkness

Um tema moderno e com muitos recursos. Ele é totalmente adaptado a smartphones e tablets, independentemente do tamanho da tela. Seu design clean fornecem mais destaque às imagens. Oferece excelentes opções de personalização, 4 layouts de páginas já inclusos, inúmeros opções para escolher e muita, mas muitas opções de fontes, efeitos de transição e uma estrutura toda em HTML5. São tantas as vantagens desse tema que você é capaz de se perder.

Mais informações / Download

BookRev Lite

bookrev
Mais informações / Download

Fullby

fullby

Quando você bate o olho nesse tema, vem a pergunta, eu já conheço ele de algum lugar? Esse tema foi inspirado por Twenty Fourteen, nativo do WordPress. Você vai adorar o tema só de olhar para ele. É um tema leve e inclui duas imagens que são personalizáveis. Também permite a inserção de bastante conteúdo, com ferramentas para destacar seu post. Este tema também dá destaque aos seus vídeos e imagens, que garantem um site realmente impressionante.

Mais informações / Download

Arcade Basic

arcade

Um tema elaborado em HTML5, é leve e totalmente responsivo. Apresenta no cabeçalho uma imagem que chama a atenção de qualquer um ao visualizar sua página. São incríveis as ferramentas de personalização, que permitem você mudar o layout das páginas, imagem do cabeçalho, largura do site e muito mais. Possui galerias atraentes, que com certeza irão tornar seu site mais bonito. Também oferece suporte para importantes plugins como bbPress e BuddyPress.

Mais informações / Download

StanleyWP

stanleywp

Esse tema se destaca pela sua qualidade. Ele emprega em seu layout a integração mínima de cores, o que deixa com ar mais leve e simples. Esse tema mostra que temas gratuito para WordPress podem ter funcionalidade semelhantes a temas pagos. Cheio de recursos, como opções de tema, 3 modelos de página já incluso e portfólios pré-finalizados.

Mais informações / Download

Romangie

romangie

Imagine algo simples e chique. O aspecto do Romangie garante uma ótima experiência de navegação, independentemente do dispositivo que esteja usando. Esse tema é modesto e como já dito simples, o que garante velocidade na hora da navegação, o que é um ponto muito importante para o usuário final. Ao mesmo tempo que é minimalista, oferece funcionalidades incríveis, como interação com o Twitter, menus de navegação agradáveis, galerias, área de comentários e calendário.

Mais informações / Download

Flat Theme

flat

Foi considerado o melhor tema gratuito construído com a ferramenta Twitter Bootstrap 3.0. Suas opções são incomparáveis, permitindo que você personalize seu logo e a favicon para que fique em harmonia com o resto do site. A quantidade de cores e recursos de personalização de fontes ajudam a dar ao seu site uma cara própria e fugir da possibilidade de encontrar um site semelhante por aí.

Mais informações / Download

Flat

flat-2

Esse tema traz um toque de charme e sofisticação. Seu design simples traz ao site um ar atraente, que dá destaque ao seu conteúdo. Todo feito em HTML5, que deixa o site mais ágil e fluido. São tantas funcionalidades que dá para se perder, mas dentre elas a capacidade de se adaptar a qualquer dispositivo, questões de personalização, barras de fundo e lateral, são destaques nesse tema. Se você quer dar foco ao seu conteúdo de maneira elegante esse tema é perfeito para você.

Mais informações / Download

Ward

ward-free

Perfeito para blogs, portfólios ou sites de negócio, esse tema apresenta muitas opção e elementos de design. Oferece opções de fontes vastas, que garantem uma melhor leitura ao usuário final. A estrutura é muito fácil de ser alterada, graças a seu customizador embutido, garantindo satisfação ao final do projeto. Um diferencial é que foi adaptado para utilização dos plugins bbPress (fórum) e BuddyPress (rede social), o que pode ser aquele toque que falta em seu site.

Mais informações / Download

Customizr

customizr

Um tema clean e rápido, que oferece tantas características quanto um tema pago. Ele possibilita que a criação do seu site seja bem simples pois oferecer opções totalmente funcionais. Além de permitir que o site seja gerenciado com facilidade. É perfeito para quem quer criar portfólios, blogs, sites de pequenas e grandes empresas, ressaltando sua velocidade, característica do seu código feito em HTML5 e CSS3.

Mais informações / Download

Meris

meris

Esse tema se adequa ao desenvolvimento de sites para qualquer segmento. Responsivo, seu design é surpreendente, repleto de widgets úteis e slideshows, que garante deixar seu site com uma cara mais bonita.

Mais Informações / Download

porDiego

WooCommerce

O WooCommerce é apenas um plugin open source de e-commerce para o WordPress, adotado por mais de 380.000 agências e desenvolvedores. Hoje já alimenta 23,7% das lojas de comércio eletrônico, veja alguns dados interessantes nesse infográfico criado pelaEnvision Ecommerce.

Quantidades de Downloads

  • 2012: 03 milhões de downloads
  • 2014: 2 milhões de downloads
  • 2015: 6 milhões de downloads

Atualmente o WooCommerce está presente em 24% das lojas virtuais do mundo

Temas e Extensões

  • São mais de 1.000 extensões, 350 oficiais e 659 de terceiros.
  • São mais de 2.000 temas, 49 oficiais e 2097 de terceiros.

Saiba mais

Desenvolvemos sua loja virtual, entre em contato. Clique Aqui

Porque Woocommerce

Atualmente o WooCommerce está presente em 24% das lojas virtuais do mundo

porDiego

Memória do WordPress Aumentada

1. Aumentar o limite via arquivo PHP.ini
Você pode aumentar diretamente o Limite de memória do PHP se você tiver acesso ao arquivo php.ini. A maioria das pequenas servidores de hospedagem compartilhada não lhe dará acesso ao arquivo php.ini. Mas alguns servidores permitem que você crie um PHP.ini duplicado em seus respectivos diretórios do site cujos dados / valores substituirão os valores php.ini padrão.

Para fazer isso você só precisa criar um arquivo com o nome ‘php.ini’ no diretório onde o seu site WordPress está instalado. Em que basta adicionar o comando memory_limit = 64M nele para aumentar o limite de memória de 64 MB.

2. Alterar o limite de memória via wp-config.php
Se você não quer mexer com o arquivo php.ini, então você pode ir para este método. Neste você não vai precisar para criar qualquer arquivo extra no seu Diretório.

Apenas Adicionando define (‘WP_MEMORY_LIMIT’, ’64M’); no seu “wp-config.php arquivo ‘iria aumentar o seu Limite de memória do PHP para 64 MB.

3. Modificar o arquivo .htaccess para aumentar o limite de memória
A instalação do WordPress padrão não terá um arquivo .htaccess. Mas no caso de você já tem para algumas finalidades, como “301 Redirecionamento”, que é um aspecto importante do WordPress SEO.

Em tal caso, basta adicionar o comando memory_limit 64M php_value no seu “.htaccess arquivo ‘e seu limite de memória vai aumentar para 64 MB.

4. Alterar o limite de memória via install.php
Este método é apenas uma alternativa ao método php.ini. Porque a função do código que usamos neste método é o mesmo que o que colocamos no arquivo php.ini.

Você só precisa colocar o código ini_set (“memory_limit”, “32M”); na “install.php arquivo ‘que é colocado na pasta wp-admin da sua instalação do WordPress.

Fonte Original:
http://dailyblogging.org/wordpress/increase-wordpress-memory-limit/

Dúvida, envie seu comentário, espero ter ajudado.

Nossos Clientes