Partes de codigo 2025, Janeiro

Desativar formatação automática - CSS-Tricks

Desativar formatação automática - CSS-Tricks

Adicionar ao arquivo functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Detectar pontos essenciais e incorporá-los - CSS-Tricks

Detectar pontos essenciais e incorporá-los - CSS-Tricks

Basta postar um link para um Gist GitHub e ele será bem incorporado. Ou use o formato que este snippet fornece e crie o código de acesso você mesmo. Para o seu"

Personalizar página de login - CSS-Tricks

Personalizar página de login - CSS-Tricks

Você sabe, aquele normalmente em yoursite.com/wp-login.php. Essas são coisas que você colocaria no arquivo functions.php do tema ativo. Alterar o logotipo é o "

Personalizar marcação de comentários - CSS-Tricks

Personalizar marcação de comentários - CSS-Tricks

Em um tema WordPress típico, você produz a lista inteira de comentários para um Post / Página usando a função wp_list_comments (). Isso não oferece muito por "

Página de erro de banco de dados personalizado - CSS-Tricks

Página de erro de banco de dados personalizado - CSS-Tricks

Coloque um arquivo chamado "db-error.php" diretamente dentro de sua pasta / wp-content / e o WordPress o usará automaticamente quando houver uma conexão de banco de dados "

Bloginfo Shortcode - CSS-Tricks

Bloginfo Shortcode - CSS-Tricks

A função bloginfo () no WordPress fornece acesso a muitas informações úteis sobre o seu site. Veja a lista completa. Para acessar todos esses valores "

Permitir SVG por meio do WordPress Media Uploader - CSS-Tricks

Permitir SVG por meio do WordPress Media Uploader - CSS-Tricks

NOTA: A partir de 4.7.1, isso não está mais funcionando exatamente como publicado aqui. O tópico de comentários começa aqui. Vou atualizar isso uma vez a melhor maneira de lidar com isso "

Alterar tamanho do avatar - CSS-Tricks

Alterar tamanho do avatar - CSS-Tricks

A função wp_list_comments possui um parâmetro para alterar o tamanho padrão (48px) para qualquer lugar entre 0 e 80px. wp_list_comments ('avatar_size = 80'); "

Aplicar CSS personalizado à área administrativa - CSS-Tricks

Aplicar CSS personalizado à área administrativa - CSS-Tricks

Adicione ao arquivo functions.php: add_action ('admin_head', 'my_custom_fonts'); function my_custom_fonts () (echo '';) "

Links automáticos de mídia social - CSS-Tricks

Links automáticos de mídia social - CSS-Tricks

Isso iria dentro do loop, provavelmente embaixo de the_content (), provavelmente em seu arquivo single.php. // marcar no Delicious "

Estilo de comentários com base em rosca - CSS-Tricks

Estilo de comentários com base em rosca - CSS-Tricks

Ol.commentlist (list-style: none; margin: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

Texto SVG Knockout - CSS-Tricks

Texto SVG Knockout - CSS-Tricks

A ideia aqui é imaginar três camadas empilhadas umas sobre as outras, onde a camada superior é usada para cortar uma forma na segunda camada para revelar o "

Bloqueio de texto - CSS-Tricks

Bloqueio de texto - CSS-Tricks

O gato no chapéu SVG oferece a tag. Embora funcione muito como um normal em HTML, ele aceita atributos que desbloqueiam uma formatação de texto poderosa "

Adicionar classe aos links gerados por next_posts_link e previous_posts_link - CSS-Tricks

Adicionar classe aos links gerados por next_posts_link e previous_posts_link - CSS-Tricks

Essas duas funções criam links de âncora e você pode personalizar muito disso, mas é impossível adicionar uma classe usando apenas seus parâmetros. "

Adicionar / remover campos de informações de contato - CSS-Tricks

Adicionar / remover campos de informações de contato - CSS-Tricks

Os perfis de usuário no WordPress têm estes campos para informações de contato por padrão: E-mail, site, AIM, Yahoo IM, Jabber / Google Talk. Você pode removê-los e "

Opções de exportação do Adobe Illustrator - CSS-Tricks

Opções de exportação do Adobe Illustrator - CSS-Tricks

Isso é menos um trecho e mais um lembrete de algo que procuro com frequência. Ao criar arquivos SVG no Adobe Illustrator, existem alguns "

Texto curvo ao longo de um caminho - CSS-Tricks

Texto curvo ao longo de um caminho - CSS-Tricks

Podemos fluir o texto ao longo de uma linha curva com três ferramentas integradas ao SVG:, e. O fragmento Curvas perigosas à frente Como chegamos lá Imagine que desenhamos um "

Adicione o nome da categoria a body_class - CSS-Tricks

Adicione o nome da categoria a body_class - CSS-Tricks

A função body_class é boa para adicionar várias classes à tag body que contém informações sobre o tipo de página que está sendo exibida no momento. "

Padrões SVG - CSS-Tricks

Padrões SVG - CSS-Tricks

O elemento SVG nos permite definir padrões dentro de nossa marcação SVG e usar esses padrões como um preenchimento. O processo básico para padrões "

Formam os ícones de Morph no botão ao clicar - CSS-Tricks

Formam os ícones de Morph no botão ao clicar - CSS-Tricks

A ideia aqui é usar um ícone SVG em um botão e trocar esse ícone por outro quando o botão for clicado. Um clique de botão geralmente sugere que uma ação "

Menu de hambúrguer SVG - CSS-Tricks

Menu de hambúrguer SVG - CSS-Tricks

Três listras devem ser uma coisa tão fácil de desenhar. Aqui estão várias maneiras diferentes de fazer isso na web. Dito isso, o SVG é definitivamente a melhor maneira de "

Tipografia do tamanho da viewport com tamanhos mínimo e máximo - CSS-Tricks

Tipografia do tamanho da viewport com tamanhos mínimo e máximo - CSS-Tricks

Declarar tamanhos de fonte em unidades de viewport pode produzir resultados realmente interessantes, mas traz desafios. Não há min-font-size ou "

Use uma variável Sass para um seletor - CSS-Tricks

Use uma variável Sass para um seletor - CSS-Tricks

Digamos que você precise usar um determinado seletor em vários lugares em seu código. Não é muito comum, com certeza, mas coisas acontecem. O código repetido é "

Funções de tonalidade e sombra - CSS-Tricks

Funções de tonalidade e sombra - CSS-Tricks

Ambas as funções clarear e escurecer manipulam a claridade de uma cor no espaço HSL adicionando ou subtraindo claridade a ela. Basicamente, eles são "

Mixin gradiente listrado - CSS-Tricks

Mixin gradiente listrado - CSS-Tricks

Uma maneira popular de desenhar listras em CSS para definir um gradiente linear com interrupções de cor sobrepostas. Funciona muito bem, mas não é muito conveniente de escrever "

Função Str-replace - CSS-Tricks

Função Str-replace - CSS-Tricks

O Sass fornece uma coleção de funções úteis para manipular strings, no entanto, não há função para substituir uma substring por outra string. Aqui está um"

Função de classificação - CSS-Tricks

Função de classificação - CSS-Tricks

O Sass não fornece nenhuma maneira embutida de classificar uma lista de valores. Graças às funções de manipulação de strings, podemos construir uma função para classificar uma lista de itens "

Função strip-unit - CSS-Tricks

Função strip-unit - CSS-Tricks

Há muita confusão em torno da maneira como as unidades funcionam no Sass. No entanto, eles funcionam exatamente como na vida real. Se você quiser remover a unidade de valor, "

Simplificando contextos e eventos - CSS-Tricks

Simplificando contextos e eventos - CSS-Tricks

Sass pode ser um pouco uma caixa preta, especialmente para jovens desenvolvedores: você coloca algumas coisas dentro, você tira algumas coisas. Pegue a referência do seletor "