Pagina inicial » WordPress » 10 tags de modelos WordPress que você pode não saber

    10 tags de modelos WordPress que você pode não saber

    WordPress é fornecido com uma abundância de tags de modelo desde a sua criação. Estas Tags de Template no WordPress são funções PHP que podem ser usadas para saída assim como recuperar um pedaço de dados.

    Se você estiver desenvolvendo um tema WordPress, talvez esteja familiarizado com algumas dessas tags de modelo, como o título que mostra o título da postagem, o autor que mostra o nome do autor da postagem e o link da postagem.

    WordPress continua evoluindo. Cada nova versão geralmente apresenta algumas novas tags de modelo. Tanto é assim que manter-se atualizado com todas essas Tags de modelo - antigas ou novas - pode ser bastante desafiador. Confira as 20 tags de modelo que você pode ter esquecido.

    Capital P

    WordPress, de acordo com sua diretriz e padrão, tem que ser escrito com o capital P, ou seja, WordPress é um não não; o caminho certo é soletrar como WordPress.

    O capital “P” é um assunto com tanta importância que Matt Mullenweg (fundador do WordPress) o incluiu em sua resolução em 2009. capital_p_dangit () função é introduzida como parte da iniciativa.

    Desde a: 3.0.0

    // Usando diretamente $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Qualquer texto do WordPress é girado com maiúscula. // Ou, usando-o em um Filtro do WordPress. add_filter ( "the_excerpt", function ($ text) captial_p_dangit retorno ($ text););
    Logotipo personalizado

    Na versão 4.5, o WordPress introduziu a capacidade de fazer upload de um logotipo para temas por meio do Customizador. Esse novo recurso requer suporte ao tema: adicionando add_theme_support ('site-logo'), o logotipo aparecerá no Customizer.

    Esse recurso leva ao uso de algumas novas tags de modelo que podem manipular a saída da imagem do logotipo em temas, a saber: has_custom_logo (), get_custom_logo (), e the_custom_logo ().

    Desde a: 4.5.0

     // 1. A saída inclui o logotipo da imagem e o link de volta para casa. the_custom_logo (); // 2. Obtenha o logótipo personalizado "string". $ logo = get_custom_logo (); // 3. Condicional if (has_custom_logo ()) $ logo = get_custom_logo ();  // 4. Usando o 'get_custom_logo' para envolver o logotipo com um div; add_filter ( "get_custom_logo", function ($ html) return ''. $ html. '';); 
    URL da imagem em miniatura

    O WordPress tem um utilitário nativo integrado para adicionar uma imagem em miniatura ou uma imagem em destaque. A tag de modelo, the_post_thumbnail (), mostra a tag de imagem junto com seus atributos.

    Mas e se você quiser mostrar a miniatura da imagem como fundo através de CSS? Use a tag de modelo, get_the_post_thumbnail_url ().

    Desde a: 4.4.0

    Exemplo:

      
    Gerar número aleatório

    Essa Tag de modelo fornecerá um número aleatório com base em um intervalo especificado. O WordPress está usando essa função internamente para gerar uma senha aleatória. Você provavelmente pode usá-lo para gerar um número de cupom aleatório para o seu site WooCommerce.

    Desde a: 2.6.2

    Exemplo:

     // Gere um número de 1 a 200 $ rand_number = wp_rand (1, 200); // saída não será abaixo de 0 ou 201 acima. 
    Comentários Paginação

    A maioria dos temas está usando o the_comments_navigation () que dará a “Próximo” e “Anterior” tipo de link de navegação. Se você quiser mostrar uma navegação numerada (paginação), substitua a tag por the_comments_pagination () em vez de.

    Tenha em mente que a Tag de modelo está disponível apenas no WordPress 4.4.0 para cima. Certifique-se de executar uma verificação antes de implantá-lo.

    Desde a: 4.4.0

    Exemplo:

       'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>   
    URL de encurtamento

    Essa tag de modelo reduzirá o tamanho de um URL. E um URL muito longo não entrará em uma nova linha dentro do conteúdo do corpo. Existem 2 opções que você pode escolher: adicionar overflow-wrap: quebra-palavra; no seu CSS ou reduza o comprimento do URL com o url_shorten () Tag de modelo.

    Desde a: 1.2.0

    Exemplo:

     $ link = get_the_permalink (); $ url_text = url_shorten ($ link); // por exemplo. www.hongkiat.com/blog/css… echo ''. $ url_text. ''; 
    Adicionar scripts inline

    Nós sempre usamos o wp_enqueue_script para registrar, carregue um script e suas dependências. Carregando um script interno no entanto, não foi muito simples, até que esta tag de modelo, wp_add_inline_script é introduzido.

    Adicionar um script in-line requer um script de enfileiramento conhecido ao qual ele será anexado. este manipulador é passado como o primeiro parâmetro do script semelhante ao wp_localize_script () função. O segundo parâmetro deve passar o conteúdo do script. Os terceiros parâmetros especificam se o inline deve ser produzido 'antes' ou 'depois' .

    Desde a: 4.5.0

    Exemplo:

     função enqueue_script () wp_enqueue_script ( 'twentysixteen-script', get_template_directory_uri () '/js/functions.js', de matriz ( 'jquery'), '20160412', verdadeiro.); wp_add_inline_script ( 'twentysixteen-script', 'window.hkdc = ', 'antes');  add_action ('wp_enqueue_scripts', 'enqueue_script'); // Output: //  //  
    Idioma suspenso

    o wp_dropdown_languages A Tag de modelo gerará uma opção HTML mostrando uma lista de idiomas no seu site WordPress. Você encontrará essa tag de modelo útil se precisar localizar seu website. Você pode usá-lo para mostrar suas opções de idioma no Editor do usuário tela ou no front-end de seu site para permitir que os usuários selecionem sua preferência de idioma.

    Desde a: 4.0.0

    Exemplo:

     wp_dropdown_languages ​​(array ( 'id' => 'lang_options', 'nome' => 'lang_options', 'línguas' => get_available_languages ​​(), 'traduções' => array ( 'id_ID', 'ja'), // Indonésia e Japão 'selecionado' => 'en_US', 'show_available_translations' => false,)); 
    Obtenha o URL da imagem do Avatar

    Como o nome sugere, esta Tag de modelo, get_avatar_url (), irá recuperar o caminho da imagem do avatar do usuário. Ele permite que você exiba e molde o avatar da maneira que preferir, em vez de simplesmente exibi-lo por meio da tag de imagem HTML.

    Desde a: 4.2.0

    Exemplo:

    $ avatar = get_avatar_url ('[email protected]'); 
    Obter tema

    Esta função recupera um objeto contendo informações do tema atualmente ativo. Esta informação inclui o tema Slug, Nome, Versão, Domínio de Texto, Autor, etc.

    No trecho de código a seguir, nós o usamos para recuperar a versão e passá-la como a versão do script.

    Desde a: 3.4.0

    Exemplo:

    $ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Name')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 load_scripts função () wp_enqueue_script ( 'roteiro-ie', $ templateuri .'js / ie.js', de matriz ( "jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'condicional', 'lt IE 9');  add_action ('wp_enqueue_scripts', 'load_scripts');