SiteOrigin CSS

Description

SiteOrigin CSS est un simple, mais puissant, éditeur CSS pour WordPress. Il vous donne les contrôles visuels qui vous permettent de modifier l’apparence de votre site en temps réel.

Nous avons créé une expérience d’édition de site qui conviendra tant aux débutants qu’aux utilisateurs avancés. Les débutants apprécieront les contrôles visuels simples et la prévisualisation en temps réel. Les utilisateurs avancés apprécieront l’auto-complétion de code qui rend l’écriture CSS plus rapide que jamais.

Inspecteur

La partie la plus difficile de l’édition de l’aspect de votre site en utilisant CSS est habituellement de trouver le sélecteur correct. Le puissant inspecteur qui est livré avec SiteOrigin CSS rend cela facile. Lors de l’affichage d’un aperçu complet de votre site, il suffit de cliquer sur un élément et il va vous aider à identifier la meilleure sélection à utiliser pour cibler cet élément.

L’inspecteur va vous aider même si vous n’avez aucune idée de ce qu’est un sélecteur CSS.

Éditeur visuel

Vous n’aimez pas jouer avec le code ? Pas de problème. SiteOrigin CSS a un ensemble de commandes simples qui facilite le choix des couleurs, des styles et des dimensions. Combiné avec l’inspecteur, vous serez en mesure de faire des changements en seulement quelques clics.

Éditeur CSS

SiteOrigin CSS possède un éditeur de CSS puissant, du type de ceux que l’on trouve habituellement dans les IDE haut de gamme. Il est doté de l’auto-complétion pour les sélecteurs CSS et les attributs. Il dispose également d’un contrôleur CSS très utile qui va vous aider à identifier les problèmes dans votre code avant de publier vos modifications.

C’est gratuit

Nous nous sommes engagés à maintenir SiteOrigin CSS, gratuit. Vous pouvez l’installer sur autant de sites que vous le souhaitez sans jamais vous soucier de licences. Toutes les futures mises à jour et mises à niveau seront libres, et nous offrons même un support technique gratuit sur nos forums.

Compatibles avec tous les thèmes

Il y a une collection toujours croissante de superbes thèmes pour WordPress, et maintenant avec SiteOrigin CSS vous pouvez modifier chacun d’entre eux au sein de votre contenu. Peu importe le thème que vous utilisez, SiteOrigin CSS fonctionne parfaitement.

En développement constant

Nous améliorons constamment SiteOrigin CSS. Suivez l’évolution de son développement sur GitHub.

Documentation

La Documentation est disponible sur SiteOrigin.

Support

Nous proposons un support gratuit sur les Forums de support de SiteOrigin.

Captures d’écran

  • Inspecteur destiné à localiser les éléments de votre site
  • Des commandes visuelles simples, incluant la possibilité de télécharger une image d’arrière-plan.
  • Un éditeur CSS complet qui fonctionne en temps réel avec aperçu de votre site.
  • Complétion de code pour tous les sélecteurs de votre thème.

Installation

  1. Téléchargez et installez SiteOrigin de la même façon que vous installeriez n’importe quelle autre extension.
  2. Lisez la documentation sur SiteOrigin.

Avis

4 mars 2019
I use this plugin on every site to build CSS visual effects very easily, thanks to the visual builder. Once my website is finished, I copy/paste the CSS code in the style.css sheet then delete the plugin. That's why I love it, I can use it, then delete it for a less heavy website. A must have.
17 février 2019
That pluing is really good for the ones who are starting and don't that much how to code, or even, the ones who know it and like a little less work to do.
12 février 2019
Extremely useful! I know nothing of CSS and every small change was a pain without this. The plugin allows to identify what to change super easily; you can then either change it visually or handwriting css.
30 janvier 2019
First of all, thank you for creating this plugin. I like it, but I miss some features. Is it possible to add them to your plugin? 1. custom width of the sidebar-editor (it's to narrow) 2. Multiple CSS Files (and css-bundler) 3. CSS minifier Additional infos: The editor doesn't know the CSS-Style "background-position-x" and "background-position-y". (Unknown Property "...") Regards
Lire les 128 avis

Contributeurs & développeurs

« SiteOrigin CSS » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“SiteOrigin CSS” a été traduit dans 4 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « SiteOrigin CSS » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

1.2.4 – 17 January 2019

  • Prefix so-css for all codemirror assets.
  • Prevent JS error when attempting to set active element to null.

1.2.3 – 25 June 2018

  • Add preview iframe ‘load’ event listener in render function.
  • Reverted change to stylesheet hook.

1.2.2 – 16 June 2018

  • Suppression de la référence à une vue inexistante.

1.2.1 – 15 June 2018

  • Retiré le suffixe .min des nouvelles feuilles de style pour les extensions CodeMirror.

1.2.0 – 6 June 2018

  • Bibliothèque CSS mise à jour.
  • L’interface utilisateur change pour être plus évident lors de la visualisation de la révision.
  • Assurez-vous que les révisions sont triées par date décroissante.
  • Ne pas lier à la révision en cours d’affichage.
  • Ajouter une fonctionnalité de recherche à l’éditeur
  • Activer la recherche persistante et JumpToLine.

1.1.5 – 19 September 2017

  • Utilisez home_url au lieu de site_url pour déterminer où ouvrir l’aperçu CSS.
  • Les boutons d’incrémentation et de décrémentation fonctionnent lorsque la valeur est vide ou nulle. Ajout d’une action répétée lorsque le bouton est maintenu enfoncé.
  • Faites défiler l’éditeur au lieu de la page entière afin que le bouton « Enregistrer » soit toujours visible.
  • Définissez la couleur CSS sur l’éditeur visuel et l’inspecteur.
  • Enregistrement du fichier CSS généré dans le fichier de feuille de style dans le répertoire « uploads ».

1.1.4 – 31 January 2017

  • CodeMirror mis à jour à 2.25.2.
  • Suppression du remplissage de ligne supplémentaire.
  • Meilleure intégration avec la traduction WordPress.org.

1.1.3 – 31 January 2017

  • Suppression de la barre oblique dans les chemins après plugin_dir_url().
  • Mise à jour au dernier CodeMirror.
  • Correction d’un problème de remplissage qui causait des erreurs avec Firefox et le sélecteur de couleurs.

1.1.2 – 11 November 2016

  • Ignorez autre chose que les règles réelles dans les sous-ensembles de requêtes des médias.
  • Suppression de la fonction jQuery dépréciée.
  • Bibliothèque CSSLint mise à jour.
  • Minicolors mis à jour.

1.1.1 – 28 September 2016

  • Gérer correctement les erreurs dans l’interface CSS.
  • Ajout d’avis sur SiteOrigin Premium.

1.1 – 26 September 2016

  • Bibliothèque d’analyse CSS modifiée. Correction de plusieurs problèmes avec le mode éditeur visuel.
  • Ajout d’une barre d’adresse pour prévisualiser la fenêtre.
  • Petites corrections de CSS.
  • Petites modifications permettant d’ajouter d’autres champs éditoriaux visuels.

1.0.8 – 15 August 2016

  • Correction des liens d’action.
  • Prise en charge de GlotPress.
  • Suppression du code inutilisé.
  • Manipulation de @imports pour les futurs modules.

1.0.7 – 4 July 2016

  • Assurez-vous que l’utilisateur peut copier / coller dans l’éditeur via le menu contextuel.
  • Ajout d’extension de liens d’action
  • Ajout des classes dans l’élément body à la fenêtre des sélecteurs.

1.0.6 – 24 February 2016

  • Auto-complétion désactivée sur un seul élément (auto-complétion automatique).
  • Correction d’un conflit avec NextGen Gallery.
  • Affichez seulement les messages pertinents.

1.0.5 – 21 January 2016

  • Mise à jour à la dernière version de Code Mirror.

1.0.4 – 10 November 2015

  • Correction de l’analyse CSS en mode visuel.

1.0.3 – 29 October 2015

  • Changement d’image vidéo
  • Ajustez les temps de révision par décalage GMT.
  • Ne pas écraser les sous-styles de requêtes multimédias, plutôt que de les ajouter.

1.0.2

  • La fonctionnalité « Sortie de file d’attente » {Dequeue} qui entrait en conflit avec le sélecteur de couleur de WordPress, si elle était en file d’attente.
  • Suppression de wp_styles pour la compatibilité avec les anciennes versions de WordPress.

1.0.1

  • Résolution de conflits de l’éditeur CSS avec les thèmes de SiteOrigin
  • Forcer les scripts qui causent des problèmes avec l’interface d’édition principale à sortir de la file d’attente.
  • Facilite le suivi des liens avec l’inspecteur activé.

1.0

  • Version initiale.