CSS Hero Recensie: WordPress-ontwerpaanpassing eenvoudig gemaakt - DeLaatbusiness

CSS Hero Recensie: WordPress-ontwerpaanpassing eenvoudig gemaakt

5 min


121
6 gratis internet marketing ebooks, klik hier voor download

Als je een van de vele beginners bent die het ontwerp van je WordPress-site willen aanpassen zonder CSS aan te raken, dan heb je geluk. Met CSS Hero-plug-in voor WordPress kunt u ontwerpaanpassingen maken zonder een enkele regel code aan te raken. In deze bijgewerkte CSS Hero-recensie laten we je zien hoe je CSS Hero kunt gebruiken om je website aan te passen, en waarom we denken dat het een van de plug-ins is die elke WordPress-beginner zou moeten proberen.

CSS Hero-recensie

Onze CSS Hero Review

CSS Hero is een premium WordPress-plug-in waarmee u uw eigen WordPress-thema kunt ontwerpen zonder een enkele regel code te schrijven (geen HTML of CSS vereist).

Je hebt de mogelijkheid om wijzigingen ongedaan te maken, wat erg handig is voor beginners. Alle wijzigingen worden opgeslagen als een extra stylesheet, wat betekent dat u uw WordPress-thema kunt upgraden zonder dat u zich zorgen hoeft te maken dat de wijzigingen verloren gaan.

Als je een ontwerper of ontwikkelaar bent, zul je CSS Hero net zo goed vinden. Het werkt goed met alle populaire WordPress-thema’s en -raamwerken. U kunt snel wijzigingen aanbrengen in een child-thema en het vervolgens exporteren voor gebruik op de website van een klant.

CSS Hero kan u veel tijd en frustratie besparen als het gaat om het maken van ontwerpaanpassingen.

Meestal zijn we erg sceptisch over plug-ins voor het aanpassen van ontwerpaanpassingen met aanwijzen en klikken vanwege hun opgeblazen formaat. CSS Hero heeft echter vanaf het begin echt indruk op ons gemaakt.

Als je ons zou vragen om een ​​eerlijke CSS Hero-recensie, dan geven we deze een 5 van de 5 sterren.

CSS Hero gebruiken om uw WordPress-thema aan te passen

Eerst moet je de CSS Hero- plug- in installeren en activeren . 

Het is een premium WordPress-plug-in met prijzen vanaf $ 29 voor een enkele site (absoluut de investering waard gezien de tijd en moeite die het u zal besparen).

Gebruik de CSS Hero-kortingscode : WPBeginner om een ​​speciale korting van 34% korting te krijgen. Als u het PRO-abonnement koopt, krijgt u met dezelfde code maar liefst 40% korting.

Na activering wordt u doorgestuurd om uw CSS Hero-licentiesleutel te verkrijgen. Volg gewoon de instructies op het scherm en u wordt met een paar klikken teruggeleid naar uw site.

Het doel van CSS Hero is om u een WYSIWG-interface te bieden (wat u ziet is wat u krijgt) voor het bewerken van uw thema. Bezoek gewoon uw website terwijl u bent aangemeld, en u ziet de CSS Hero-knop in de WordPress- beheerbalk .

CSS Hero-knop

Als u op de knop klikt, wordt uw site geconverteerd naar de live preview. U kunt nu de CSS Hero-werkbalk zien.

CSS Hero live-editor

Klik vervolgens op een willekeurig element op uw website en CSS Hero laat u de CSS-eigenschappen zien die door uw thema voor dat specifieke element worden gebruikt.

Element eigenschappen

Deze bevatten algemene CSS-eigenschappen voor het geselecteerde element, zoals de achtergrond, typografie, randen, afstand en meer. U kunt op een item klikken om het uit te vouwen en vervolgens de CSS-eigenschappen bewerken met een eenvoudige gebruikersinterface.

Eigenschappen bewerken

Terwijl u wijzigingen aanbrengt, zult u merken dat de aangepaste CSS op magische wijze hieronder verschijnt. Als je CSS aan het leren bent, dan zul je het handig vinden om te zien hoe verschillende CSS-wijzigingen worden toegepast met het resultaat in live preview.

Stijlen voor verschillende elementen bewerken met CSS Hero

Heeft u problemen met het vinden van royaltyvrije afbeeldingen voor uw website? CSS Hero wordt geleverd met ingebouwde Unsplash-integratie waarmee u door het ontwerp van uw website kunt bladeren, zoeken en prachtige foto’s kunt gebruiken.

Gebruik royaltyvrije afbeeldingen in het ontwerp van uw website

CSS Hero wordt ook geleverd met enkele kant-en-klare fragmenten die u op verschillende elementen op uw website kunt toepassen. Schakel gewoon over naar het tabblad Fragmenten in de linkerkolom.

CSS-held kant-en-klare fragmenten

Terwijl u wijzigingen aanbrengt in uw website, slaat CSS Hero die wijzigingen automatisch op, maar publiceert ze niet. Om deze wijzigingen toe te passen op uw live website, moet u op de knop Opslaan en publiceren klikken.

Bewaar en publiceer uw wijzigingen

Wijzigingen in CSS Hero ongedaan maken

Een van de beste functies van CSS Hero is de mogelijkheid om wijzigingen die u op elk moment aanbrengt ongedaan te maken. CSS Hero houdt een geschiedenis bij van alle wijzigingen die u in uw thema aanbrengt. Klik eenvoudig op de geschiedenisknop in de CSS Hero-werkbalk om de lijst met wijzigingen te zien.

CSS Hero geschiedenis

U kunt op een datum en tijd klikken om te zien hoe uw site er op dat moment uitzag. Als je terug wilt naar die staat, sla dan gewoon op of ga verder met bewerken vanaf dat punt.

Dit betekent niet dat de wijzigingen die u daarna hebt aangebracht, zouden verdwijnen. Ze zouden nog steeds worden opgeslagen en u kunt ook terugkeren naar die tijd. Het wordt niet eenvoudiger dan dat.

Maar wat als u alleen wijzigingen die u in een bepaald item hebt aangebracht, wilt terugdraaien?

In dat geval hoeft u de geschiedenistool niet te gebruiken. Klik eenvoudig op het element dat u wilt herstellen en klik vervolgens op de resetknop.

Reset een enkel element

Hierdoor wordt het item teruggezet naar de standaardinstellingen die zijn gedefinieerd door uw WordPress-thema.

Uw site aanpassen voor mobiele apparaten in CSS Hero

Het meest uitdagende aspect van webdesign is de compatibiliteit van apparaten. U moet ervoor zorgen dat uw site er op alle apparaten en schermformaten even oogverblindend uitziet. Webontwerpers gebruiken verschillende tools om te testen op compatibiliteit van browsers en apparaten. Gelukkig voor jou wordt CSS Hero geleverd met een ingebouwde preview-tool.

Klik eenvoudig op het bureaubladpictogram in de CSS Hero-werkbalk en klik vervolgens op een apparaattype. U kunt kiezen uit mobiele apparaten, tablets en desktops. Het voorbeeldgebied verandert in uw geselecteerde apparaat.

Bewerken in verschillende apparaatmodi

U kunt nu uw site bewerken terwijl u er een voorbeeld van bekijkt voor mobiele apparaten. Deze tool is vooral handig om het ontwerp van je thema voor mobiel en tablets aan te passen.

Compatibiliteit met CSS Hero Theme

De officiële CSS Hero-website heeft een steeds groter wordende lijst met compatibele thema’s. Deze lijst bevat veel van de beste gratis WordPress-thema’s . Het heeft ook de meest populaire premium-thema’s van winkels zoals CSSIgniter , Themify , StudioPress en meer.

Hoe zit het met thema’s die niet op de themacompatibiliteitslijst staan?

CSS Hero wordt geleverd met een functie genaamd Rocket Mode Auto-detectie. Als u een thema gebruikt dat niet is opgenomen in de compatibiliteitslijst voor thema’s, begint CSS Hero automatisch de raketmodus te gebruiken.

Rocket Mode probeert de CSS-selectors van je thema zelf te raden. Dit werkt meestal perfect. Als je thema de coderingsnormen van WordPress volgt, kun je bijna alles bewerken.

U kunt ook contact opnemen met uw thema-ontwikkelaar en hen vragen om compatibiliteit met CSS Hero te bieden.

Welke plug-ins zijn compatibel met CSS Hero?

CSS Hero wordt regelmatig getest met de beste WordPress-plug-ins voor compatibiliteit. Dit omvat plug-ins voor contactformulieren , populaire paginabouwers , WooCommerce en anderen.

Als u een WordPress-plug-in gebruikt die een uitvoer genereert die niet kan worden bewerkt door CSS Hero, dan kunt u de auteur van de plug-in vragen om dit op te lossen. Ze hoeven echt niet veel te doen om compatibiliteit met CSS Hero te bieden.

We hopen dat je onze CSS Hero- recensie nuttig vond.


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format