Title: Studio Noir Custom Page Styles Author: Masaki (studioNoiR) Published: 6 de enero de 2026 Last modified: 20 de marzo de 2026 --- Buscar plugins ![](https://s.w.org/plugins/geopattern-icon/studio-noir-page-styles.svg) # Studio Noir Custom Page Styles Por [Masaki (studioNoiR)](https://profiles.wordpress.org/studionoir/) [Descargar](https://downloads.wordpress.org/plugin/studio-noir-page-styles.2.0.1.zip) * [Detalles](https://es.wordpress.org/plugins/studio-noir-page-styles/#description) * [Valoraciones](https://es.wordpress.org/plugins/studio-noir-page-styles/#reviews) * [Instalación](https://es.wordpress.org/plugins/studio-noir-page-styles/#installation) * [Desarrollo](https://es.wordpress.org/plugins/studio-noir-page-styles/#developers) [Soporte](https://wordpress.org/support/plugin/studio-noir-page-styles/) ## Descripción Tired of copy-pasting the same CSS across multiple pages? Studio Noir Custom Page Styles lets you write a style once and reuse it on any page — no duplicates, no maintenance headaches. #### Key Features * Write custom CSS directly in the page/post editor * **Upload CSS and JavaScript files** * **Select unlimited existing styles with drag & drop reordering** * Choose header or footer loading for JavaScript files * Automatically generates CSS files for better performance * Choose which post types to enable * Secure and WordPress coding standards compliant #### Perfect For * Adding unique designs to landing pages * Customizing individual blog posts with external libraries * Managing page-specific styles without bloating your main stylesheet * Reusing common style patterns across multiple pages * Adding JavaScript effects and animations to specific pages #### How It Works 1. Edit any page or post 2. Find the «Custom Page Styles» meta box 3. Upload CSS/JS files, select existing styles, or write custom CSS 4. Reorder styles by drag & drop to control load order 5. Publish and see your styles in action! #### Load Order Styles are loaded in the following order for maximum flexibility: 1. Selected styles (base templates) 2. Uploaded files (libraries and frameworks) 3. Direct CSS (final adjustments and overrides) ### Support Development If you find this plugin helpful, consider supporting its development: ☕ [Buy me a coffee on Ko-fi](https://ko-fi.com/studio_noir) Your support helps me continue creating free, open-source WordPress plugins! ## Capturas [⌊Custom Page Styles meta box — file upload, inline CSS editor, and Save/Sync to Library buttons⌉⌊Custom Page Styles meta box — file upload, inline CSS editor, and Save/Sync to Library buttons⌉[ Custom Page Styles meta box — file upload, inline CSS editor, and Save/Sync to Library buttons [⌊Sync to Library dialog — overwrite existing style or save as new style⌉⌊Sync to Library dialog — overwrite existing style or save as new style⌉[ Sync to Library dialog — overwrite existing style or save as new style [⌊Settings page — choose which post types have the meta box enabled⌉⌊Settings page— choose which post types have the meta box enabled⌉[ Settings page — choose which post types have the meta box enabled [⌊Style Library list — manage reusable styles as named entries⌉⌊Style Library list— manage reusable styles as named entries⌉[ Style Library list — manage reusable styles as named entries ## Instalación #### Automatic Installation 1. Go to Plugins > Add New 2. Search for «Studio Noir Custom Page Styles» 3. Click «Install Now» 4. Activate the plugin #### Manual Installation 1. Download the plugin zip file 2. Go to Plugins > Add New > Upload Plugin 3. Choose the downloaded file and click «Install Now» 4. Activate the plugin #### After Activation 1. Go to Settings > Custom Page Styles 2. Select which post types you want to enable 3. Edit any page/post and find the «Custom Page Styles» meta box 4. Start adding custom styles! ## FAQ ### Can I use this on custom post types? Yes! Go to Settings > Custom Page Styles and select which post types you want to enable. ### Will this work with my theme? Yes, Studio Noir Custom Page Styles works with any WordPress theme. ### How many styles can I apply to one page? Unlimited! You can select as many existing styles as you need, upload multiple CSS/ JS files, and add custom CSS – all on the same page. ### Can I control the order styles are loaded? Yes! Use drag & drop to reorder selected styles. The order you set determines the load order. ### What file types can I upload? CSS (.css) and JavaScript (.js) files only. Maximum file size is 5MB per file. ### Where should JavaScript files be loaded? You can choose header or footer for each JS file. Footer is recommended for most cases (default). ### Where are the uploaded files stored? Uploaded files are stored in `/wp-content/uploads/sn-cps-styles/{post_id}/` to keep files organized by post. ### Does this affect site performance? No, CSS is generated as separate files and only loaded on the relevant pages, which is better for performance than inline styles. ### Can I use this with page builders? Yes, Studio Noir Custom Page Styles works alongside page builders like Elementor, Gutenberg, and the Classic Editor. ### What if the meta box doesn’t appear? 1. Make sure the plugin is activated 2. Check that the post type is enabled in Settings > Custom Page Styles 3. Click «Screen Options» at the top of the editor and make sure «Custom Page Styles» is checked ## Reseñas No hay valoraciones para este plugin. ## Colaboradores y desarrolladores «Studio Noir Custom Page Styles» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ Masaki (studioNoiR) ](https://profiles.wordpress.org/studionoir/) [Traduce «Studio Noir Custom Page Styles» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/studio-noir-page-styles) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/studio-noir-page-styles/), echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/studio-noir-page-styles/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/studio-noir-page-styles/) por [RSS](https://plugins.trac.wordpress.org/log/studio-noir-page-styles/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 2.0.1 * FIX: Save to Library and Sync to Library now correctly use the current textarea CSS instead of the stale database value * FIX: Syncing to Library no longer clears the Library entry’s CSS when the post had not been saved first #### 2.0.0 * NEW: Style Library — manage reusable CSS as independent entries (Custom Post Type) * NEW: «Save to Library» button — register a page’s CSS as a named reusable style * NEW: «Sync to Library» button — overwrite or fork an existing Library entry * NEW: Automatic migration from v1.x data to Style Library entries * NEW: Migration error notice with Retry / Dismiss actions * NEW: Trash warning when a page with unregistered CSS is moved to trash * IMPROVED: Style selector now uses Library entry names instead of page titles * IMPROVED: Library entry deletion cleans up CSS files, uploaded files, and page references * IMPROVED: Uninstall routine now removes all v2.0 data (CPT, meta keys, options) #### 1.1.1 * SECURITY: Enhanced path traversal protection in ajax_remove_file() * SECURITY: Added MIME type validation using finfo_file() in ajax_upload_file() * FEATURE: Automatic filename conflict resolution (adds -1, -2, etc.) * IMPROVED: File upload security with comprehensive validation #### 1.1.0 * NEW: Unlimited style selection (previously limited to 2) * NEW: Drag & drop reordering for selected styles (ACF-style sortable UI) * NEW: File upload feature for CSS and JavaScript files * NEW: Choose header or footer loading for JavaScript files * NEW: Files organized in post-specific directories * IMPROVED: CSS load order optimization (selected uploaded direct CSS) * IMPROVED: Security enhancements for file uploads (type validation, size limit) * IMPROVED: Better UI with visual feedback and file management #### 1.0.2 * IMPROVED: Style loading priority optimization * Set `wp_enqueue_scripts` hook priority to 20 * Custom CSS now reliably overrides theme styles #### 1.0.1 * SECURITY: Enhanced CSS sanitization (WP_Error support) * SECURITY: Additional dangerous pattern detection * SECURITY: File size limit added (1MB for CSS) * IMPROVED: Better error handling with Transient API * IMPROVED: Path traversal attack prevention #### 1.0.0 * Initial release * Custom CSS per page/post * Reuse existing styles feature * Post type selection * Automatic CSS file generation * Security: SQL injection prevention * Security: CSS sanitization * Security: File path validation ## Meta * Versión **2.0.1** * Última actualización **hace 7 meses** * Instalaciones activas **Menos de 10** * Versión de WordPress ** 5.0 o superior ** * Probado hasta **6.9.10** * Versión de PHP ** 7.4 o superior ** * Idioma * [English (US)](https://wordpress.org/plugins/studio-noir-page-styles/) * Etiquetas: * [css](https://es.wordpress.org/plugins/tags/css/)[custom css](https://es.wordpress.org/plugins/tags/custom-css/) [file upload](https://es.wordpress.org/plugins/tags/file-upload/)[page styles](https://es.wordpress.org/plugins/tags/page-styles/) * [Vista avanzada](https://es.wordpress.org/plugins/studio-noir-page-styles/advanced/) ## Valoraciones Aún no se han enviado valoraciones. [Tu valoración](https://wordpress.org/support/plugin/studio-noir-page-styles/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/studio-noir-page-styles/reviews/) ## Colaboradores * [ Masaki (studioNoiR) ](https://profiles.wordpress.org/studionoir/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/studio-noir-page-styles/)