php - Save Custom CSS file in the upload folder dynamically?

admin管理员组

文章数量:1277896

When we customize a theme in WordPress in custom CSS, so it creates backend custom CSS file and I have to do these tasks which I cant understand openly:

1. To save this CSS in a file in the upload folder dynamically.
2. And render the custom CSS from the file. (that was just generated dynamically in 1st step above.)
3. Remove it from the HTML head section. Otherwise, the custom CSS will be rendered twice. Can anybody help?

When we customize a theme in WordPress in custom CSS, so it creates backend custom CSS file and I have to do these tasks which I cant understand openly:

1. To save this CSS in a file in the upload folder dynamically.
2. And render the custom CSS from the file. (that was just generated dynamically in 1st step above.)
3. Remove it from the HTML head section. Otherwise, the custom CSS will be rendered twice. Can anybody help?

• php
• theme-development
• themes

Share Improve this question asked Aug 1, 2021 at 15:46 WardaWarda 10555 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

Please use this method:

// Lets create some test CSS code
$css = '/* Some test CSS */ body {background:red;}';

// Stash CSS in uploads directory
require_once( ABSPATH . 'wp-admin/includes/file.php' ); // We will probably need to load this file
global $wp_filesystem;
$upload_dir = wp_upload_dir(); // Grab uploads folder array
$dir = trailingslashit( $upload_dir['basedir'] ) . 'some-folder/'; // Set storage directory path

WP_Filesystem(); // Initial WP file system
$wp_filesystem->mkdir( $dir ); // Make a new folder for storing our file
$wp_filesystem->put_contents( $dir . 'style.css', $css, 0644 ); // Finally, store the file :D

本文标签： phpSave Custom CSS file in the upload folder dynamically