Wie füge ich eine Version von style.css in WordPress hinzu

Die Versionsnummeristein Parameter von wp_enqueue_style() .

Gemäß Codex sind hier alle Parameter aufgeführt,die wp_enqueue_style akzeptiert.

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

Umbeispielsweiseein Stylesheetmit einer Versionsnummer zu laden,gehen Sie wiefolgt vor:

 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');
 

Version number is a parameter of wp_enqueue_style().

As per the Codex, here are all the parameters that wp_enqueue_style accepts.

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

So for example to load a stylesheet with a version number you'd do the following:

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');

Anstatt die Versionfest zu verdrahten,istesin einigen Fällenmöglicherweisebesser,Ihr Stylesheet dynamisch zu versionieren. Wenn Siees ändern,wird der Browser-Cache automatisch sofortgeändert und aktualisiert,ohne dass Sie Ihrefunctions.phpimmer wiederbearbeitenmüssen.

Sie können dazufilemtime () verwenden.Hiererfahren Sie,wie Sie diesin einem untergeordneten Stiltun,der auf den übergeordneten Stil

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

Instead of hardwiring the version, you might find it better in some instances to dynamically version your stylesheet so whenever you change it, it automatically changes and refreshes the browser cache immediately without having to edit your functions.php over and over again.

You can use filemtime() to do that. Here is how to do that in a child-style that references the parent_style

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

Wenn Sieein Theme-Entwickler sind,möchten Siemöglicherweise das Neuladen Ihrer Assetserzwingen,wenn Sieeine neue Version veröffentlichen.

Die Versionierungeines Themaserfolgt alsoin style.css

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

Obenin Ihrer functions.php:

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

Wenn Sie später CSS oder JSin die Warteschlange stellen,verwenden Sie THEME_VERSION als viertes Argument:

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

Wird auf der Seite ausgegeben:

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

Istpraktisch,wenn Siemehr Assetsbenötigen und diesenichtmanuell ändernmöchten.

If you are a theme developer, you might want to force reload of your assets when you push new version.

So versioning of a theme is done in style.css

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

At the top of your functions.php:

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

Later when you enqueue CSS or JS, use THEME_VERSION as fourth argument:

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

Will output to the page:

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

Gets handy when you have more assets to care about and don't want to change them manually.

Sie können dies aufeine derfolgenden Artenerreichen:

1) Fügen Sie dasfolgende Tagin die Datei header.php des Themasein.

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

2) Fügen Sie denfolgenden Codein die Dateifunctions.php des Themasein.

 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');
 

Weitere Informationenfinden Sie unter dieser Seite.

You can achieve this using one of the following ways :

1) Add following tag in header.php file of the theme.

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

2) Add following code in functions.php file of the theme.

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');

For more information see this page.

Derbeste Weg,um CSSin Ihr WordPress-Theme zu laden,ist derfolgende Codein Ihrer Dateifunctions.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');
 

Diesist der richtige Weg,um die Stilein Ihr Thema zu laden,und auch derbestefür Staging-/Testzwecke,dajede Aktualisierung die aktualisierte Version des Stils liefert.

Wenn Sie das Laden auf dieerste Weise vermeidenmöchten,können Sie diese kurzgeschlossene Version verwenden und diefolgende Zeilein Ihre Datei header.phpeinfügen,um dasgleiche Ergebnis zuerhalten:

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

Prost

the best way to load css into your wordpress theme is the following code in your functions.php file:

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');

This is the right way to load the styles in your theme and also it's the best for staging/testing purposes because each refresh will deliver the updated version of the style.

If you want to avoid the loading 1st way, you can use this shorted version and place the following line into your header.php file and will get the same result:

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

Cheers

Versuchen Sie Folgendes:

Fügen Sie dies zufunctions.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();
}
 

Fügen Sie dies der Kopf- oder Fußzeile hinzu -> autoVer ('/js/main.js');

Try this:

Add this to 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();
}

Add this to the header or footer -> autoVer('/js/main.js');

Im Gegensatz zu denbisher vorgestellten Methodenistesmeiner Meinungnachbesser,die Versionsnummer zu verwenden,die obenin Ihrer style.css-Datei angezeigt wird:

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

Um die Version des Themasin Ihrem CSS zu verwenden,fügen Sie Ihrem Skriptfunctions.php (odereinem gleichwertigen Skript) Folgendes hinzu:

 <?php

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

Diesbedeutet,dass Sienach dem Bearbeiten Ihrer style.css-Datei lediglich die Versionsnummer obenin derselben Datei ändernmüssen,um die Änderungenim Frontend anzuzeigen.

Wenn Sie den Kopfabschnitt des HTML-Codes des Themas untersuchen,sehen Sie Folgendes:

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

Contrary to the methods presented so far, I believe it is better to use the version number which appears at the top of your style.css file:

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

To use the theme's version in your css, add the following to your functions.php (or equivalent) script:

<?php

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

This means that, after you edit your style.css file, all you need to do is to change the version number at the top of the same file to see the changes in the frontend.

If you examine the head section of the theme's HTML you will see the following:

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

Eine andere Lösung,wenn Sieesnochnicht herausfinden können,besteht darin,den Dateinamen der Datei style.css Ihres untergeordneten Themasin beispielsweise style2.css zu ändern undihn dann wiegezeigtin der Dateifunctions.php Ihres untergeordneten Themas zu ändernunten:

 wp_enqueue_style( 'style', get_stylesheet_directory_uri() .'/style2.css' );
 

Dadurchfordert Wordpresseine neue CSS-Dateifür Ihre Website an und stellt siebereit.

Another solution if you can't figure it out yet, it's to change the filename of your child theme's style.css to, for example, style2.css and then change it on your child theme's functions.php file, as shown below:

wp_enqueue_style( 'style', get_stylesheet_directory_uri() .'/style2.css' );

This will cause Wordpress to request and serve a new CSS file for your website.

Auf diese Weise können Sie die Versionsnummerganzeinfach abrufen,indem Sie die -Funktion bloginfo($show) zweimal.Erstensfür das Stylesheet und zweitensfür die Versionsnummer.

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

Dasist alles,was dazugehört.Hoffe das hilft oderistnützlich.Sie können alle verfügbaren Parameter durchgehen und sehen,was Siemit der Funktion bloginfo() ausgeben können.

Ignorieremeinen Kommentar,da @Ravs aufmeinen Fehlerbezüglich des Parameters 'Versionen'für die Funktionbloginfo () hingewiesen hat.Es wirdtatsächlich die Wordpress-Versionsnummergedruckt.

This is pretty straight up way of getting the version number by calling the function bloginfo($show) twice. First for the stylesheet and secondly for the version number.

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

Thats all there is to it. Hope that helps or is useful. You can go through all the parameters available and see what you can output with the bloginfo() function.

Ignore my comment since @Ravs has pointed out my error regarding the 'versions' parameter for the bloginfo() function. It does indeed print the Wordpress version number.