Simple Custom CSS

Kuvaus

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.4 **
– Tested for WP version 5.4.1

Ominaisuudet

  • Customizer Control (live preview)
  • Hyödyllinen syntaksinkorostus.
  • Code linting (error checking)
  • Ei määritettäviä asetuksia.
  • Simple interface built on native WordPress UI
  • Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
  • Supports PHP 7.2
  • Ei monimutkaisia tietokantakyselyitä.
  • Kattavasti dokumentoitu.
  • Allows Administrator access on WP Networks (Multisite)

Kuvankaappaukset

  • The Simple Custom CSS Administration Screen

  • The Simple Custom CSS Customizer Section

Asennus

Asenna Simple Custom CSS samoin kuin asentaisit minkä tahansa WP-lisäosan.

  1. Lataa Simple Custom CSS WordPress.org-sivuilta.

  2. Pura .zip-tiedosto.

  3. Siirrä lisäosan kansio (simple-custom-css/) wp-content/plugins-kansioon.

  4. Avaa Asennetut lisäosat -luettelo ja etsi luettelosta juuri lataamasi lisäosa, ”Simple Custom CSS”.

  5. Klikkaa ”Ota käyttöön”-linkkiä kun haluat ottaa lisäosan käyttöön.

  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.

Ohjeita lisäosien asentamiseen

UKK

Toimiiko tämä lisäosa WordPress.com-sivuillani?

Valitettavasti tätä lisäosaa voi käyttää vain itse ylläpidettävillä (WordPress.org) sivustoilla.

Mukautettu CSS:ni ei näytä toimivan.

Tähän voi olla useita syitä:

  • CSS:si kohdistuu väärään valitsimeen.

  • CSS-valitsimesi eivät ole riittävän yksilöiviä.

CSS-koodisi voi esimerkiksi näyttää tältä:

a {
    color: #f00;
}

Kun oikea muoto olisi:

\#content a {
    color: #f00;
}

Tarvittava tarkkuus riippuu siitä, mitä CSS-sääntöjä yrität ylikirjoittaa.

  • CSS:si ei ole kelvollista.

Tarkista CSS-koodisi W3C CSS Validation Service-palvelun avulla.

Arvostelut

17.5.2020
با این افزونه به راحتی می‌توانید هر استایلی که می‌خواهید را به سایتتان اضافه کنید. به شدت توصیه می‌کنم استفاده کنید.
7.5.2020
Hola, Gracias por este plugin. Está GENIAL. Muy bueno al menos para lo que yo lo uso, que es bastante simple. De momento, no me ha dado problemas ni conflitos. No soy experto en CSS, pero este plugin me funciona. Espero siga mejorando. Yoe
19.2.2020
Indispensable. I can add custom css from the WP root admin panel. But memo to the developers: you mark mediaqueries with red x's. This doesn't affect performance, but please, it's long past time to fix this.
21.6.2019
Warning to any one using this plugin: This plugin has been around for years at yet still loads CSS in the most inefficient way, serving the CSS using a dynamic non-cacheable request on every page. This will not only affect the first page visited but will delay the render of every subsequent page visited. My advice would be to remove this plugin and use the default WordPress CSS editor, under the appearance > customize tab. There's simply no reason to use this plugin.
28.5.2019
Simple, lightweight and perfect. It's the first plugin I add to all my sites. Has a decent sized viewer, unlike the css option in customizer that comes with some themes. Zero problems with this plugin.
Lue kaikki 150 arvostelua.

Avustajat & Kehittäjät

“Simple Custom CSS” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen.

Avustajat

“Simple Custom CSS” has been translated into 28 locales. Kiitoksia kääntäjille heidän työstään.

Käännä “Simple Custom CSS” omalle kielellesi.

Oletko kiinnostunut kehitystyöstä?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Muutosloki

4.0.3

  • Tested for compatibility with WP version 5.3

4.0.2

  • Use WP’s CodeMirror on settings page
  • Tested for compatibility with WP version 5.1.1
  • Tested for compatibility with PHP version 7.2

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

  • Lisätty https-tuki.
  • Lisätty perustuki tanskan kielelle. Kiitos, @ThomasDK81!
  • Testattu yhteensopivuus WP-version 4.4.1 kanssa.

3.2

  • Testattu yhteensopivuus WP 4.1:n kanssa.
  • Parannettu arkkitehtuuria, jotta kyselyiden määrä saadaan pienemmäksi. (Kiitos, @dvankooten!)

3.0.1

  • Testattu yhteensopivuus WP 3.5.1:n kanssa.
  • Lisätty sivupalkkiin ”Päivitä mukautettu CSS”-painike.

3.0

  • Lisätty syntaksinkorostus.
  • Tehty ”Salli lainausmerkit”-valintaruutu tarpeettomaksi.
  • Poistettu teksti, jossa mainitaan lisäosan tekijät.
  • Tehty hallinnointi mahdolliseksi myös multisite-tyyppisissä sivustoissa.
  • Pienehköjä ulkoasumuutoksia. Kiitos, @kucrut!

2.5

  • Korjattu virhe, joka liittyi alihakemistoihin tehtäviin WP-asennuksiin. Kiitos, @lopo!
  • Testattu yhteensopivuus WP 3.8.1:n kanssa.

2.0

  • Tehty mahdolliseksi kokolainausmerkkien käyttäminen CSS-koodissa.
  • Testattu yhteensopivuus WP 3.8:n kanssa.

1.2.1

  • Testattu yhteensopivuus WP 3.7.1:n kanssa.
  • Code update to conform fully with WP coding standards

1.2

  • Asetettu lisäosa pääkäyttäjien (ei vain järjestelmänvalvojien) käyttöön.
  • Korjattu tunnustuksissa ollut virhe.
  • Pieniä virheenkorjauksia.

1.1.1

  • ”>” suora lapsivalitsin sallituksi.

1.1

  • Poistettu piilotekstit tarpeettomina.
  • Lisätty toimintokutsuja.
  • Lisätty koodin siivous CSS:n poistotoimintoon.
  • Lisätty mahdollisuus mainita lisäosan tekijät.
  • Lisätty tyylikkäämpi tapa CSS:n lisäämiseen sivulle:

Instead of using print_scripts() to insert the CSS directly into the HEAD, CSS styles are generated within simple-custom-css.php, then added via wp_enqueue_scripts, so now it will appear in the HEAD as:

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

…vaikka mitään css-tiedostoa ei todellisuudessa luodakaan. Tarkempia tietoja löydät lisäosatiedoston sisältämistä kommenteista.

1.0

  • Initial Release