como adicionar a versão do style.css no wordpress

Como adicionar a versão do style.cssWordPress, como abaixo, eu posso fazer no Joomla.

<link rel="stylesheet" href="/templates/example/css/style.css?v=1.2">

Eu sei que o style.cssirá carregar dinamicamente. por favor me ajude a como fazer isso.

O número da versão é um parâmetro de wp_enqueue_style().

De acordo com o Codex, aqui estão todos os parâmetros que wp_enqueue_styleaceitam.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

Por exemplo, para carregar uma folha de estilo com um número de versão, você faria o seguinte:

function wpa_90820() {
    wp_enqueue_style('my-styles', get_stylesheet_directory_uri() .'/my-styles.css', array(), '1.0' );       
}

add_action('wp_enqueue_scripts', 'wpa_90820');

Em vez de conectar a versão com hardware, você pode achar melhor, em alguns casos, fazer a versão dinâmica de sua folha de estilo; assim, sempre que você a altera, ela muda e atualiza automaticamente o cache do navegador imediatamente sem ter que editar suas funções.php repetidamente.

Você pode usar filemtime () para fazer isso. Aqui está como fazer isso em um estilo filho que faz referência ao parent_style

    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), filemtime( get_stylesheet_directory() . '/style.css' )  );

Se você é um desenvolvedor de temas, pode forçar a recarga de seus ativos ao enviar uma nova versão.

Portanto, a versão de um tema é feita em style.css

/*
    Theme Name: Your Theme Name
    Version: 1.0.2
*/

Na parte superior do seu functions.php:

$theme = wp_get_theme();
define('THEME_VERSION', $theme->Version); //gets version written in your style.css

Posteriormente, quando você enfileirar CSS ou JS, use THEME_VERSIONcomo quarto argumento:

function theme_styles()
{
    wp_enqueue_style('main', get_template_directory_uri().'/css/main.css', [], THEME_VERSION, 'all');
}
add_action('wp_enqueue_scripts', 'theme_styles'); 

Será exibida na página:

.../your-theme-name/css/main.css?ver=1.0.2 

É útil quando você tem mais ativos para se preocupar e não deseja alterá-los manualmente.

Você pode conseguir isso usando uma das seguintes maneiras:

1) Adicione a seguinte tag no arquivo header.php do tema.

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>'?v=1.2" type="text/css" media="all" />

2) Adicione o seguinte código no arquivo functions.php do tema.

function theme_styles()  
{ 
  // Register the style like this for a theme:  
  // (First the unique name for the style (custom-style) then the src, 
  // then dependencies and ver no. and media type)
  wp_enqueue_style( 'style-css', get_template_directory_uri() . '/style.css', array(), '1.2', 'all' );
}
add_action('wp_enqueue_scripts', 'theme_styles');

Para mais informações, consulte esta página.

a melhor maneira de carregar css no seu tema wordpress é o seguinte código no seu arquivo functions.php:

function theme_styles()  
{ 
  global $ver_num; // define global variable for the version number
  $ver_num = mt_rand() // on each call/load of the style the $ver_num will get different value
  wp_enqueue_style( 'style-css', get_template_directory_uri() . '/style.css', array(), $ver_num, 'all' );
}
add_action('wp_enqueue_scripts', 'theme_styles');

Este é o caminho certo para carregar os estilos no seu tema e também é o melhor para fins de teste / teste, pois cada atualização fornecerá a versão atualizada do estilo.

Se você deseja evitar o carregamento da 1ª maneira, pode usar esta versão em curto e colocar a seguinte linha no arquivo header.php e obterá o mesmo resultado:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?ver=' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" media="screen, projection" />

Felicidades

Tente o seguinte:

Adicione isso ao functions.php

function autoVer($filename){
    $url = get_template_directory_uri() . $filename;
    $file = get_template_directory() . $filename;
    if ( file_exists($file)) {
        return $url . '?v=' .md5(date("FLdHis", filectime($file)) . filesize($file));
    }
    clearstatcache();
}

Adicione isso ao cabeçalho ou rodapé -> autoVer ('/ js / main.js');

Ao contrário dos métodos apresentados até agora, acredito que seja melhor usar o número da versão que aparece na parte superior do seu arquivo style.css:

// style.css
/**
Theme Name: My theme
...
Version: 1.2.3
...
**/

Para usar a versão do tema em seu css, adicione o seguinte ao script functions.php (ou equivalente):

<?php

wp_enqueue_style(
    'my-theme',
    get_stylesheet_directory_uri() . '/style.css',
    [],
    wp_get_theme()->get('Version')
);

Isso significa que, depois de editar seu arquivo style.css, tudo o que você precisa fazer é alterar o número da versão na parte superior do mesmo arquivo para ver as alterações no front-end.

Se você examinar a seção principal do HTML do tema, verá o seguinte:

<link rel='stylesheet'
    id='my-theme-css'
    href='... style.css?ver=1.2.3'
    type='text/css'
    media='all'
/>

Essa é uma maneira bem simples de obter o número da versão chamando a função bloginfo($show) duas vezes. Primeiro para a folha de estilo e depois para o número da versão.

<link rel="stylesheet" id="style-css" href="<?php bloginfo('stylesheet_url'); ?>?ver=<?php bloginfo('version'); ?>" type="text/css" media="all" />

É tudo o que há para isso. Espero que ajude ou seja útil. Você pode percorrer todos os parâmetros disponíveis e ver o que pode gerar com a bloginfo()função.

Ignore meu comentário, já que o @Ravs apontou meu erro em relação ao parâmetro 'versions' da função bloginfo (). De fato, imprime o número da versão do Wordpress.