Simple Custom CSS

Beschreibung

An easy-to-use WordPress Plugin to add custom CSS styles that override Plugin and Theme default styles. This plugin is designed to meet the needs of administrators who would like to add their own CSS to their WordPress website. Styles created with this plugin will render even if the theme is changed.

New in Version 4.0

  • Customizer Control (finally!)
  • Tested for WP version 4.9.4
  • Code linting (error checking) on the settings page

Features

  • Customizer Control
  • Aktiver Plugin-Support
  • Nützliche Code-Syntaxhervorhebung
  • Keine Konfiguration nötig
  • Einfache Benutzeroberfläche, basierend auf WordPress
  • Nahezu kein Einfluss auf die Performance der Website
  • Keine komplizierten Datenbankabfragen
  • Durchgängige Dokumentation
  • Erlaubt Administratorenzugriff bei Multisite

Screenshots

  • The Simple Custom CSS Administration Screen

  • The Simple Custom CSS Customizer Section

Installation

Installiere Simple Custom CSS so wie alle anderen WordPress Plugins:

  1. Lade Simple Custom CSS von WordPress.org herunter.

  2. Entpacke die .zip-Datei.

  3. Lade das Plugin-Verzeichnis (simple-custom-css/) in das Verzeichnis wp-content/plugins hoch.

  4. Gehe zur Plugin Verwaltungsseite und suche in der Liste nach dem frisch hochgeladenen Plugin „Simple Custom CSS“.

  5. Klicke zum Aktivieren des Plugins auf Aktivieren.

  6. Begin using the plugin by going to Appearance > Custom CSS in the Admin Menu, or Appearance > Customize, then click on the „Simple Custom CSS“ section.

Weitere Informationen zum Installieren von Plugins (en.)

FAQ

Installation Instructions

Installiere Simple Custom CSS so wie alle anderen WordPress Plugins:

  1. Lade Simple Custom CSS von WordPress.org herunter.

  2. Entpacke die .zip-Datei.

  3. Lade das Plugin-Verzeichnis (simple-custom-css/) in das Verzeichnis wp-content/plugins hoch.

  4. Gehe zur Plugin Verwaltungsseite und suche in der Liste nach dem frisch hochgeladenen Plugin „Simple Custom CSS“.

  5. Klicke zum Aktivieren des Plugins auf Aktivieren.

  6. Begin using the plugin by going to Appearance > Custom CSS in the Admin Menu, or Appearance > Customize, then click on the „Simple Custom CSS“ section.

Weitere Informationen zum Installieren von Plugins (en.)

Funktioniert dieses Plugin auf meiner WordPress.com-Website?

Tut uns leid, aber dieses Plugin steht nur für die Verwendung auf selbst gehosteten Websites (WordPress.org) zur Verfügung.

Mein benutzerdefiniertes CSS taucht nicht auf

Es gibt eine Reihe von Gründen, warum das passieren könnte:

  • Dein CSS zielt auf den falschen Seelektor ab.

  • Deine CSS-Selektoren sind nicht spezifisch genug.

Zum Beispiel könntest du folgendes haben:

a {
    color: #f00;
}

Während du folgendes brauchst:

\#content a {
    color: #f00;
}

Die Spezifität die du brauchst richtet sich danach, welche CSS-Regeln du überschreiben möchtest.

  • Dein CSS ist nicht zulässig.

Bitte überprüfe Dein CSS mit Hilfe des W3C CSS Validation Service.

Rezensionen

Amazing and Simple Plugin

I use this on almost every website I create. It is simple and works as intended. I much prefer it to WordPress’s built-in CSS processor because it doesn’t add CSS to the head of your document. Often I use it to test styles before adding these to my website’s main CSS sheet.

Increases page loading time

I noticed the injected CSS looks like this https://mysite.com/?sccss=1&ver=VERSION and doesn’t get cached by caching plugins.

This URL is served by PHP, which in my case adds 1 second to my page load time.

Other custom CSS plugins generate a static file which is way faster. Very disappointed by this plugin and I don’t understand how 200k+ sites are running it with this major flaw.

Brilliant

I was sick and tired of having to add custom classes to body tag of posts and pages just so that I could override css in a theme/plugin, css got bloated and a little messy at times and was sick and tired of using the !imortant method.

This plugin just solves the problem as it is the last css loaded so auto override of all theme and plugin css.

And to make things even better, using it in wordpress Customiser is just amazing especially if your doing css for different screen sizes and the changes auto show on the site, click publish and your done.

The only thing missing from this great plugin is the ability to just click on sections of the page when in Customiser and it auto goes to the corresponding css (if any) for the page element clicked (similar to dev tools on chrome).

I use it in conjunction with „Viewport Resizer“ to see what it looks like on different screen sizes and chrome developer tools to select the elements on the page so you know what the ID’s and classes are for the element you want to change.

being able to select elements in customiser view would be a massive improvement on this great plugin.

Thanks for all the hard work

Kind regards

Wayne

A Must Have!

If you have a WordPress site and your going to be making tweaks to the design or layout of your site from themes to plugins YOU NEED THIS, forget about needing sub-themes and hard coding the changes you want to make, unless its a massive change this will do everything you need! I love it!

Lies alle 137 Rezensionen

Mitwirkende & Entwickler

„Simple Custom CSS“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Simple Custom CSS“ wurde in 17 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Simple Custom CSS“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

4.0.1

  • Fixed bug with broken editor styles on older versions of WP.

4.0

  • New Customizer Control (still compatible with older WP versions)
  • Added colors and linting to the Settings Page
  • Updated hooks to replace hyphens with underscores
  • Tested for WPCS compliance
  • Tested for compatibility with WP version 4.9.4

3.3

  • Unterstützung für https:// hinzugefügt
  • Basis für Unterstützung von Dänisch hinzugefügt. Danke @ThomasDK81!
  • Auf Kompatibilität mit WP Version 4.4.1 getestet

3.2

  • Kompatibiltät mit WordPress 4.1 geprüft
  • Verbesserte Architektur, um die Anzahl von Datenbankabfragen zu verringern (Danke, @dvankooten!)

3.0.1

  • Kompatibilität mit WordPress 3.9.1 geprüft
  • Button „Aktualisiere CSS“ in der Sidebar hinzugefügt

3.0

  • Syntaxhervorhebung hinzugefügt
  • Erfordernis für eine Checkbox „Erlaube Anführungszeichen“ entfernt
  • Text für Zurechnung des Plugins entfernt
  • Erlaube Administratoren-Zugriff bei Multisite
  • Geringfügige Stil-Änderungen. Danke @kucrut!

2.5

  • Fehler bei WordPress-Installationen in Unterverzeichnissen behoben. Danke @lopo!
  • Kompatibilität mit WordPress 3.8.1 geprüft

2.0

  • Einstellung hinzugefügt, um doppelte Anführungsstriche in CSS zu erlauben
  • Kompatibilität mit WordPress 3.8 geprüft

1.2.1

  • Kompatibilität mit WordPress 3.7.1 geprüft
  • Code-Aktualisierung, um eine volle Übereinstimmung mit den Programmierstandards von WordPress zu erzielen.

1.2

  • Ermöglicht Administratoren (nicht nur Super-Admins) Zugriff auf das Plugin
  • Korrigiert Fehler bei Anerkennungen
  • Geringfügige Fehlerbehebung

1.1.1

  • Erlaubt die Verwendung des Selektors „>“ direkter Nachfolger.

1.1

  • Unnötiges verstecktes Eingabefeld entfernt
  • Action Hooks hinzugefügt
  • Aufräumarbeiten bei Löschen des Plugins hinzugefügt
  • Option für Anerkennung des Autors hinzugefügt
  • Elegantere Methode zum Hinzufügen von CSS zur Seite hinzugefügt:

Anstelle mit print_scripts das CSS direkt in den HEAD-Bereich einzufügen, werden innerhalb der simple-custom-css.php (der einzigen Datei dieses Plugins) CSS-Regeln erzeugt und anschließend per wp_enqueu_scripts hinzugefügt, womit sie nun im HEAD folgendermaßen auftauchen:

    <link rel="stylesheet" href="http://yoursite.com/?sccss=1" />

… auch wenn eigentlich keine CSS-Datei erzeugt wurde. Bitte schau dir für detailliertere Informationen die Kommentare in der Plugin-Datei an.

1.0

  • Erste Version