WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

WordPress 6.6 Com lançamento previsto para 16 de julho de 2024, irá otimizar e melhorar várias funcionalidades de versões anteriores, bem como introduzir muitas novas funcionalidades para avançar ainda mais a Fase 3 do desenvolvimento do WordPress. A nova versão inclui 299 bilhetes principais, 392 melhorias, 462 correcções de erros e 46 melhorias de acessibilidade para o editor de blocos.

Eis as principais novidades e melhorias do WordPress 6.6:

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Cobertura simultânea de amostras

API de ligação de blocos foi para concatenar propriedades de bloco e campos personalizados. A primeira implementação da função WordPress 6.6 Nela, a segunda iteração desbloqueia o ficheiro chamado "Cobertura simultânea de amostras"Melhorias de amostras sincronizadas.

Existem dois tipos de amostras de blocos:

  1. Bloco de amostragem sincronizado
  2. Amostras de bloco padrão (não sincronizadas)

A principal diferença entre estes dois tipos de amostra é a forma como afectam o conteúdo do seu sítio Web. Quando altera uma amostra sincronizada, tudo no sítio que utiliza essa amostra é automaticamente atualizado e, como por magia, todas as instâncias da mesma amostra ficam exatamente iguais. O mesmo não acontece com as amostras de blocos padrão: quando altera uma amostra, só afecta essa amostra, as restantes permanecem iguais, muito personalizadas.

Bem, o Synchronised Sample Overlay é como o super-herói entre os dois. Utiliza um superpoder chamado API de Ligação de Blocos, que lhe permite criar uma amostra que mantém uma estrutura uniforme em todo o seu site, mas que é flexível ao mesmo tempo. Quando ajustar a estrutura ou o estilo desta amostra no editor do site, todas as instâncias que a utilizam serão actualizadas em sincronia, mas, magicamente, o conteúdo de cada instância ainda pode ser modificado independentemente sem afetar as restantes.

Agora, vamos ver como fazer a magia desta sobreposição de amostras!

Em primeiro lugar.

Vai precisar de um modelo de sincronização. Pode criá-lo de raiz no editor de artigos ou encontrar um modelo de sincronização existente na secção "Modelos" do editor do sítio.

Passo 1: Aceda a Modelos e copie um modelo existente, como o modelo Hero do tema predefinido Twenty Twenty-Four.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Adicione um nome e defina a cópia como uma amostra sincronizada.

Passo 2: Navegue até "A minha amostra" para encontrar a nova amostra de sincronização. Abra-a no Editor de Sites e selecione todos os blocos que têm de ser cobertos individualmente.

Aceda às definições de bloqueiouma barra lateral (em software)e desloque-se para baixo atésegmento avançado. Existe um".Ativar anulação"Botão.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

clique num botãoDepois disso, irá pedir-lhe paraAdicionar nomealém dissoDefinir o tipo de amostra.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Passo 3: Repita o mesmo processo para cada bloco a ser reescrito. Quando terminar, crie um ficheironovo artigotalvezpágina webE inclua as suas amostras personalizadas.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Passo 4: Altere o conteúdo do bloco para reescrever e guarde o artigo. Por fim.Verificação de resultados no front end.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Isto completa-o. Pode adicionar tantas amostras quantas quiser em qualquer parte do seu sítio e cada nova instância apresentará o mesmo conteúdo original, mas pode ser personalizada.

Agora, vamos verificar o código para estas amostras. Navegue de volta para o editor do site "modelo"Secção. Selecione "A minha amostra" e adicione a sua amostra. Em seguida, abra o menu Opções e selecione Editor de código para ver o código da amostra.

Por exemplo, o código deve ser semelhante ao seguinte:

<div class="wp-block-group">
    <!-- wp:heading {
        "textAlign":"center",
        "level":1,
        "metadata":{
            "bindings":{
                "__default":{
                    "source":"core/pattern-overrides"
                }
            },
        },
        "name":"Hero title"
    },"fontSize":"x-large"} -->
        <h1 class="wp-block-heading has-text-align-center has-x-large-font-size">Compromisso com a inovação e o desenvolvimento sustentável</h1>
    <!-- /wp:heading -->
    ...
</div>

No separador de blocos, repare que o metadata.bindings atributo. Isto torna o bloco de título editável.__default As ligações instruem o WordPress a ligar todas as propriedades suportadas a uma fonte específica, ou seja"core/pattern-overrides".

As mesmas propriedades aplicam-se a todos os blocos que precisa de editar. Tome como exemplo o bloco de botões:

<div class="wp-block-buttons">
    <!-- wp:button {
        "metadata":{
            "bindings":{
                "__default":{
                    "source":"core/pattern-overrides"
                    }
                },
            "name":"Hero button"
            }
        } -->
    <!-- /wp:button -->
    <div class="wp-block-button">
        <a class="wp-block-button__link wp-element-button">Sobre nós</a>
    </div>
    ...
</div>

Agora, regresse ao editor de artigos e mude para o editor de código. O código deve ser semelhante ao seguinte:

<!-- wp:block {
    "ref":261,
    "content":{
        "Hero title":{
            "content":"托管 WordPress 主机"
        },
        "Hero body":{
            "content":"快速、安全、功能丰富的托管服务,让你的工作更加轻松。专为全球的 WordPress 网站和代理机构而建。"
        },
        "Hero button":{
            "text":"了解更多",
            "url":"https://xxxxxxxxxxxxx.com/wordpress-hosting/",
            "linkTarget":"",
            "rel":""
        },
        "Second button":{
            "text":"查看定价",
            "url":"https://xxxxxxxxxxx.com/wordpress-hosting/pricing/",
            "linkTarget":"_blank",
            "rel":"noreferrer noopener"
        },
        "Hero image":{
            "id":268,
            "alt":"",
            "url":"http://xxxxxxx/wp-content/uploads/2024/06/homepage-featured-image.jpg"
        }
    }
} /-->

Aqui, não verá um bloco específico, mas sim uma referência à amostra do bloco e um conjunto de propriedades editáveis do bloco.

Da mesma forma, pode adicionar qualquer número de amostras de blocos em qualquer parte do sítio, que manterão a mesma estrutura e design de quando foram construídos no editor de sítios.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Edite o estilo e a estrutura da amostra no editor do sítio e reescreva-a.

Depois disso, pode alterar o conteúdo de cada bloco editável individualmente, mantendo a estrutura geral intacta.

Editar valores de campos personalizados a partir de blocos ligados

O WordPress 6.5 introduziu uma nova funcionalidade que permite aos utilizadores associar valores de campos personalizados a atributos de blocos como fonte de dados (core/post-meta), e o WordPress 6.6 melhorou ainda mais esta funcionalidade para que os utilizadores possam agora editar estes valores de campos personalizados diretamente a partir do bloco.

Pode experimentar isto registando um novo conjunto de campos personalizados a partir do ficheiro de funções do plugin ou do tema, certificando-se de que regista os metadados do post com o show_in_rest definido como verdadeiro. Os exemplos são apresentados a seguir:

register_post_meta(
    'post'.
    'book_title',
    array(
        'show_in_rest' => true,
        'type' => 'string',
        'single' => true, 'sanitise_callback' =>
        'sanitize_callback' => 'sanitize_text_field'
    )
);

Quando terminar, crie um novo post ou página e adicione um novo campo personalizado com o mesmo nome do campo personalizado que criou anteriormente. Adicione um bloco suportado (como um bloco de título) ao editor, depois mude para o editor de código e modifique o bloco da seguinte forma:

<!-- wp:heading 
{
    "metadata":{
        "bindings":{
            "content":{
                "source":"core/post-meta",
                "args":{
                    "key":"book_title"
                }
            }
        }
    }
} -->
<h2 class="wp-block-heading"></h2>
<!-- /wp:heading -->

Guarde o post/página e verifique os resultados. Agora pode editar o conteúdo do título diretamente a partir do bloco e os valores do campo personalizado devem refletir as suas alterações.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Além disso, um novo painel fornece agora informações sobre os atributos de bloco ligados a um campo personalizado, mostrando os atributos de bloco ligados ao campo personalizado.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Esta caraterística também traz algumas funcionalidades relacionadas:

  • Pode atualizar os valores dos campos personalizados a partir do ciclo de consulta.
  • Se vários blocos estiverem ligados ao mesmo campo personalizado, partilharão o mesmo valor do campo personalizado e mudarão em sincronia com ele.
  • Os utilizadores só podem editar campos personalizados em mensagens para as quais têm permissões.

Nota final: Como mencionado anteriormente, o suporte de blocos para a API de ligação de blocos ainda é limitado neste momento:

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Melhorias na visualização de dados

Introduzida no WordPress 6.5, a Vista de dados é uma interface de utilizador melhorada para gerir conteúdos como modelos, amostras, publicações e suportes. Esta nova interface desempenhará um papel importante na fase 3 do roteiro de desenvolvimento, especialmente no que diz respeito à colaboração. Por isso, podemos esperar que as futuras versões do WordPress tragam mais melhorias, como a atribuição de pessoas para rever publicações ou a criação de vistas personalizadas para agilizar o fluxo de trabalho. No WordPress 6.6, a nova interface só está disponível no editor do site, mas será alargada a mais secções administrativas no futuro.

O WordPress 6.6 apresenta um novo layout da página de administração. A secção de administração de modelos foi removida e integrada na secção de amostras, e o menu de amostras do editor do site foi reorganizado em duas secções, com a secção de modelos na parte superior e as amostras na parte inferior.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Para as páginas, um novo painel fornece uma lista de páginas e permite uma pré-visualização de qualquer página com um clique.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Também verá novas opções de esquema no menu Opções de visualização. (O ícone no canto superior direito.)

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias
WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Para além destas grandes alterações, foram introduzidas várias pequenas melhorias na visualização de dados para melhorar a funcionalidade e a informatividade da interface. Alguns exemplos incluem a adição de uma funcionalidade de edição em massa e a apresentação de emblemas na página de front-end ou na página do artigo.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

O WordPress 6.6 leva as visualizações de dados um passo à frente, mas ainda estamos na fase inicial. No futuro, veremos a introdução de uma API alargada que permitirá aos programadores manipular as visualizações diretamente. Para um mergulho mais profundo no futuro das visualizações de dados, consulte o artigo de Anne McCarthyAtualização da visualização de dados - junho de 2024".

Outras melhorias no editor de blocos

O WordPress 6.6 integra 8 versões do Gutenberg no núcleo - da 17.8 à 18.5 - trazendo uma série de melhorias na interface, bibliotecas React, APIs de blocos e muito mais. Aqui estão algumas delas:

  • Novo processo de lançamento
  • Ver todos os blocos
  • Teclas de atalho para grupos de blocos

Novo processo de lançamento

Na versão 6.6, a barra lateral de configuração do artigo/página foi simplificada e optimizada para ser mais leve e consistente. Esta iteração dá um passo em frente no processo de unificação entre o editor de artigos e o editor de sítios, com ambos os editores a terem agora o mesmo processo de publicação.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Comparação da barra lateral de configuração de páginas no WordPress 6.5 vs 6.6 A experiência de publicação foi normalizada com um novo painel Estado e visibilidade que lhe permite definir o estado das suas mensagens/páginas numa localização mais conveniente.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Outras alterações afectam os controlos de Imagem em destaque e Resumo, que foram movidos para o menu Acções melhoradas na parte superior da barra lateral e no canto superior direito.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Ver todos os blocos

Nas versões anteriores do WordPress, quando seleccionava um bloco, o insersor de blocos mostrava apenas os blocos que podia adicionar ao bloco selecionado. Por exemplo, ao selecionar um bloco de colunas, o insersor de blocos só mostrava blocos de colunas, porque só podia adicionar colunas.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

A partir do WordPress 6.6, o inseridor de blocos apresenta dois grupos de blocos: blocos que podem ser adicionados ao bloco selecionado e blocos que podem ser adicionados abaixo do bloco selecionado.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Teclas de atalho para combinar blocos

Agora pode combinar os blocos selecionados utilizando o atalho ⌘ + G no MacOS ou Ctrl + G no Windows.

Amostras de blocos em temas clássicos

A partir do WordPress 6.6, os Temas clássicos suportam a mesma interface de amostras que os Temas de bloco. Por conseguinte, se estiver a utilizar o tema Clássico no seu site WordPress, desfrutará da mesma experiência rica na gestão de amostras que o tema de bloco.

A imagem seguinte compara os ecrãs de amostra do WordPress 6.5 com a secção de gestão de amostra do WordPress 6.6.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Ecrãs de amostra no WordPress 6.5 com o tema Twenty Twenty-One Classic

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Gestão de amostras no WordPress 6.6 com o tema Twenty Twenty-One Classic

Agora pode editar, copiar, mudar o nome, exportar para JSON e eliminar amostras, tal como no tema de blocos.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Exemplos de acções no WordPress 6.6 com o tema Twenty Twenty-One Classic

Pode efetuar operações em lote selecionando amostras individualmente ou clicando no botão de edição em lote. As funções de ordenação e filtragem também estão disponíveis.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Exemplo de operações em lote no WordPress 6.6 com o tema Twenty Twenty-One Classic

Também pode criar amostras, tal como no tema Block. Clique no botão Add New Sample (Adicionar nova amostra) no canto superior direito e ser-lhe-á pedido que preencha o formulário de detalhes da amostra.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Adicionando novas amostras com temas clássicos no WordPress 6.6

Pode então construir ou editar as suas amostras no editor do sítio como habitualmente.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Esta atualização traz mais funcionalidades aos utilizadores do Tema Clássico, desbloqueando novas capacidades que tornam a experiência de edição mais consistente entre os Temas Clássicos e os Temas de Bloco.

Novas ferramentas e funcionalidades para designers e programadores de temas

O WordPress 6.6 traz muitas funcionalidades e melhorias fantásticas para designers e programadores de temas. Os designers têm mais acesso a estilos, incluindo estilos parciais, imagens de fundo em todo o site, um novo editor de sombras e alterações no layout da grelha. E mais ferramentas proporcionam maior flexibilidade aos autores de temas. Vamos dar uma olhadela.

  • Theme.json v.3
  • Especificidade das CSS no WordPress 6.6
  • Estilo parcial
  • Predefinições de cor e tipografia
  • Imagem de fundo de todo o sítio
  • Alterações na disposição da grelha
  • margem negativa
  • Sombras personalizadas
  • Predefinições de rácio de aspeto personalizadas

Theme.json v.3

O WordPress 6.6 introduziu uma nova versão do theme.json - a versão 3. A nova versão altera a forma como as propriedades predefinidas são substituídas. Agora, para alterar os valores predefinidos do tamanho do tipo de letra ou do tamanho do espaçamento, tem de alterar os valores predefinidos no ficheiro definições.tipografia talvez definições.espaçamento comandante-em-chefe (militar) defaultFontSizes talvez defaultSpacingSizes definido como falso.

Resumido a seguir:

  • (col.) chumbar (um aluno) defaultFontSizes talvez defaultSpacingSizes definido como verdadeiro Quando o tamanho de letra e o tamanho de espaçamento predefinidos são apresentados no editor, o tema não pode criar predefinições utilizando os identificadores predefinidos. Por predefinição, odefaultFontSizes definido como verdadeiro.
  • (col.) chumbar (um aluno) defaultFontSizes talvez defaultSpacingSizes definido como falso Quando o tamanho do tipo de letra e o tamanho do espaçamento predefinidos não são apresentados no editor, o tema pode utilizar os identificadores predefinidos.

Consulte as notas do programador para Theme.json versão 3 Uma visão mais completa do

Especificidade das CSS no WordPress 6.6

No WordPress 6.6, a especificidade do CSS foi alterada e agora é mais fácil substituir os estilos principais e, ao mesmo tempo, suportar estilos globais.

Antes da versão 6.6, a substituição dos estilos principais era muitas vezes difícil e os programadores de temas tinham de escrever regras CSS complexas para obter o efeito pretendido. Na versão 6.6, os estilos de blocos principais e os estilos globais (theme.json) foram substituídos por (...) envolvendo os selectores existentes para reduzir a especificidade dos estilos principais para 0-1-0, tornando-os uniformes para suportar os novos estilos de secção.

Por exemplo, .wp-block-image.is-style-rounded img foi atualizado para (.wp-block-image.is-style-rounded img).

Os criadores de blocos que optam por incluir estilos globais são encorajados a fazer as mesmas alterações aos seus estilos, de modo a personalizá-los de forma previsível através da interface de estilos. Assim, se tiver um bloco personalizado com o seguinte estilo:

wp-block-custom-block {
padding: 0;
}

Deve envolvê-lo em :root :where():

:root :where(.wp-block-custom-block) {
padding: 0;
}

Pode consultar as notas do programador para obter mais informaçõesUm olhar mais profundo sobre a especificidade do CSS no WordPress 6.6.

Estilo parcial

O WordPress 6.6 permite-lhe estilizar secções individuais de um post ou página sem ter de voltar a aplicar o mesmo estilo bloco a bloco. Isto significa que pode selecionar vários blocos e sub-blocos e atribuir uma variação de estilo a toda a seleção.

Isto é possível graças à extensão das alterações de estilo de bloco, que agora suporta o estilo de blocos e elementos interiores e tira partido da especificidade de estilo reduzida para o estilo global.

Só pode definir e manipular alterações de estilo de bloco através de estilos globais se registar a alteração de estilo de bloco através de um dos seguintes métodos:

  • Utilize a secção theme.json no diretório /styles do tema
  • fazer uso de estilo_de_bloco_de_registo função (matemática)
  • Defina no seu theme.json estilos.blocos.variações

Defina alterações de estilo de bloco utilizando a secção theme.json

À semelhança das alterações de estilo de tema, as alterações de estilo de bloco podem ter a sua própria secção theme.json no diretório /styles do tema.

A diferença entre as duas variações é que a variação de estilo de bloco tem um novo nível superior blockTypes que é uma matriz não vazia de tipos de blocos que suportam alterações de estilo de bloco. Além disso, uma nova propriedade lesma para "proporcionar consistência entre as diferentes fontes que definem as alterações de estilo de bloco e para separar os slugs dos atributos de título traduzíveis".

As notas do programador fornecem o seguinte exemplo de secção theme.json:

{
"$schema": "https://schemas.wp.org/trunk/theme.json",.

"title": "Variação A", "slug": "Variação-a",


"estilos": {
"cor": {

"texto": "#201819"
},
"elementos": {
"título": {
"cor": {
"texto": "#201819"
}
}
},
"blocos": {
"core/group": {
"cor": {
"fundo": "#825f58", "texto": "#eed8d3", {
"texto": "#eed8d3"
}, "elements": { "background": "#825f58", "text": "#eed8d3
"elementos": {
"título": {
"cor": {
"texto": "#eed8d3"
}
}
}
}
}
}
}

aprovar (um projeto de lei ou uma inspeção, etc.) estilo_de_bloco_de_registo Defina programaticamente as alterações de estilo de bloco

estilo_de_bloco_de_registo fornece uma segunda forma de registar alterações de estilo de bloco. Pode registar uma alteração de estilo de bloco na função functions.php Utilize-o desta forma no

register_block_style(
array( 'core/group', 'core/columns' ),
array(
'name' => 'light', 'label' => __( 'Light' ), array(
'label' => __( 'light' ), 'style_data' => array(
'style_data' => array(
'colour' => array(

'text' => '#d2e3c8'.
),
'blocks' => array(
'core/group' => array(
'colour' => array(
'background' => '#739072',
'texto' => '#e3eedd'.
),
),
),
'elements' => array(
'link' => array(
'cor' => array(
'text' => '#ead196'.
),
':hover' => array(
'colour' => array(
'text' => '#ebd9b4', !
),
),
),
),
), ), ), ), ), ), ), ), ), ), )
)
);

Agora, quando seleciona um bloco de Grupos ou Colunas, o painel Estilos na barra lateral do bloco apresenta os botões de estilo parcial registados.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Para obter informações mais detalhadas e exemplos de algumas das alterações de estilo, consulte o artigo de Justin Tadlock,Configurar secções, elementos aninhados e muito mais com variações de estilo de bloco no WordPress 6.6Aaron Robertshaw'sNotas do programadorbem comoExtensões de estilo blocodo pull request.

Definir alterações de estilo de bloco utilizando alterações de estilo de tema

Embora atualmente seja possível utilizar theme.json acertar em cheio estilos.variações mas esta abordagem é apenas temporária e em breve será descontinuada. Para uma descrição mais detalhada, consulte as notas do programador para o atributoparte relevante.

Predefinições de cor e tipografia

Agora, pode utilizar a interface de estilo globalSelecione uma predefinição disponívelpara alterar a paleta de cores e a família de letras do tema.

Se o seu tema atual suportar predefinições de cor e tipografia, estas aparecem nas definições de cor e tipografia do estilo global.

As imagens seguintes mostram as duas paletas de cores oferecidas pela Twenty Twenty-Four.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Paleta de luz do Twenty Twenty-Four

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

A paleta escura do Twenty Twenty-Four

Para adicionar esta funcionalidade ao seu tema, tem de criar variações de estilo que contenham apenas cores e tipografia. Os estilos definidos desta forma serão extraídos e utilizados para gerar predefinições.

Para esta caraterística, consulte também aMelhorias no editor principal: actualize o seu designe o Programa de Ação da Conferência Internacional sobre o Financiamento do Desenvolvimento (CIFD).Crie variações individuais de tipografia e cor...".

Imagem de fundo de todo o sítio

A partir do WordPress 6.6, pode adicionar uma nova secção ao theme.json e o editor de sítios para definir imagens de fundo para todo o sítio.

Uma imagem para todo o sítio é um valor de atributo de imagem de fundo que é definido no elemento body e aparece em todas as páginas do sítio.

existir theme.json Para definir a imagem de fundo de todo o sítio no estilos.fundo Os atributos são utilizados no imagem de fundo.url::

{
"estilos": {
"fundo": {
"imagem de fundo": {
"url": "https://example.com/bg.png"
}
}
}
}

No exemplo acima, é definido um caminho absoluto para a imagem, mas também pode definir a imagem de fundo utilizando um caminho relativo ao diretório raiz do tema, como mostrado abaixo:

{
"estilos": {
"fundo": {
"imagem de fundo": {
"url": "ficheiro:. /assets/bg.png"
}
}
}
}

Pode então utilizar as seguintes propriedades de imagem:

  • posição de fundo
  • tamanho do fundo
  • repetição de fundo

Se não for um programador de temas, pode utilizar a imagem de fundo de todo o site através do painel de estilos do editor do site. No WordPress 6.6, os controlos apropriados podem ser encontrados em Estilos > Layout.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Esta é a primeira iteração de imagens de fundo. Para um olhar mais detalhado sobre como funciona, as suas limitações e planos futuros, consulte a nota do programadorImagens de fundo em todo o site no WordPress 6.6".

Alterações na disposição da grelha

Uma nova variação de layout do bloco Grupo permite-lhe apresentar elementos dentro de um grupo como uma grelha.

Pode experimentá-lo adicionando um bloco de grupo à tela do Editor e escolhendo um esquema de grelha no painel Definições de bloco.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Existem dois tipos de esquemas de grelha:

  • Auto: gera automaticamente linhas e colunas da grelha
  • Manual: permite-lhe definir o número de colunas a adicionar à grelha

Adicione conteúdo a um elemento de grelha e redimensione-o utilizando os controlos. Também pode ajustar a largura mínima da coluna ou o número de colunas de acordo com o tipo de grelha selecionado.

margem negativa

Agora é possível definir margens negativas para todos os blocos que suportam controlos de margem. Antes do WordPress 6.6, esta funcionalidade só estava disponível em theme.json, e agora é fácil aplicar margens negativas a elementos para criar um efeito de sobreposição.

Tenha em atenção que, no WordPress 6.6, tem de adicionar valores negativos manualmente, como se mostra abaixo.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

Definir margens negativas para blocos de botões no WordPress 6.6

Sombras personalizadas

No WordPress 6.6, as sombras personalizadas podem ser criadas e editadas na interface Estilos globais. Para criar uma sombra personalizada, navegue até ao editor do site e selecione Sombra no menu Estilos globais. Aqui, encontra um painel de personalização. Quando clica no botão +, aparece um novo elemento que lhe dá um conjunto de controlos para personalizar ou mudar o nome/eliminar a sombra.

WordPress 6.6 em breve: Destaques das novas funcionalidades e melhorias

resumos

O WordPress 6.6 vem com muitos novos recursos e alterações, desde substituições de modo de bloco a melhorias na visualização de dados, novos recursos para desenvolvedores de temas e uma experiência de edição unificada para editores de sites e posts. Mas há muito mais que não foi abordado neste artigo, comoFunção de reversão para actualizações automáticas.

Para uma análise mais aprofundada destas alterações, consulte o excelente conjunto de recursos dos principais colaboradores do WordPress que foram mencionados durante os nossos testes do WordPress 6.6. Entre eles, recomendamos o livro de Anne McCarthyWordPress 6.6 A fonte da verdadeO "Meetup" noAprenda o Seminário Online WordPress",Blogue do programador WordPress, publicado no blogue Make WordPress CoreNotas de desenvolvimentoe Birgit Pauli-Haack, no relatório do Secretário-Geral.Tempos de GutenbergActualizações regulares, etc. sobre o


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/12786/

Como (0)
Anterior 8 de julho de 2024 às 10:21 a.m.
Seguinte 8 de julho de 2024 às 11:00 horas.

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat