Pinegrow Web Editor 5.7, 26 de jun de 2019

Download

Duplicar consultas de mídia (media queries)

Consultas de mídia agora podem duplicadas no Painel de Estilo clicando com o botão direito do mouse nelas e selecionando Duplicate (duplicar) ou Duplicate in… (duplicar em).

style.css showing a min-width 480px media query for body, with a context menu offering Duplicate in style.css and Delete.

Nas versões anteriores, apenas regras de CSS individuais podiam ser duplicadas.

Escolher o posicionamento de regras duplicadas ou sobrescritas foi melhorado. Quando a regra original está localizada dentro de uma consulta de mídia (media query), a nova regra é posicionada fora da consulta de mídia, logo após ela.

Proteção para todas as folhas de estilos filhas

O Pinegrow 5.6 introduziu a proteção para folhas de estilos. Agora é possível travar ou destravar rapidamente todas as sub-folhas de estilos selecionando “Lock / Unlock all children” (Travar/destravar todas os filhos) no menu suspenso em folhas de estilos.

Stylesheets menu with the Locked submenu open, offering Lock all children and Unlock all children for style.scss.

Mapeamento de endereços web (urls) em Páginas-mestre

Páginas-mestre e as páginas que as usam agora podem ser localizadas em diferentes pastas dentro do projeto. O Pinegrow mapea todas as urls (de folhas de estilos usadas, scripts, imagens…) para poder preservar a validação dos links.

No Pinegrow 5.7 nós mudamos como as urls são mapeadas para evitar a conexão com recursos incorretos nos casos onde existam mais de um arquivo com nomes iguais no projeto (como, por exemplo, dois arquivos index.html).

Agora, o Pinegrow mapea urls de acordo com a posição da página de conteúdo relativo a sua página-mestre.

Por exemplo, vamos dizer que temos a seguinte estrutura em um projeto:

master.html      <— página-mestre
index.html       <— home page
products/
    index.html  <— índice de categorias de produtos
    cars.html
    boats.html
    planes.html

E que o logo em master.html está ligado a index.html.

Em products/cars.html o logo ligado será mapeado para ../index.html para preservar a validação do link e não para index.html dentro da pastas de produtos.

Links de Componentes

O mesmo processo de mapeamento de url agora é usado quando atualizar ocorrência de componentes. Isso permite definir um componente com links e usá-lo em páginas que estão armazenadas em diferentes pastas no projeto.

O mapeamento de url pode ser desabilitado nas definições de componentes na opção Map urls.

Products Dropdown component actions with Update instances and Map urls checked, and a callout about toggling URL mapping.

Placeholders de elementos vazios

O Pinegrow adiciona a classe pg-empty-placeholder em elementos vazios para que fiquem visíveis na página, como em divs vazios <div></div>.

Agora, qualquer classe de placeholder desnecessária será removida quando a página for salva, por exemplo quando conteúdo é adicionado ao div no Editor de código.

Placeholders vazios podem ser desabilitados nas Configurações. Nesse caso, todas as classes pg-empty-placeholder são removidas quando a página é salva.

Note que a classe placeholder vazia também pode ser configurada para cada elemento de página, na aba Propriedades:

Properties panel for the Products Dropdown list item with the pg-empty-placeholder class and the Empty placeholder option checked.

Atualização de Font Awesome

A Font Awesome foi atualizada para a última versão, 5.9.0.

Correção de bugs

O Pinegrow 5.7 vem com significativas correções de bugs, a mais notável um problema no arrastar e soltar em uma grade CSS. Segure o CTRL (ou CMD no Mac) enquanto arrasta um elemento para a grade CSS para soltá-lo na célula desejada.

Tamém corrigimos vários bugs no WordPress Theme Builder (Construtor de temas WP), incluindo o comando “Apply master page” (aplicar página-mestre) e a criação correta de termos de links na Ação inteligente de tags de post e categorias (Post Tags & Categories smart action).