Revisão inicial: personalize tudo por meio de um editor de front-end

Anunciado por seus criadores como “o futuro do WordPress” Upfront é uma nova ferramenta de criação de sites e editor de conteúdo que foi lançada no início de 2015 pela WPMU DEV.

O Upfront inclui uma seleção de temas iniciais para o seu site WordPress. Depois de fazer uma escolha, você pode começar a personalizar quase todos os elementos do seu site , tudo por meio de uma interface visual, de front-end e de arrastar e soltar.

O Upfront também substitui as telas padrão de publicação e editor de página do WordPress para trazer a edição de apontar e clicar, em linha, para o WordPress. Portanto, se você deseja redesenhar completamente os temas iniciais para criar seu próprio site personalizado ou apenas deseja tornar a adição de novo conteúdo ao WordPress mais intuitiva , o Upfront pode ser a ferramenta que você estava esperando.

Para descobrir se esta é a melhor ferramenta de construção para WordPress, continue lendo nossa análise completa do Upfront. Como alternativa, vá direto para a demonstração para experimentá-la por si mesmo.

Revisão inicial: o que esta ferramenta de criação de sites pode fazer

O Upfront funciona no relacionamento do tema pai-filho. Isso significa que o Upfront está instalado em seu site WordPress como o tema principal, pai, e então você pode escolher um dos temas filhos que foram criados para ele.

Esses temas filhos funcionam como a base do seu site. No momento da escrita, existem apenas três temas filhos para escolher : Fixer, Scribe e Spirit. Embora, mais projetos serão adicionados no futuro.

Todos eles parecem bons e funcionariam igualmente bem como um tema autônomo, sem necessidade de qualquer personalização.

Edição de arrastar e soltar no front-end

Depois de escolher um tema infantil ou inicial, você pode personalizá-lo.

Como mencionado, todo o trabalho de edição e design ocorre através de um front-end intuitivo, arrastar e soltar, editor visual. Isso significa que o que você vê é realmente o que você obtém. Não há necessidade de editar nenhum código subjacente ou alternar janelas para obter uma visualização do seu trabalho.

Regiões flutuantes, elementos de página ilimitados

Quando se trata de criar seus layouts de página personalizados, o Upfront usa regiões e elementos. Os elementos disponíveis – 16 no momento da redação – podem ser arrastados e soltos nas páginas do seu site. Você não apenas pode arrastar e soltar elementos da página, como imagens, no local, mas também pode editar texto em linha .

Esta edição em linha ocorre simplesmente clicando duas vezes no texto e, em seguida, começando a digitar. Você também obtém acesso a um bom conjunto de controles de formatação ao adicionar e editar o texto por meio do editor front-end.

Além de poder arrastar e soltar áreas de texto e imagens no lugar e movê-las pela interface visual, há muitos outros elementos de página para escolher. No momento da redação, esses elementos de página arrastáveis ​​incluem : controles deslizantes, guias, acordeões, galerias de imagens, vídeos, formulários, botões e mapas. Você também pode usar o elemento de código para adicionar código personalizado ao seu design.

Além disso, qualquer um dos widgets ativos em seu site, seja de plugins de terceiros, núcleo do WordPress ou opções personalizadas, podem ser inseridos nos designs de sua página. Isso realmente lhe dá uma quantidade quase ilimitada de escopo sobre o que pode ser incluído nos layouts do seu site.

Personalização completa da região

Cada uma das regiões que compõem sua página e os elementos que elas contêm podem ser personalizados ainda mais. Isso inclui alterar o tamanho; posição; tipo de plano de fundo – incluindo vídeo, controle deslizante, mapa; e outras configurações de aparência relacionadas ao tipo de região que está sendo editada. Ao clicar no ícone de edição, um painel sensível ao contexto é exibido, através do qual você pode fazer suas alterações.

As alterações são todas aplicadas em tempo real . Não há necessidade de atualizar sua página, graças ao efeito de visualização ao vivo deste editor de front-end.

Conforme você arrasta e move as regiões ao redor da página, você notará que elas flutuam, em vez de serem fixadas em uma grade. Isso significa que você pode criar alguns designs de fluxo verdadeiramente livres, em vez de ser limitado por limites arbitrários.

No entanto, para os pushers de pixel, o Upfront inclui uma grade visual opcional e útil para ajudá-lo a alinhar os elementos da página com mais precisão.

Publicação de front-end personalizada e edição de página

Com o Upfront, cada postagem e página em seu site pode ter seu próprio design e layout personalizados . Tudo isso pode ser construído através da interface visual, front-end, arrastar e soltar.

Ao remover a necessidade de criar postagens no back-end do seu site, alternar entre a visualização do front-end e o editor principal, para obter a aparência correta, o Upfront já resolveu uma área importante que impede o WordPress . Graças às opções adicionais de personalização e conteúdo, como widgets e elementos, um outro campo de possibilidades também foi aberto.

Embora você possa personalizar as áreas globais de cabeçalho e rodapé usadas em todo o site, você também pode personalizar essas áreas em uma postagem e página individual para uma aparência mais personalizada para uma única página.

Outros recursos notáveis ​​do Upfront incluem um layout totalmente responsivo para o crescente exército de usuários móveis que acessam sites por meio de seus smartphones e tablets. Como seria de esperar da equipe WPMU DEV, este tema está totalmente pronto para Multisite.

Tipos de postagem personalizados também são suportados e podem ser editados da mesma forma que o tipo de postagem de blog normal. Há também um tour prático, mas breve, para ajudá-lo a começar ao iniciar a interface do personalizador pela primeira vez.

A principal característica do Upfront é que todo o trabalho e edição de conteúdo ocorre através do editor front-end. É isso que os desenvolvedores do projeto esperam que o separe da concorrência. Enquanto alguns outros construtores de páginas do WordPress oferecem um editor de front-end para personalizar seu site, o Upfront parece ser o único em que toda a ação ocorre por meio da interface visual do front-end, incluindo a criação de conteúdo de postagem no blog.

Revisão inicial: a experiência do usuário

Depois de fazer o upload do Upfront em seu site e escolher um dos temas iniciais e filhos para ele, você pode começar a trabalhar em seu site .

Clicar no botão 'Personalizar tema usando o Upfront' na visualização de front-end do seu site inicia a interface de edição.

Fazer o tour opcional mostra os principais recursos do plug-in. Alternativamente, você pode simplesmente pular direto e começar. Como os temas iniciais são preenchidos com todos os recursos de um tema WordPress moderno, você pode começar inspecionando e personalizando os elementos existentes.

Trocar as imagens pelas suas é tão fácil quanto clicar nelas e depois arrastar e soltar a nova imagem em sua biblioteca de mídia. No entanto, você é livre para excluir o conteúdo pré-existente que desejar . Isso permite que você seja realmente criativo com o Upfront.

Quando se trata de adicionar os elementos disponíveis em seu layout de página, é apenas um caso de arrastar e soltar em qualquer lugar da página. Uma vez adicionado à página, cada elemento pode ser personalizado à sua maneira. Por exemplo, o elemento posts pode ser modificado para exibir um único ou listas de posts em seu layout.

Isso é ótimo para criar uma página de arquivo de postagem personalizada ou destacar suas melhores postagens na página inicial do seu site. As configurações para o elemento de postagem oferecem muita flexibilidade para como esse conteúdo é exibido. Isso abrange não apenas quais postagens exibir, mas também quais partes das postagens incluir. Isso abrange: a data da postagem, contagem de comentários, imagem em destaque e muito mais.

Além de usar o Upfront para criar e personalizar a página inicial do seu tema inicial, ele também é usado ao trabalhar em postagens e páginas . Isso é ótimo, pois cria uma interface perfeita e consistente para projetar o site e criar conteúdo.

Para alternar para a visualização de postagem e página, basta clicar no link Postagens / Página e selecionar qual conteúdo existente você deseja editar ou criar um novo item.

A postagem escolhida é aberta no editor Upfront . Isso permite que você simplesmente adicione conteúdo a ele ou reformule seu design. Substituir o desajeitado sistema de edição de postagens do WordPress de ter que alternar entre janelas para visualizar seu trabalho oferece uma atualização imediata para o software principal.

A maior parte do que você pode fazer através da tela de edição de postagem padrão do WordPress, como adicionar uma imagem em destaque, editar o título da postagem e adicionar o conteúdo da postagem, pode ser feito através da interface visual do Upfront.

Se você quiser fazer alterações na tipografia do seu site , o Upfront oferece uma maneira fácil de fazer isso. Através do painel de configurações do tema você pode escolher um elemento de tipo, como o Título 2, e então editar a fonte utilizada. Isso é então aplicado globalmente, em todo o seu site.

Você ainda pode personalizar a aparência do texto em elementos individuais. No entanto, usando as configurações do tema, você pode aplicar rapidamente as alterações em todo o site . O mesmo se aplica às cores do site, embora a interface não deixe claro a qual elemento do seu site cada uma das configurações de cores se aplica.

Para fazer alterações rápidas na aparência e no conteúdo dos temas iniciais, o Upfront é muito fácil de entender. No entanto, quando se trata de fazer personalizações mais abrangentes ou criar seus próprios layouts de página do zero, será necessário um investimento de tempo maior para se familiarizar.

Isso é bastante razoável. Especialmente considerando o escopo e a funcionalidade desta ferramenta. Como outros temas e plugins do WordPress desse tipo, quanto mais você colocar nele, mais você obterá a longo prazo.

Preços

O Upfront pode ser seu juntando-se ao clube de membros WPMU DEV. Isso lhe dá acesso ao Upfront, além de mais de 350 plugins e outros temas. As taxas de associação começam em $ 24,50 por mês no plano anual e vão até $ 99 na opção de pagamento mensal.

Depois de se inscrever, e enquanto for membro, você terá acesso ao fórum de suporte 24 horas por dia, 7 dias por semana e às sessões diárias de bate-papo ao vivo. Para obter todas as opções de preços do Upfront, visite o site do WPMU DEV.

Conclusão

O WPMU DEV ficou quieto por um tempo quando se tratava de lançar novos temas do WordPress. Com o lançamento do Upfront, é fácil entender o porquê. Com mais de dois anos em construção e “mais de um milhão de dólares gastos”, o Upfront é certamente um projeto importante para a equipe WPMU DEV, e talvez o próprio WordPress.

No anúncio do Upfront, seus criadores fazem uma observação interessante sobre a concorrência dessa ferramenta e do WordPress em geral . Embora serviços como Squarespace, Wix e Weebly atualmente ofereçam menos desenvolvimento e oportunidades de personalização e expansão sob medida do que o WordPress, eles oferecem uma interface mais amigável para publicar conteúdo e tornar seu site da maneira que você deseja.

O Upfront visa trazer esse tipo de interface de personalização para o WordPress. No geral faz um trabalho muito bom. Se você deseja tornar o WordPress mais amigável, seja para você, seus clientes ou para quem você recomenda este software, o Upfront é uma opção disponível para você.

Escolher o Upfront envolve vincular-se a uma solução de terceiros; e embora fosse bom se o WordPress pudesse oferecer esse tipo de experiência de edição – seja como parte do núcleo ou por meio de um complemento 'oficial', por enquanto existe o Upfront.

Embora os codificadores e desenvolvedores que são capazes de criar seus próprios temas ou personalizar produtos prontos para uso não precisem muito do Upfront, qualquer pessoa que já quis criar seus próprios layouts e designs de página personalizados deve definitivamente fazer a demonstração online do Upfront para um test-drive.

Ainda é cedo para o Upfront , mas eles começaram bem. À medida que mais temas iniciais ficam online e elementos adicionais são introduzidos, esse editor amigável deve realmente se destacar.

Saiba mais sobre o Upfront ou experimente a demonstração agora

Isenção de responsabilidade: eu escrevo posts para o blog WPMU DEV – os criadores do Upfront – como freelancer; no entanto, as opiniões neste artigo são todas minhas e não são influenciadas por esta relação.