wordpress-scripts

wordpress-pachet

Package preparation - Separation of all css and js scripts from all wordpress folders:

Generate files end copy wordpress-all - wordpress-pachet/ ├── composer.json ├── wordpress/

a. to composer.json = scripts

{
    "name": "ghepes/wordpress-pachet",
    "description": "Pachet WordPress complet, inclusiv CSS/JS.",
    "type": "project",
    "license": "GPL-2.0-or-later",
    "require": {
        "php": ">=7.4"
    },
    "autoload": {
        "psr-4": {
            "Namespace\\WordPress\\": "wordpress/"
        }
    },
    "scripts": {
        "post-install-cmd": [
            "php copy-assets.php"
        ],
        "post-update-cmd": [
            "php copy-assets.php"
        ]
    }
}

b. Add Folder

assets

c. Add new files

copy-assets.php

post-install-cmd.php

Add all wordpress to wordpress folder

d. To copy-assets.php add scripts

<?php
$sourceDirs = [
    'wordpress/wp-admin', 
    'wordpress/wp-includes', 
    'wordpress/wp-content/plugins', 
    'wordpress/wp-content/themes'
];
$targetDir = 'assets/';

foreach ($sourceDirs as $dir) {
    if (!is_dir($dir)) {
        continue;
    }

    $files = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($dir));
    foreach ($files as $file) {
        if ($file->isFile() && preg_match('/\.(css|js)$/', $file->getFilename())) {
            $relativePath = str_replace($dir . '/', '', $file->getPathname());
            $dest = $targetDir . $relativePath;

            if (!is_dir(dirname($dest))) {
                mkdir(dirname($dest), 0777, true);
            }
            copy($file->getPathname(), $dest);
        }
    }
}

e. To post-install-cmd.php add scripts

<?php
$sourceDirs = ['wp-content/themes', 'wp-content/plugins', 'wp-admin', 'wp-includes'];
$targetDir = 'assets/';

foreach ($sourceDirs as $dir) {
    $files = glob($dir . '/**/*.{css,js}', GLOB_BRACE);
    foreach ($files as $file) {
        $relativePath = str_replace($dir . '/', '', $file);
        $dest = $targetDir . $relativePath;
        if (!is_dir(dirname($dest))) {
            mkdir(dirname($dest), 0777, true);
        }
        copy($file, $dest);
    }
}

f. Bash commands

composer install

g. All css and js files in /assets will be extracted from the wordpress folder

/assets

h. After the final extraction of the css and js scripts, I change the composer entries. And we change to the /assets folder

/assets New Script:

{
    "name": "ghepes/wordpress-scripts",
    "description": "Private package for CSS and JS scripts used in WordPress.",
    "type": "library",
    "license": "proprietary",
    "require": {
        "php": ">=7.4"
    },
    "autoload": {
        "psr-4": {
            "Namespace\\WordPressScripts\\": "assets/"
        }
    }
}

Oder with phpunit

{
    "name": "ghepes/wordpress-scripts",
    "description": "Private package for CSS and JS scripts used in WordPress.",
    "type": "library",
    "license": "proprietary",
    "require": {
        "php": ">=7.4"
    },
    "autoload": {
        "psr-4": {
            "Namespace\\WordPressScripts\\": "assets/"
        }
    },
    "scripts": {
        "test": "vendor/bin/phpunit"
    }
}

i. If you want to change to a private pack, you must add:

"repositories": [
 {
 "type": "vcs",
 "url": "https://github.com/numele-tau/wordpress-scripts"
 }
]

j. Use in WordPress Projects

In another WordPress project, you can add this package as a dependency:

composer requires your-name/wordpress-scripts

1. Sorting and installing css and js: wordpress-pachet/ ├── composer.json # Composer configuration for the project ├── composer.lock # File automatically generated by Composer ├── copy-assets.php # PHP script for copying CSS/JS files ├── post-install-cmd.php # (Optional) Other post-install commands ├── assets/ # Folder for CSS/JS (automatically generated) ├── vendor/ # Dependencies installed automatically by Composer └── wordpress/ # WordPress core, manually included ├── wp-admin/ ├── wp-content/ │ ├── plugins/ │ ├── themes/ ├── wp-includes/ ├── wp-config.php └── alte fișiere WP…

TO

1. After installing and extracting js and css main core wordpress will be removed for security: wordpress-scripts/ ├── composer.json # Composer configuration without wordpress core ├── assets/ # Required CSS/JS files │ ├── custom.js │ ├── style.css └── README.md # Documentation (opțional)

This site is open source. Improve this page.