Você se manter atualizado com as últimas web design, tendências no Mundo WordPress? Olhando para o futuro, pretendemos mostrar-lhe alguns dos mais importantes design e características técnicas que estão surgindo.
Então, como você sabe, web design está em constante evolução à medida que mais empresas competem para estabelecer sua marca online e ficar fora de uma grande multidão de modelo baseado em web sites.
Nos últimos anos, temos visto e escrito sobre — muitos web design, tendências que têm capturado a imaginação coletiva de web designers e marca-consciente empresas. De repente, cada site que você clique em meio parece ser influenciado por web design estilos, como o brutalismo, minimalismo, moderno, retrô, material, modular, ou com foco na segurança, design.
E que tal utilizar a geometria em web design, o estado quebra de tipografia, cores saturadas, assimétrico, quebrado, ou inclinado layouts, CSS Grids, vídeo de cabeçalhos, de paralaxe, cinemagraphs, ilustrações personalizadas, desenhado à mão, animações, microinteractions, site e as notificações de envio? Sim, nós cobrimos os demais!
Nós até já debateram-se os méritos da utilização de uma única página web design e compartilhado com você o que a pesquisa diz sobre o uso de barras laterais em sites.
Enquanto alguns web design, tendências foco em ajudar os sites a se destacar da multidão, outras tendências estão a cargo de funcional ou necessidade econômica, ou até mesmo a conformidade. Por exemplo, pense em móveis de design ou de inclusão de web design. É difícil imaginar a criação de sites hoje sem mobile-friendly desenhos ou tomar acessibilidade em conta.
Website proprietários querem fantásticos sites, que irá entregar resultados. Não deve ser nenhuma surpresa, então, que as tendências listadas abaixo incorporar a estética com a funcionalidade essencial.
WordPress, Web Design, Tendências Para 2020
Vamos começar com a tendência que eu acredito que vai dominar o mundo do WordPress, web design não só em 2020, mas por muitos e muitos anos.
O Melhor Do WordPress Design Começa Fora Dos Blocos
Sem dúvida, o WordPress Gutenberg bloco baseado no web design é o mais importante WordPress tendência de design você vai precisar prestar atenção em 2020 e além.
Durante o Estado mais recente da Palavra, discurso proferido em novembro de 2019 no WordPress Acampamento de NÓS (WCUS), em St. Louis, Missouri, Matt Mullenweg (WordPress co-fundador) deixou claro que Gutenberg é o futuro do WordPress, web design e web development.
Matt Mullenweg está nos dizendo que todos WordPress estradas vai levar a Gutenberg. (Estado Da Palavra’ endereço WCUS St. Louis, estado de Missouri, em novembro de 2019.)
Para compreender o significado de Matt fala, você precisa saber que Gutenberg é a maior mudança do WordPress tem feito em seus 16 anos de história.
Desde o lançamento do WordPress 5.0 em 6 de dezembro de 2018, Gutenberg teve 20 novos lançamentos, o número de colaboradores cresceu significativamente (de 200 para mais de 480 em um ano), e a adoção de Gutenberg editor de sites WordPress quase triplicou.
Qualquer concepção ou construção de sites WordPress hoje simplesmente não pode se dar ao luxo de ignorar o quão sério o WordPress é sobre sua adoção empurrar para Gutenberg.
WP 5.3 mostra que o WordPress é sério sobre Gutenberg.
No ano passado, Gutenberg, os desenvolvedores têm feito melhorias significativas para o editor (eu cobrir alguns desses abaixo) e diminuição de Gutenberg a média de tempo para carregar e o tempo médio para o tipo. Embora nem todo mundo se afastou do WordPress Clássico editor ainda, mais usuários estão a responder ao aumento de Gutenberg pós-velocidade de carregamento de mudar para o editor de novo. Matt anunciou em seu discurso que mais de 270 000 mensagens por dia estão agora a ser publicado com o uso de Gutenberg.
Você pode assistir Matt endereço completo no vídeo abaixo:
(Matt toda a apresentação acima foi criado e fornecido através de Gutenberg.)
Então, como é Gutenberg vai afetar WordPress, web design em 2020?
Para começar, Gutenberg vai permitir que mais usuários para começar a personalizar seus próprios sites.
Muitos de Gutenberg novos recursos já estão disponíveis com o WordPress versão 5.3. Esses recursos incluem o usuário melhorias como:
- Mais suave do bloco de movimentos conforme você arrasta os elementos na página com o movimento configurações para melhorar a acessibilidade.
- Uma ‘máquina de escrever’ mode, que mantém o seu lugar vertical como você escreva para um mais agradável experiência de escrita.
- Bloco de visualizações que permitem aos usuários ver o que bloqueia vai olhar como antes de selecioná-los.
- Suporte para carregamento de imagens de grandes dimensões, tais como alta resolução fotos de seu smartphone. (Safado ligue: use uma imagem compressão de plugin como o Smush ao fazer o upload de imagens grandes para o seu site e você nunca vai ter um problema).
- Mais rápido bloquear o modo de navegação para melhorar a usabilidade e acessibilidade (os usuários podem navegar através de bloquear os menus usando seu teclado).
- A capacidade de personalizar menus de navegação com elementos como plano de fundo e cores de texto usando uma linha de navegação, bloco de menu.
Gutenberg nova personalização blocos de dar aos usuários a capacidade de criar seus próprios menus de navegação.
Gutenberg também apresenta novos blocos que permitem grupo de blocos (Grupo de bloco), adicionar espaço em branco entre blocos (bloco Espaçador), e o uso personalizado de gradientes e multi-botões nas páginas e posts.
Olá, personalizado gradientes e botões!
Durante seu discurso, Matt também mencionou que um dos mais procurados após recursos que os usuários queriam a partir de blocos de Gutenberg foi a capacidade de adicionar ícones sociais. Gutenberg Social Ícones bloco vai permitir aos usuários adicionar social ícones e botões em qualquer lugar em seus posts e páginas. Espero que diferentes tipos de mídias sociais blocos serão disponibilizados para escolha dos usuários.
Sociais Ícone de bloco é um dos recursos mais solicitados de Gutenberg.
Quanto mais os contribuintes e os desenvolvedores estão agora se concentrando no Gutenberg como o caminho a seguir, o WordPress também anunciou que vai lançar um Bloco de Diretório que vai permitir aos usuários procurar e instalar os blocos em seus sites usando uma linha do bloco de diretório. Isso inclui blocos que irá adicionar coleções inteiras para seu site, como padrão de bibliotecas, por exemplo.
Você será capaz de projetar páginas na mosca usando o bloco de Gutenberg directory.
Com Gutenberg bloco directory, os usuários serão capazes de projetar páginas na mosca. Isso leva à nossa próxima WordPress web design tendência para 2020.
Um Tema Para A Todos Governar
Tema WordPress desenvolvedores tome nota: de Gutenberg é baseada em blocos de recursos dará aos usuários mais liberdade para criar e personalizar seus próprios posts e páginas. Ao invés de focar no desenvolvimento de propósito-temas específicos (e.g. comércio eletrônico ou blog focado no tema) que simplesmente acomodar Gutenberg blocos, WordPress tema os desenvolvedores devem repensar a forma de apoio a esta nova liberdade com multi-propósito temas que oferecem recursos para a construção de todos os tipos de websites.
mudo de reprodução automática playsinline class=’wpmud html5 video’>Com Gutenberg, você será capaz de criar qualquer site que você quiser.
Como Matt Mullenweg (WordPress co-fundador) afirmou recentemente, o Estado da Palavra WCUS,
“O que nós realmente estamos tentando habilitar com esses blocos de construção fundamentais é que você pode olhar para qualquer site no mundo e construir o que dentro de WordPress em poucos cliques.”
Isso representa um desafio e uma oportunidade para tema WordPress designers. Como criar temas para que os usuários podem se transformar em qualquer coisa que eles querem?
Vamos dar uma olhada em algumas tema projetos que estão tentando fazer exatamente isso:
Neve
Neve por Themeisle.
A Neve é um carregamento rápido, altamente personalizável, multi-propósito do tema, que pode ser usado para todos os tipos de projetos de site. Embora este tema tem um design minimalista, ele é altamente extensível e funciona perfeitamente com Gutenberg, bem como a maior parte da página de construtores.
Além de ser WooCommerce pronta, ágil, RTL habilitado, e a tradução pronta, esta leve tema também é totalmente AMP otimizado (consulte o seguinte web design tendência abaixo para saber por que isso é importante).
Estrutura De Gênesis
Avanço Pro é um tema do WordPress construído com a estrutura de Gênesis, por StudioPress.
Genesis Framework desenvolvido pela StudioPress (agora parte do WP Engine) pretende ir além de ser apenas um Gutenberg-pronto, liberando um número de temas aprimorado para ser especialmente otimizado para Gutenberg.
Temas como o Avanço Pro, por exemplo, incorporar Gutenberg suporte a temas para coisas como bloquear paletas de cores, tamanhos de fonte, editor de largura, e a imagem de tamanhos, estilos personalizados e padrão de Gutenberg estilos de bloco que trabalhar com toda a gama disponível de editor de larguras, e fácil de edição WYSIWYG que permite que você crie páginas e posts, utilizando Gutenberg blocos com correspondência de front-end e de estilos de administração.
Faça Rápido A Sites Mais Rápido
Sites não só precisa ter uma boa aparência, mas eles também precisam carregar mais rápido. Especialmente em sites móveis.
Duas tendências de crescimento prestar atenção para fora para são Acelerados Móvel Páginas (AMP) e o Progressivo Web Apps (PWA).
AMP (Accelerated Páginas para dispositivos Móveis) são, essencialmente, despojada versões HTML de suas páginas existentes projetado para rápido carregamento de velocidades. O Google armazena em cache e serve de AMPLIFICADOR de conteúdo para tornar as páginas carregar instantaneamente para usuários em seus resultados de pesquisa.
Temas como a Neve, que eu discutidas anteriormente são AMP otimizado, assim, sem configurações especiais são necessários.
Este site foi criado utilizando Neve – um AMP otimizado tema WordPress.
PWA plugins para WordPress permitir que os usuários para retornar ao seu site para o seu site, com o lançamento do aplicativo a partir de sua tela inicial e interagir com o seu site através de um aplicativo-como interface.
A conversão de seu site WordPress em um Progressivo Web App permite que os usuários para retornar ao seu site o lançamento de um aplicativo a partir de seus telefones celulares e interagir com o seu site através de um aplicativo-como interface.
Usar um plugin como o Super PWA para transformar o seu site WordPress em um aplicativo.
Em um mundo onde milissegundos pode fazer uma enorme diferença se os visitantes escolher o seu site ou clique para o de outra pessoa e um atraso de um segundo pode diminuir as taxas de conversão em até 7%, sites WordPress que pode carregar ainda mais rápido do que seus concorrentes vão continuar atraindo usuários olhos e ganhar cliques.
Tema WordPress designers e desenvolvedores da web podem ficar frente a esta tendência, através do desenvolvimento de mobile-friendly temas WordPress que não exigem a necessidade de AMP e a conversão de sites para pessoas vivendo com o sida.
Fazer Sites Que Você Pode Falar Para
Mais os usuários estão pesquisando online usando seus dispositivos móveis e voz, usando recursos de pesquisa. De acordo com uma pesquisa de voz estudo Backlinko, velocidade página desempenha um papel significativo na voz de pesquisa SEO, onde a média de voz página de resultados de pesquisa carrega em 4,6 segundos (52% mais rápido do que a média de páginas).
Você pode adicionar voz e recursos de pesquisa para sites WordPress usando plugins.
WP Rápida Pesquisa no Site
WP Rápida Pesquisa no Site do plugin permite que você adicione a pesquisa por voz para o WordPress.
WP mais Rápido Site de Pesquisa não só permite que você adicione voz capacidades de busca para sites WordPress, mas ele também substitui o padrão do WordPress widget de pesquisa e adiciona outras aperfeiçoamento de pesquisa de recursos como autocompletar, ortográfica correta, PDF de pesquisa, e a pesquisa de imagens, além de filtros de pesquisa e páginas de resultados de pesquisa.
A adição a busca por voz plugins para WordPress, no entanto, não é suficiente. Você também vai precisar para aprender a otimizar seu site WordPress para a pesquisa por voz. Voz de otimização de pesquisa ajuda os usuários a encontrar o que eles estão procurando mais rápido e isso requer de carregamento rápido, sites otimizados para celular. Além disso, é importante concentrar-se em áreas como o conteúdo de legibilidade para certificar-se de que o site pode responder aos leitores perguntas. WPAstra escreveu um ótimo artigo sobre a pesquisa de voz de SEO.
Fazer Sites Que Falam De Volta
Os usuários não apenas esperar para encontrar e obter o que eles estão procurando mais rápido on-line, mas eles também esperam obter instantâneas respostas para suas dúvidas.
Basta pense sobre o quão ‘espera’ evoluiu para usuários on-line, temos ido de rufar os dedos nervosamente na mesa, esperamos respostas de e-mail, para assistir, ansiosamente, como se fosse uma animação pontos em telas móveis nos dizer que alguém está a responder ao nosso mensagens de texto. A tecnologia tem condicionado os usuários a esperar a gratificação instantânea e agora temos que entregar.
A solução? AI chatterbots.
Olark Bate-Papo Ao Vivo
Adicionar bate-papo ao vivo para seu site WordPress.
Chat integrado com o AI tecnologias permite às empresas responder e envolver-se imediatamente com os clientes que a terra no seu website. Se alguém não está disponível para responder live, AI scripts podem assumir para direcionar os usuários de forma adequada e fornecer um sentimento de apoio imediato. Às vezes, tudo que o usuário precisa é de sentir que são amados, mesmo se apenas por um carinho bot.
O WordPress, Você Se Move Em Mim
A maioria dos usuários vara torno de um website para menos de 15 segundos. Esse é o tempo que você tem para chamar a atenção deles.
Integrar o movimento de recursos de INTERFACE do usuário, tais como elementos animados e transições para sua web design pode ajudar a agarrar sua atenção dos visitantes, ao entrar ou sair do seu site. A chave aqui é encontrar o equilíbrio certo entre a agarrar a sua atenção e, em seguida, orientá-los para o que quer que seja que eles estão procurando.
Se você não sabe como começar a adicionar movimento ao seu website, comece onde a maioria dos usuários do WordPress começar… com um plugin!
De Animá-Lo!
Adicionar animações para o seu conteúdo e agarre a atenção do seu visitante.
De animá-lo! permite que você adicione animações CSS3 para o conteúdo postos de widgets e páginas quando os visitantes entram, saída, seleccione ou clique em elementos do seu site.
Fundos De Vídeo
Fundos de vídeo são uma outra maneira de adicionar movimento ao seu site WordPress. Você pode usar o Gutenberg Tampa do Bloco de adicionar um vídeo de plano de fundo para suas páginas.
Capa de blocos permitem que você adicione um vídeo de animação para WordPress
Quando a adição de vídeos e animações, apenas certifique-se de que o seu site ainda carrega rápido. Instalar o nosso Smush e Beija-flor plugins para ajudar você com isso.
Diga Olá A Partir De Ahlo Para Zialo
Enquanto as empresas pretendem expandir globalmente em áreas como o comércio eletrônico e a internet continua a fazer do mundo um lugar menor, mais culturas ao redor do mundo estão tentando preservar sua singularidade.
Em 2020 e para além desta, WordPress multilingue sites que permitem aos usuários exibir o conteúdo em seu próprio idioma vai se tornar mais popular.
Enquanto o WordPress em si no momento não oferece suporte bilingue ou multilingue sites out-of-the-box, ele dá suporte a WordPress ser traduzido em todas as línguas. Além disso, existem plugins que irá permitir que você facilmente criar um site multilingue.
WPML
WPML – Plugin WordPress Multilingue
WPML (WordPress Multilingue Plugin) permite traduzir sites WordPress em muitas línguas diferentes e integra-se com o WooCommerce, permitindo que os sites para interagir com os usuários em mais de 100 países e idiomas. Outros populares de tradução de idiomas plugins incluem Polylang, Weglot, e TranslatePress.
É importante observar que, por anos, o WordPress tem vindo a apoiar os desenvolvedores que ajudam a melhorar a sua capacidade multilíngue. O WordPress não está olhando para substituir a tradução de plugins ou fazer WordPress multilingue uma oferta básica.
WordPress suporta plugins que melhoram sua capacidade multilíngue.
Todo mundo Tem Uma Opinião E Algo Para Dizer
Imagine ser capaz de projetar e desenvolver sites WordPress usando colaboração em tempo real. Diferentes departamentos seriam capazes de dar um contributo valioso para áreas específicas do site, como ele está sendo desenvolvido, resultando em melhores sites para os usuários e as equipes de desenvolvimento.
Apesar de colaboração em tempo real no WordPress não é muito ainda, mas ele está no seu caminho. Leonardo Losovitz escreveu um ótimo artigo sobre como Gutenberg é reinventar a experiência de criação, edição e gerenciamento de conteúdo no WordPress e ajudar web designers ajudar os usuários.
Gutenberg tornarão possível para colaborar com outros WordPress em tempo real.
Gutenberg está aqui para ficar e vai logo ajudar os usuários do WordPress criar sites de forma colaborativa. Fonte da imagem: GitHub
Comece a Desenhar Amanhã Sites WordPress Hoje
Como você pode ver acima, Gutenberg é o desenvolvimento mais significativo para afetar o WordPress e irá influenciar todo o futuro do WordPress, web design, tendências e novidades. Ignorar isso por sua própria conta e risco.
WordPress web design a partir de 2020 vai se concentrar em sites que integram o design e a funcionalidade, carga extremamente rápido, e atender a uma crescente móveis base de usuários em todo o mundo. Sabendo isto deve ajudar a construir melhores sites.
Nós cobrimos muitos web design, tendências do passado e vamos continuar a prever as tendências futuras. Vamos ainda mostrar-lhe onde obter web design inspiração, então se você é um web designer ou desenvolvedor web, certifique-se de inscrever-se para receber nossas últimas atualizações e fique na moda.
