Upfront by WPMU DEV – Primeiras impressões

Onde comprar temas WordPress


Nos últimos dois anos, vimos um monte de lojas de temas WordPress começarem a concentrar quase toda a sua energia na promoção e no desenvolvimento de temas emblemáticos únicos – com o exemplo mais óbvio disso, talvez sejam os Temas Elegantes e seu arrastar e soltar tema de construção de página WordPress Divi.

Mais tradicionalmente, no entanto, em vez de concentrar a maior parte de sua energia no desenvolvimento de um único tema, as empresas de temas do WordPress frequentemente criaram estruturas que são usadas como temas principais para todos os outros designs. Sobre o melhor exemplo dessa abordagem mais testada e comprovada, é claro, a estrutura Genesis do StudioPress.

De acordo com essa segunda abordagem, um dos maiores nomes do WordPress, WPMU DEV, acaba de lançar uma nova estrutura: denominada ‘Upfront’.

Essencialmente, um tema / estrutura pai para todos os novos designs do WPMU DEV (exemplos incluem Fixer, Scribe e Spirit, o Upfront permite que você personalize seus sites usando uma interface de arrastar e soltar recém-desenvolvida – e bastante inspiradora -.

Vamos dar uma olhada no que a Upfront tem a oferecer.

Tomando adiantado para dar uma volta:

Testei o Upfront usando o tema Spirit da WPMU DEV. Depois de instalar o tema, cliquei no link Personalizar no menu Aparência para me levar ao editor visual Upfront. Inicialmente, fiquei surpreso que o Upfront substitua o próprio personalizador padrão do WordPress, no entanto, aprecio que o personalizador do WordPress seja um pouco redundante se o Upfront estiver ativado.

O editor visual Upfront é muito fácil de usar. No lado esquerdo da página, você verá opções para adicionar uma nova postagem, uma nova página, comentários e mídia.

Abaixo, você verá dezesseis elementos de conteúdo. Eles podem ser arrastados e soltos no design do site, exibido à direita da interface do Upfront. Abaixo dessa área, você encontrará configurações de tema para tipografia e cores.

Interface inicial

Na parte inferior da coluna esquerda, há alguns botões úteis para desfazer e refazer, além de uma opção para exibir linhas de grade sobre o seu design.

Há também uma opção que permite ver a aparência do seu site em dispositivos móveis. Ele permite que você visualize seu site em quatro resoluções: Celular (315 pixels), Tablet (570 pixels), Big Tablet (810 pixels) e Padrão (1080 pixels). Esta é uma adição bem-vinda ao Upfront, pois os usuários do WordPress normalmente precisam usar um serviço como o BrowserStack para verificar a aparência de um site em diferentes dispositivos..

Os modelos de página também podem ser modificados através do botão de layout exibido na parte superior do menu Inicial.

A interface inicial responsiva

Um dos principais objetivos de um construtor de páginas é simplesmente o processo de criação e estilo de páginas e conteúdo. Nesse sentido, a Upfront parece ter conseguido o equilíbrio quase certo.

As soluções de criação de páginas estabelecidas, como o Visual Composer, oferecem mais de 45 elementos de conteúdo. Por outro lado, o Upfront possui apenas dezesseis, no entanto, a capacidade de adicionar widgets a uma página significa que funcionalidades adicionais podem ser adicionadas ao Upfront instalando plug-ins habilitados para widget.

Os dezesseis elementos de conteúdo são: Texto, Imagem, Galeria, Mapa, Caixa Curtir, Guias, YouTube, Widget, Login, Código, Contato, Acordeão, Menu, Botão, Postagens e Slider.

O processo de adicionar novos elementos de conteúdo e criar uma página certamente parece muito mais rápido e intuitivo do que muitas alternativas de criação de páginas atualmente no mercado – como você pode ver na animação abaixo, tudo o que você precisa fazer é arrastar um elemento para sua página e então comece a editá-lo.

Upfront facilita

Quando um elemento estiver em sua página, você poderá excluí-lo usando o ícone de cruz vermelha ou editá-lo usando o ícone verde de configurações. A caixa de configurações é diferente para cada elemento. Elementos básicos, como botões, permitem alterar apenas uma configuração simples, como o tamanho. No entanto, elementos como controles deslizantes oferecem muito mais opções.

Configurações do elemento inicial

O que realmente me surpreendeu aqui foi o nível de integração que a Upfront oferece. Você ainda pode criar postagens, criar páginas e fazer upload de mídia através da área de administração do WordPress. No entanto, se preferir, você pode adicionar conteúdo através do front-end do seu site usando o Upfront. Isso permite que você veja exatamente como ficará quando for publicado.

Adicionando uma nova postagem no blog

O Upfront facilita o estilo do seu texto. Tudo o que você precisa fazer é selecionar um pedaço de texto e uma caixa de estilo aparecerá. Você pode fazer várias coisas, incluindo transformar texto em tags de cabeçalho, deixar o texto em negrito ou itálico, criar listas, colocar texto em uma citação e converter texto em um link.

A cor do texto e a cor do plano de fundo do texto podem ser alteradas por meio de um seletor de cores. As cores atuais são exibidas junto com as cores do tema padrão. Uma grande variedade de ícones também pode ser inserida na sua área de conteúdo através da caixa de estilo.

Postagens de blog de estilo

Uma coisa que ficou clara após o uso do Upfront é que não demora muito para entender como a interface de arrastar e soltar do Upfront funciona. Sem dúvida; é uma das soluções de criação de página de arrastar e soltar mais fáceis de usar disponíveis para o WordPress que eu já vi até hoje!

Pensamentos finais

Quando você recua e pensa sobre isso, faz sentido que a funcionalidade de criação de página de arrastar e soltar seja integrada diretamente em um tema. A maioria das soluções de criação de página são plug-ins do WordPress: o que significa que precisam ser compatíveis com todos os tipos de temas do WordPress. No entanto, com o Upfront, o WPMU DEV pode garantir que todo design lançado seja otimizado para a interface de criação de página.

Em resumo: estou realmente impressionado com o que a Upfront pode fazer. Eu particularmente gosto da maneira como o Upfront lida com linhas e colunas. Alguns criadores de páginas exigem que você pré-configure o número de colunas em uma linha específica, usando botões como 1/4, 3/8, 1/2, etc. Com o Upfront, no entanto, tudo o que você precisa fazer é clicar no canto inferior direito canto de um elemento de conteúdo e redimensione-o. Você pode soltar outro elemento de conteúdo para adicionar uma coluna adicional. Esse recurso ajuda a acelerar o processo de criação de páginas e estilo de conteúdo.

Atualmente, o WPMU DEV possui apenas três temas do WordPress que utilizam o Upfront. Eu posso ver mais usuários do WordPress escolhendo um design do WPMU Dev, uma vez que eles lançaram mais temas filhos do Upfront. Sem dúvida, o WPMU Dev está indo na direção certa!

Se você quiser fazer o teste do Upfront, não deixe de conferir a demonstração ao vivo – que inclui uma demonstração funcional da principal interface de arrastar e soltar – aqui.

Para mais informações sobre Upfront, dê uma olhada na publicação oficial do anúncio na WPMU DEV.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map